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 <script type="text/javascript" src="../../roojs-bootstrap.js"></script>
21 <!-- bootstrap js.. needs to compile it later.. -->
24 <script type="text/javascript" src="../../../Campaign/editor/Panel.js"></script>
25 <script type="text/javascript" src="../../../Campaign/editor/TextBlock.js"></script>
26 <script type="text/javascript" src="../../../Campaign/editor/ImageBlock.js"></script>
28 <link rel="stylesheet" href="../../../Campaign/editor/editor.css">
33 <script type="text/javascript" src="Editor.js"></script>
37 <script type="text/javascript">
38 Campaign = { Dialog : {} };
40 var baseURL = '/web.campaign/index.local.php';
41 var rootURL = '/web.campaign';
43 Roo.XComponent.hideProgress = true;
45 Roo.onReady(function() {
46 Roo.XComponent.build();
49 Roo.XComponent.on('buildcomplete', function() {
51 url : baseURL + '/editor/data.php',
55 var res = Roo.decode(r.responseText);
61 Roo.example.Editor.previewPanel.body().dom.innerHTML = res.data.email;
63 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-editable', true).elements, function(el){
65 var target = el.attr('data-target');
67 Roo.example.Editor[target] = new Roo.bootstrap.editor.TextBlock({ panel : 'thanks-email' }).render(el);
71 Roo.each(Roo.example.Editor.previewPanel.body().select('.campaign-image-editable', true).elements, function(el){
73 var target = el.attr('data-target');
75 Roo.example.Editor[target] = new Roo.bootstrap.editor.ImageBlock({ panel : 'thanks-email' }).render(el);
76 Roo.example.Editor[target].parent = el;
78 Roo.example.Editor[target].on('upload', function(){
79 Campaign.Dialog.Images.show(
82 ontable : 'campaign_detail',
87 url : baseURL + '/Roo/Images',
95 var res = Roo.decode(r.responseText);
101 var width = Roo.example.Editor[target].parent.getWidth();
103 Roo.example.Editor[target].setValue((baseURL + '/Images/Thumb/' + width + '/' + res.data.id));
112 for ( var p in res.data.campaign.emails ){
113 var f = res.data.campaign.emails[p];
115 for (var d in f['message']){
116 Roo.example.Editor[d].setValue(f['message'][d])
119 for (var d in f['image']){
120 var width = Roo.example.Editor[d].parent.getWidth();
121 Roo.example.Editor[d].setValue(baseURL + '/Images/Thumb/' + width + '/' + f['image'][d]);
134 <script src="../../../Campaign/Campaign.Dialog.Images.js" type="text/javascript"></script>