<t t-name="website.editor.dialog.image">
<t t-call="website.editor.dialog">
<t t-set="title">Image:</t>
- <div class="row">
+ <div>
+ <div>
+ <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQIHWP4zwAAAgEBAMVfG14AAAAASUVORK5CYII%3D"
+ class="pull-right img-rounded image-preview"
+ width="100%"/>
+ </div>
<form method="POST" action="/website/attach"
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>
- </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"/>
+ target="fileframe">
+ <ul class="nav nav-pills nav-justified">
+ <li class="active"><a href="#image-upload" data-toggle="pill">
+ Upload
+ </a></li>
+ <li><a href="#image-existing" data-toggle="pill">Your images</a></li>
+ <li><a href="#image-external" data-toggle="pill">External Image</a></li>
+ </ul>
+ <div class="tab-content">
+ <div id="image-upload" class="tab-pane active form-group text-center">
+ <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>
+ <div id="image-existing" class="tab-pane well">
+ <div class="existing-attachments"/>
+ </div>
+ <div id="image-external" class="tab-pane well form-group">
+ <input type="text" class="form-control url"
+ placeholder="e.g. http://goo.gl/EDC325"/>
+ </div>
</div>
<input type="hidden" name="func"/>
</form>
- <div class="col-sm-4">
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAC0lEQVQIHWP4zwAAAgEBAMVfG14AAAAASUVORK5CYII%3D"
- class="pull-right img-rounded image-preview"
- width="100%"/>
- </div>
+ <iframe src="about:blank" name="fileframe" class="hidden"/>
</div>
- <iframe src="about:blank" name="fileframe" class="hidden"/>
</t>
</t>
<t t-name="website.editor.dialog.image.existing">