4 <title>Bootstrap - Editor Example</title>
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
9 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
11 <link href="../../../bootswatch/AdminLTE-master/css/font-awesome.css" rel="stylesheet" type="text/css" />
12 <link rel="stylesheet" href="../../css-bootstrap/select2.css">
13 <link rel="stylesheet" href="../../css-bootstrap/combobox.css">
14 <link rel="stylesheet" href="../../css-bootstrap/checkbox.css">
18 <script type="text/javascript" src="../../roojs-core-debug.js"></script>
19 <!-- bootstrap js.. needs to compile it later.. -->
20 <script type="text/javascript" src="../../Roo/XComponent.js"></script>
21 <script type="text/javascript" src="../../Roo/bootstrap/Component.js"></script>
22 <script type="text/javascript" src="../../Roo/bootstrap/Body.js"></script>
23 <script type="text/javascript" src="../../Roo/bootstrap/Container.js"></script>
24 <script type="text/javascript" src="../../Roo/bootstrap/Column.js"></script>
25 <script type="text/javascript" src="../../Roo/bootstrap/Navbar.js"></script>
26 <script type="text/javascript" src="../../Roo/bootstrap/Menu.js"></script>
27 <script type="text/javascript" src="../../Roo/bootstrap/MenuItem.js"></script>
28 <script type="text/javascript" src="../../Roo/bootstrap/MenuSeparator.js"></script>
30 <script type="text/javascript" src="../../Roo/bootstrap/NavSimplebar.js"></script>
31 <script type="text/javascript" src="../../Roo/bootstrap/NavGroup.js"></script>
32 <script type="text/javascript" src="../../Roo/bootstrap/NavItem.js"></script>
33 <script type="text/javascript" src="../../Roo/bootstrap/TabGroup.js"></script>
34 <script type="text/javascript" src="../../Roo/bootstrap/TabPanel.js"></script>
35 <script type="text/javascript" src="../../Roo/bootstrap/Row.js"></script>
36 <script type="text/javascript" src="../../Roo/bootstrap/Button.js"></script>
37 <script type="text/javascript" src="../../Roo/bootstrap/ButtonGroup.js"></script>
38 <script type="text/javascript" src="../../Roo/bootstrap/Img.js"></script>
40 <script type="text/javascript" src="../../Roo/bootstrap/Header.js"></script>
42 <script type="text/javascript" src="../../Roo/bootstrap/Modal.js"></script>
43 <script type="text/javascript" src="../../Roo/bootstrap/Form.js"></script>
44 <script type="text/javascript" src="../../Roo/bootstrap/Input.js"></script>
46 <script type="text/javascript" src="../../Roo/bootstrap/TriggerField.js"></script>
47 <script type="text/javascript" src="../../Roo/bootstrap/ComboBox.js"></script>
48 <script type="text/javascript" src="../../Roo/bootstrap/ComboBox2.js"></script>
49 <script type="text/javascript" src="../../Roo/bootstrap/Calendar.js"></script>
50 <script type="text/javascript" src="../../Roo/bootstrap/Popover.js"></script>
52 <script type="text/javascript" src="../../Roo/data/SortTypes.js"></script>
53 <script type="text/javascript" src="../../Roo/data/Record.js"></script>
54 <script type="text/javascript" src="../../Roo/data/Store.js"></script>
55 <script type="text/javascript" src="../../Roo/data/SimpleStore.js"></script>
56 <script type="text/javascript" src="../../Roo/data/JsonStore.js"></script>
57 <script type="text/javascript" src="../../Roo/data/Field.js"></script>
58 <script type="text/javascript" src="../../Roo/data/DataReader.js"></script>
59 <script type="text/javascript" src="../../Roo/data/DataProxy.js"></script>
60 <script type="text/javascript" src="../../Roo/data/MemoryProxy.js"></script>
61 <script type="text/javascript" src="../../Roo/data/HttpProxy.js"></script>
62 <script type="text/javascript" src="../../Roo/data/ScriptTagProxy.js"></script>
63 <script type="text/javascript" src="../../Roo/data/JsonReader.js"></script>
64 <script type="text/javascript" src="../../Roo/data/ArrayReader.js"></script>
66 <script type="text/javascript" src="../../Roo/form/VTypes.js"></script>
67 <script type="text/javascript" src="../../Roo/View.js"></script>
69 <script type="text/javascript" src="../../../Campaign/editor/Panel.js"></script>
70 <script type="text/javascript" src="../../../Campaign/editor/TextBlock.js"></script>
71 <script type="text/javascript" src="../../../Campaign/editor/ImageBlock.js"></script>
73 <link rel="stylesheet" href="../../../Campaign/editor/editor.css">
75 <script type="text/javascript" src="../../Roo/bootstrap/TextArea.js"></script>
76 <script type="text/javascript" src="../../Roo/HtmlEditorCore.js"></script>
77 <script type="text/javascript" src="../../Roo/bootstrap/HtmlEditor.js"></script>
78 <script type="text/javascript" src="../../Roo/bootstrap/htmleditor/ToolbarStandard.js"></script>
79 <script type="text/javascript" src="../../Roo/bootstrap/MenuMgr.js"></script>
80 <script type="text/javascript" src="../../Roo/bootstrap/MessageBox.js"></script>
83 <script type="text/javascript" src="Editor.js"></script>
87 <script type="text/javascript">
88 var baseURL = '/web.campaign/index.local.php';
89 var rootURL = '/web.campaign';
91 Roo.XComponent.hideProgress = true;
93 Roo.onReady(function() {
94 Roo.XComponent.build();
97 Roo.XComponent.on('buildcomplete', function() {
99 url : baseURL + '/editor/data.php',
101 success : function(r)
103 var res = Roo.decode(r.responseText);
109 Roo.example.Editor.previewPanel.body().dom.innerHTML = res.data.email;
111 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-editable', true).elements, function(el){
113 var target = el.attr('data-target');
115 Roo.example.Editor[target] = new Roo.bootstrap.editor.TextBlock({ panel : 'thanks-email' }).render(el);
119 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-image-editable', true).elements, function(el){
121 var target = el.attr('data-target');
123 Roo.example.Editor[target] = new Roo.bootstrap.editor.ImageBlock({ panel : 'thanks-email' }).render(el);
124 Roo.example.Editor[target].parent = el;
126 Roo.example.Editor[target].on('upload', function(){
127 Roo.log('fire upload');
132 for ( var p in res.data.campaign.emails ){
133 var f = res.data.campaign.emails[p];
135 for (var d in f['message']){
136 Roo.example.Editor[d].setValue(f['message'][d])
139 for (var d in f['image']){
140 var width = Roo.example.Editor[d].parent.getWidth();
141 Roo.example.Editor[d].setValue(baseURL + '/Images/Thumb/' + width + '/' + f['image'][d]);