[IMP] Implement custom bootstrap dialog for links.

Dialog doesn't work right as it's a bootstrap 3-ish dialog, not 2, so
none of the classes works correctly.

Also moved editor templates outside of main website template file.

bzr revid: xmo@openerp.com-20130829153441-w51n3hxxikyti0xj
This commit is contained in:
Xavier Morel
2013-08-29 17:34:41 +02:00
parent e6da64b39e
commit 0d64c9037d
4 changed files with 256 additions and 22 deletions
@@ -0,0 +1,56 @@
<templates id="template" xml:space="preserve">
<t t-extend="website.editorbar">
<t t-jquery="#website-top-view" t-operation="after">
<div class="navbar-inner" id="website-top-edit">
<form class="navbar-form pull-left">
<button data-action="save" class="btn btn-primary">Save</button>
<button data-action="cancel" class="btn">Cancel</button>
</form>
<ul class="nav pull-right">
<li><button data-action="snippet" class="btn btn-primary">Building Blocks</button></li>
</ul>
</div>
</t>
</t>
<t t-name="website.editor.dialog.link">
<div class="modal hide" tabindex="-1" role="dialog" aria-hidden="true">
<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">
<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">
<h3 class="list-group-item-heading pull-left">Website URL</h3>
<div class="pull-right">
<label>
<input type="checkbox" class="window-new"/>
Open in new window
</label>
</div>
<div class="clearfix"></div>
<div class="input-group">
<input type="text" class="form-control url url-source"
placeholder="http://openerp.com"/>
</div>
</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>
</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>
</div>
</div>
</t>
</templates>