<?xml version="1.0" encoding="utf-8"?>
<templates id="template" xml:space="preserve">
- <!-- Editor -->
+ <!-- Snippet loader -->
+ <t t-name="website.snippets_button">
+ <li class="navbar-form js_hide_on_translate"><button type="button" data-action="snippet" class="hidden btn btn-primary">Insert Blocks</button></li>
+ </t>
+ <t t-name="website.snippets_style">
+ <li class="navbar-form">
+ <div class="btn-group">
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+ Block style <span class="caret"></span>
+ </button>
+ <ul class="dropdown-menu" id="oe_snippets_style" role="menu"></ul>
+ </div>
+ </li>
+ </t>
+ <t t-name="website.snippets_modal">
+ <div class="modal" id="oe_droperror" tabindex="-1" role="dialog">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal">&times;</button>
+ <h4 class="modal-title">
+ Building Block Not Inserted
+ </h4>
+ </div>
+ <div class="modal-body">
+ <p>
+ Please drop building blocks in a valid zone, like
+ this one:
+ </p>
+ <div class="row">
+ <div class="col-sm-4 col-sm-offset-4 oe_drop_zone_style text-center">
+ <span class="mt16">drop in this zone</span>
+ </div>
+ </div>
+ <div class="text-muted">
+ <b>Tip:</b> when your cursor is in a valid zone,
+ OpenERP shows you a preview of the building block
+ in the page. You must release the block when the
+ preview is visible.
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+ <div class="pull-left">
+ <input type="checkbox" value="1"/> Never show this tip again
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </t>
<t t-name="website.snippets">
- <div id='oe_snippets' class='hide'>
+ <div id='oe_snippets'></div>
+ </t>
+
+ <t t-name="website.snippet_overlay">
+ <div class="oe_overlay">
+ <div class="oe_overlay_options">
+ <div class="btn-group">
+ <a href="#" class="btn btn-default btn-sm oe_snippet_parent" title="Select Container Block"><i class="fa fa-upload"></i></a>
+ <div class="dropdown oe_options hidden btn-group">
+ <a href="#" data-toggle="dropdown" class="btn btn-primary btn-sm" title="Customize">Customize <span class="caret"/></a>
+ <ul class="dropdown-menu" role="menu"></ul>
+ </div>
+ <a href="#" class="btn btn-default btn-sm oe_snippet_move" title="Drag to Move">&nbsp;<i class="fa fa-arrows"></i>&nbsp;</a>
+ <a href="#" class="btn btn-default btn-sm oe_snippet_clone" title="Duplicate Container">&nbsp;<i class="fa fa-files-o"></i>&nbsp; </a>
+ <a href="#" class="btn btn-default btn-sm oe_snippet_remove" title="Remove Block">&nbsp;<i class="fa fa-trash-o"></i>&nbsp; </a>
+ </div>
+ </div>
</div>
</t>
<div class='oe_snippet_manipulator'></div>
</t>
- <!-- Snippets -->
-
- <div t-name="website.snippets.container" data-snippet-id='container'>
-
- <!-- editor bar to display inside the top edit bar -->
- <li class='oe_snippet_options'>
- <a href="#" class="button js_box_move"><i class='icon icon-move'></i></a>
- </li>
- <li class='oe_snippet_options'>
- <a href="#" class="button js_box_remove"><i class="icon icon-remove"></i></a>
- </li>
+ <!-- snippet objects -->
+ <div t-name="website.snippets.resize" data-snippet-id='resize'>
<!-- custom data for the widget -->
<div class='oe_handles'>
<div class='oe_handle n'></div>
<div class='oe_handle w'></div>
<div class='oe_handle s'></div>
</div>
+ <div class='oe_snippet_thumbnail'>Margin resize</div>
</div>
- <div t-name="website.snippets.carousel" data-snippet-id='carousel' data-action='insert' data-selector-siblings='.container'>
-
- <!-- editor bar to display inside the top edit bar -->
- <li class='oe_snippet_options'>
- <a href="#" class="button js_add"><i class="icon icon-plus-sign"></i></a>
- </li>
- <li class='oe_snippet_options'>
- <a href="#" class="button js_remove"><i class="icon icon-minus-sign"></i></a>
- </li>
- <li class='oe_snippet_options'>
- <select name="carousel-background">
- <option value="/website/static/src/img/greenfields.jpg">greenfields</option>
- <option value="/website/static/src/img/landscape.png">landscape</option>
- <option value="/website/static/src/img/aqua.jpg">aqua</option>
- </select>
- </li>
- <li class='oe_snippet_options'>
- <select name="carousel-style">
- <option value="no_image">No image</option>
- <option value="image_left">Image left</option>
- <option value="image_right">Image right</option>
- </select>
- </li>
-
- <!-- thumbnail to display inside the bottom widget list editor -->
- <div class='oe_snippet_thumbnail oe_label'>carousel</div>
-
- <!-- body to insert after drag and drop thumbnail -->
- <div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="10000">
- <!-- Carousel items -->
- <div class="carousel-inner">
- <div class="item active" style="background-image: url(/website/static/src/img/greenfields.jpg); background-size: cover;">
- <div class="container">
- <div class="content" style="padding-top: 90px; padding-bottom:45px;">
- <h1>Create Awesome Websites</h1>
- <h3>Super easy, fully flexible</h3>
- <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
- </div>
- </div>
- </div>
- </div>
- <!-- Carousel nav -->
- <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
- <a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
- </div>
-
- <!-- custom data for the widget -->
- <div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
- <div class='container'>
- <div class="content" style="padding-top: 90px; padding-bottom:45px;">
- <h1>Your New Banner Slide</h1>
- <h3>With another convincing subtitle</h3>
- <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
- </div>
- </div>
- </div>
- </div>
-
- <div t-name="website.snippets.darken" data-snippet-id='darken' data-action='mutate' data-selector='.container'>
- <div class='oe_snippet_thumbnail oe_label'>Darken</div>
- </div>
-
- <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-action='mutate' data-selector='.container'>
- <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
- </div>
-
- <div t-name="website.snippets.spacer" data-snippet-id='spacer' data-action='insert' data-selector-siblings='.container'>
- <div class='oe_snippet_thumbnail oe_label'>Spacer</div>
- <div class="oe_snippet_body container mt32"></div>
- </div>
-
- <div t-name="website.snippets.title" data-snippet-id='title' data-action='insert' data-selector-siblings='.container'>
- <div class='oe_snippet_thumbnail oe_label'>Main Title</div>
- <section class="oe_snippet_body container">
- <div class="row">
- <div class="col-md-12 text-center">
- <h1 class="mt64">Welcome To Your New Homepage,</h1>
- <h2 class="mt32 subheader">where <b><em>everything</em></b> can be customized </h2>
- </div>
- </div>
- </section>
- </div>
-
- <div t-name="website.snippets.three-collumns" data-snippet-id='three-collumns' data-action='insert' data-selector-siblings='.container'>
- <div class='oe_snippet_thumbnail oe_label'>three-collumns</div>
- <section class="oe_snippet_body container">
- <div class="row">
- <div class="col-md-12 text-center">
- <h2 class="mt48">Ut enim ad minim veniam</h2>
- </div>
- </div>
- <div class="row mt32">
- <div class="col-md-4">
- <img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
- <h4 class="mt16">Cillum Dolore</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat.</p>
- </div>
- <div class="col-md-4">
- <img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
- <h4 class="mt16">Mollit Anim</h4>
- <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
- </div>
- <div class="col-md-4">
- <img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
- <h4 class="mt16">Nemo Enim Ipsam</h4>
- <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
- doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
- veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
- ipsam voluptatem quia voluptas</p>
- </div>
- </div>
- </section>
- </div>
-
- <div t-name="website.snippets.header-block" data-snippet-id='header-block' data-action='insert' data-selector-siblings='.container'>
- <div class='oe_snippet_thumbnail oe_label'>header-block</div>
- <section class="container oe_snippet_body">
- <div class="row">
- <div class="col-md-5">
- <img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
- </div>
- <div class="col-md-6 col-lg-offset-1">
- <p class="mt16">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
- tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
- quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
- consequat.</p>
- <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
- dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
- proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
- <div class="text-center">
- <a href="http://www.openerp.com/start" class="btn btn-default mt16 btn-lg btn-primary">Call To <em>Action</em></a>
- </div>
- </div>
- </div>
- </section>
- </div>
+ <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-selector-vertical-children='.row'></div>
</templates>