[ADD] bootstrap image dialog, behavior missing

bzr revid: xmo@openerp.com-20130902075216-4y83ed2r19z2fgha

1 files changed, 57 insertions, 29 deletions

diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index 76aa855e6b1..25005cc4e0e 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -12,46 +12,74 @@
             </div>
         </t>
     </t>
-    <t t-name="website.editor.dialog.link">
+    <t t-name="website.editor.dialog">
         <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
             <div class="modal-dialog">
                 <div class="modal-content">
                     <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
-                        <h3>Link to:</h3>
-                    </div>
-                    <div class="modal-body">
-                        <form>
-                            <ul class="list-group form-group">
-                                <li class="list-group-item active">
-                                    <h3 class="list-group-item-heading">Page on Your Website</h3>
-                                    <select class="form-control pages url-source"/>
-                                </li>
-                                <li class="list-group-item">
-                                    <div class="pull-right">
-                                        <label>
-                                            <input type="checkbox" class="window-new"/>
-                                            Open in new window
-                                        </label>
-                                    </div>
-                                    <h3 class="list-group-item-heading pull-left">Website URL</h3>
-                                    <input type="text" class="form-control url url-source"
-                                           placeholder="http://openerp.com"/>
-                                </li>
-                                <li class="list-group-item">
-                                    <h3 class="list-group-item-heading">Email Address</h3>
-                                    <input type="email" class="form-control email-address url-source"
-                                           placeholder="you@yourwebsite.com"/>
-                                </li>
-                            </ul>
-                        </form>
+                        <h3><t t-esc="title"/></h3>
                     </div>
+                    <div class="modal-body"><t t-raw="__content__"/></div>
                     <div class="modal-footer">
                         <button type="button" class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
-                        <button type="button" class="btn btn-primary">Save changes</button>
+                        <button type="button" class="btn btn-primary save">Save changes</button>
                     </div>
                 </div>
             </div>
         </div>
     </t>
+    <t t-name="website.editor.dialog.link">
+        <t t-call="website.editor.dialog">
+            <t t-set="title">Link to:</t>
+            <form>
+                <ul class="list-group form-group">
+                    <li class="list-group-item active">
+                        <h3 class="list-group-item-heading">Page on your website</h3>
+                        <select class="form-control pages url-source"/>
+                    </li>
+                    <li class="list-group-item">
+                        <div class="pull-right">
+                            <label>
+                                <input type="checkbox" class="window-new"/>
+                                Open in new window
+                            </label>
+                        </div>
+                        <h3 class="list-group-item-heading">Website URL</h3>
+                        <input type="text" class="form-control url url-source"
+                               placeholder="http://openerp.com"/>
+                    </li>
+                    <li class="list-group-item">
+                        <h3 class="list-group-item-heading">Email Address</h3>
+                        <input type="email" class="form-control email-address url-source"
+                               placeholder="you@yourwebsite.com"/>
+                    </li>
+                </ul>
+            </form>
+        </t>
+    </t>
+    <t t-name="website.editor.dialog.image">
+        <t t-call="website.editor.dialog">
+            <t t-set="title">Image:</t>
+            <form method="POST" action="/website/attach"
+                  enctype="multipart/form-data"
+                  target="fileframe">
+                <div class="well">
+                    <!-- a href="#" class="pull-left">Find image</a -->
+                    <h3 class="list-group-item-heading">Image URL</h3>
+                    <input type="text" class="form-control url"
+                           placeholder="http://openerp.com"/>
+                </div>
+                <div class="text-center">
+                    <p class="">— or —</p>
+                    <input type="file" name="upload" style="position: absolute; opacity: 0; width: 1px; height: 1px;"/>
+                    <button type="button" class="btn btn-primary btn-lg filepicker">
+                        Upload an image from your computer
+                    </button>
+                </div>
+                <input type="hidden" name="func"/>
+            </form>
+            <iframe src="about:blank" name="fileframe" class="hidden"/>
+        </t>
+    </t>
 </templates>