summaryrefslogtreecommitdiff
path: root/addons/website/static/src/xml/website.editor.xml
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/xml/website.editor.xml')
-rw-r--r--addons/website/static/src/xml/website.editor.xml59
1 files changed, 40 insertions, 19 deletions
diff --git a/addons/website/static/src/xml/website.editor.xml b/addons/website/static/src/xml/website.editor.xml
index 6422830ebf5..f3ddfc4f112 100644
--- a/addons/website/static/src/xml/website.editor.xml
+++ b/addons/website/static/src/xml/website.editor.xml
@@ -9,7 +9,6 @@
class="btn">Cancel</button>
</form>
<ul class="nav navbar-nav pull-right">
- <li class="navbar-form"><button type="button" data-action="snippet" class="btn btn-primary">Building Blocks</button></li>
</ul>
</div>
</t>
@@ -32,7 +31,7 @@
</div>
</t>
<t t-name="website.editor.dialog.link.footer-button">
- <button type="button" class="btn pull-left remove">Remove Link</button>
+ <button type="button" class="btn pull-left remove btn-danger">Remove Link</button>
</t>
<t t-name="website.editor.dialog.link">
<t t-call="website.editor.dialog">
@@ -95,43 +94,64 @@
enctype="multipart/form-data"
target="fileframe"
class="col-sm-8">
- <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>
+ <p class="text-muted mt16">— or —</p>
</div>
- <p class="text-center">— or —</p>
<div class="well">
- <h3 class="list-group-item-heading">Pick an existing attachment</h3>
- <div class="existing-attachments"/>
+ <a href="#existing" class="pull-right">Browse existing images</a>
+ <h3 class="list-group-item-heading">Image URL</h3>
+ <input type="text" class="form-control url"
+ placeholder="http://openerp.com"/>
</div>
<input type="hidden" name="func"/>
</form>
- <div class="col-sm-4">
+ <div class="col-sm-4 image-preview-container">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQIHWP4zwAAAgEBAMVfG14AAAAASUVORK5CYII%3D"
class="pull-right img-rounded image-preview"
width="100%"/>
+ <select class="form-control image-style">
+ <option value="">No styling</option>
+ <option value="img-rounded">Rounded corners</option>
+ <option value="img-thumbnail">Box</option>
+ <option value="img-circle">Circle</option>
+ <option value="shadow">Shadow</option>
+ </select>
</div>
</div>
<iframe src="about:blank" name="fileframe" class="hidden"/>
</t>
</t>
<t t-name="website.editor.dialog.image.existing">
+ <div class="modal" tabindex="-1" role="dialog" aria-hidden="true">
+ <div class="modal-dialog select-image">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+ <h3 class="modal-title">Select a Picture</h3>
+ </div>
+ <div class="modal-body">
+ <div class="existing-attachments"/>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true">Discard</button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </t>
+ <t t-name="website.editor.dialog.image.existing.content">
<div class="existing-attachments">
- <div class="row" t-foreach="rows" t-as="row">
- <div class="col-md-4" t-foreach="row" t-as="attachment">
- <t t-set="url">/website/attachment/<t t-esc="attachment.id"/></t>
- <a t-att-href="url" class="thumbnail">
- <img t-att-src="url" t-att-alt="attachment.name"/>
- </a>
+ <ul class="pager">
+ <li class="previous disabled"><a href="#">← Previous</a></li>
+ <li class="next disabled"><a href="#">Next →</a></li>
+ </ul>
+ <div class="row mt16" t-foreach="rows" t-as="row">
+ <div class="col-sm-2" t-foreach="row" t-as="attachment">
+ <img t-att-src="attachment.website_url" t-att-alt="attachment.name" class="img img-responsive"/>
</div>
</div>
</div>
@@ -148,4 +168,5 @@
</tbody>
</table>
</t>
+
</templates>