addons/website/static/src/xml/website.snippets.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <templates id="template" xml:space="preserve">
   3
   4     <!-- Editor -->
   5
   6     <t t-name="website.snippets">
   7         <div id='oe_snippets' class='hide'>
   8             <ul class="nav nav-pills">
   9               <li class="active"><a data-toggle="pill" href="#snippet_structure">Structure</a></li>
  10               <li class=""><a data-toggle="pill" href="#snippet_content">Content</a></li>
  11               <li class=""><a data-toggle="pill" href="#snippet_emphasize">Emphasize</a></li>
  12               <li class=""><a data-toggle="pill" href="#snippet_style">Style</a></li>
  13             </ul>
  14             <div class="pill-content">
  15                 <div class="pill-pane active" id="snippet_structure"></div>
  16                 <div class="pill-pane" id="snippet_content"></div>
  17                 <div class="pill-pane" id="snippet_emphasize"></div>
  18                 <div class="pill-pane" id="snippet_style"></div>
  19                 <div class="pill-pane" id="snippet_unsorted"></div>
  20             </div>
  21         </div>
  22     </t>
  23
  24     <t t-name="website.snippet_overlay">
  25         <div class="oe_overlay">
  26             <div class="oe_overlay_options">
  27                 <div class="dropdown oe_options">
  28                     <i data-toggle="dropdown" class="btn btn-primary icon icon-cog"></i>
  29                     <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
  30                         <li class="divider"></li>
  31                         <li><a href="#" class="button js_box_remove">Remove this snippet</a></li>
  32                     </ul>
  33                 </div>
  34                 <div class="oe_label"></div>
  35                 <div class="oe_move"><i class="js_box_move icon btn btn-primary icon-move"></i></div>
  36             </div>
  37         </div>
  38     </t>
  39
  40     <t t-name="website.snippet_manipulator">
  41         <div class='oe_snippet_manipulator'></div>
  42     </t>
  43
  44     <!-- Snippets -->
  45
  46     <div t-name="website.snippets.resize" data-snippet-id='resize'>
  47         <!-- custom data for the widget -->
  48         <div class='oe_handles'>
  49             <div class='oe_handle n'></div>
  50             <div class='oe_handle e'></div>
  51             <div class='oe_handle w'></div>
  52             <div class='oe_handle s'></div>
  53         </div>
  54         <div class='oe_snippet_thumbnail oe_label'>Margin resize</div>
  55     </div>
  56
  57     <div t-name="website.snippets.colmd" data-snippet-id='colmd' data-action='insert' data-selector-vertical-childs='.row'>
  58         <div class='oe_snippet_thumbnail oe_label'>Column</div>
  59     </div>
  60
  61     <div t-name="website.snippets.carousel" data-snippet-id='carousel' data-category='emphasize' data-action='insert' data-selector-siblings='.container'>
  62
  63         <!-- editor bar to display inside the top edit bar -->
  64         <li class='oe_snippet_options'>
  65             <a href="#" class="button js_add">Add layer</a>
  66         </li>
  67         <li class='oe_snippet_options'>
  68             <a href="#" class="button js_remove">Remove current layer</a>
  69         </li>
  70         <li class='oe_snippet_options'>
  71             <a class="carousel-background">
  72                 Background
  73                 <select class="form-control" name="carousel-background">
  74                     <option value="/website/static/src/img/banner/aqua.jpg">Aqua</option>
  75                     <option value="/website/static/src/img/banner/baby_blue.jpg">Baby Blue</option>
  76                     <option value="/website/static/src/img/banner/black.jpg">Black</option>
  77                     <option value="/website/static/src/img/banner/business_guy.jpg">Business Guy</option>
  78                     <option value="/website/static/src/img/banner/color_splash.jpg">Color Splash</option>
  79                     <option value="/website/static/src/img/banner/flower_field.jpg">Flowers Field</option>
  80                     <option value="/website/static/src/img/banner/greenfields.jpg">Greenfields</option>
  81                     <option value="/website/static/src/img/banner/landscape.jpg">Landscape</option>
  82                     <option value="/website/static/src/img/banner/mango.jpg">Mango</option>
  83                     <option value="/website/static/src/img/banner/mountains.jpg">Mountains</option>
  84                     <option value="/website/static/src/img/banner/orange_red.jpg">Orange Red</option>
  85                     <option value="/website/static/src/img/banner/flower.jpg">Purple</option>
  86                     <option value="/website/static/src/img/banner/velour.jpg">Velour</option>
  87                     <option value="/website/static/src/img/banner/wood.jpg">Wood</option>
  88                     <option value="/website/static/src/img/banner/yellow_green.jpg">Yellow Green</option>
  89                 </select>
  90                 <input class="form-control input-sm" type="text" placeholder="http://...."/>
  91             </a>
  92         </li>
  93         <!--li class='oe_snippet_options'>
  94             <a class="carousel-style">
  95                 Style
  96                 <select class="form-control" name="carousel-style">
  97                     <option value="no_image">No image</option>
  98                     <option value="image_left">Image left</option>
  99                     <option value="image_right">Image right</option>
 100                 </select>
 101             </a>
 102         </li-->
 103
 104         <!-- thumbnail to display inside the bottom widget list editor -->
 105         <div class='oe_snippet_thumbnail oe_label'>carousel</div>
 106
 107         <!-- body to insert after drag and drop thumbnail -->
 108         <div id="myCarousel" class="oe_snippet_body carousel slide" data-interval="10000">
 109             <!-- Carousel items -->
 110             <div class="carousel-inner">
 111                 <div class="item active" style="background-image: url(/website/static/src/img/banner/greenfields.jpg); background-size: cover;">
 112                     <div class="container">
 113                         <div class="content mt48 mb48" data-snippet-id='resize'>
 114                             <h1>Create Awesome Websites</h1>
 115                             <h3>Super easy, fully flexible</h3>
 116                             <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
 117                         </div>
 118                     </div>
 119                 </div>
 120             </div>
 121             <!-- Carousel nav -->
 122             <a class="carousel-control left" href="#myCarousel" data-slide="prev"></a>
 123             <a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
 124         </div>
 125
 126         <!-- custom data for the widget -->
 127         <div class="item" style="background-image: url(/website/static/src/img/china.jpg); background-size: cover; background-position: bottom;" >
 128             <div class='container'>
 129                 <div class="content" style="padding-top: 90px; padding-bottom:45px;">
 130                     <h1>Your New Banner Slide</h1>
 131                     <h3>With another convincing subtitle</h3>
 132                     <a href="/page/website.contactus" class="btn btn-success btn-large mt16">Contact us</a>
 133                 </div>
 134             </div>
 135         </div>
 136     </div>
 137
 138     <div t-name="website.snippets.darken" data-snippet-id='darken' data-category='style' data-action='mutate' data-selector='.container'>
 139         <div class='oe_snippet_thumbnail oe_label'>Darken</div>
 140     </div>
 141
 142     <div t-name="website.snippets.well" data-snippet-id='well' data-category='content' data-action='insert' data-selector-siblings='div p'>
 143         <div class='oe_snippet_thumbnail oe_label'>Well</div>
 144         <div class="oe_snippet_body well">
 145             Manage your sales funnel with no effort with OpenERP CRM. Attract
 146             leads, follow-up on phone calls and meetings. Analyse the quality
 147             of your leads to make informed decisions.
 148         </div>
 149     </div>
 150
 151     <div t-name="website.snippets.quote" data-snippet-id='quote' data-category='content' data-action='insert' data-selector-siblings='div p'>
 152         <div class='oe_snippet_thumbnail oe_label'>Quote</div>
 153         <blockquote class="oe_snippet_body">
 154             <p>
 155                 OpenERP provides essential platform for our project management.
 156                 Things are better organized and much more visible with it.
 157             </p>
 158             <small class="pull-right">John Doe, CEO</small>
 159         </blockquote>
 160     </div>
 161
 162     <div t-name="website.snippets.panel" data-snippet-id='panel' data-category='content' data-action='insert' data-selector-siblings='div p'>
 163         <div class='oe_snippet_thumbnail oe_label'>Panel</div>
 164         <div class="oe_snippet_body panel panel-default">
 165             <div class="panel-heading">
 166                 <h3 class="panel-title">OpenERP Features</h3>
 167             </div>
 168             <div class="panel-body">
 169                 OpenERP's collaborative and realtime project management helps
 170                 your team get work done. Keep track of everything, from the big
 171                 picture to the minute details, from the customer contract to
 172                 the billing.
 173             </div>
 174         </div>
 175     </div>
 176
 177     <div t-name="website.snippets.surprise" data-snippet-id='vomify' data-category='content' data-action='mutate' data-selector='.container'>
 178         <div class="oe_snippet_body" style="display: none;"></div>
 179         <div class='oe_snippet_thumbnail oe_label' style='background-image:radial-gradient(red,orange,yellow,green,blue);'>Surprise!</div>
 180     </div>
 181
 182     <div t-name="website.snippets.spacer" data-snippet-id='resize' data-category='structure' data-action='insert' data-selector-siblings='.container'>
 183         <div class='oe_snippet_thumbnail oe_label'>Spacer</div>
 184         <div class="oe_snippet_body container mt32"></div>
 185     </div>
 186
 187     <div t-name="website.snippets.title" data-snippet-id='title' data-category='structure' data-action='insert' data-selector-childs='#wrap, [data-oe-type=html]'>
 188         <div class='oe_snippet_thumbnail oe_label'>Title</div>
 189         <section class="oe_snippet_body container">
 190             <div class="row">
 191                 <div class="col-md-12 text-center">
 192                     <h1>Your Great Title</h1>
 193                     <h2 class="text-muted">a slogan reinforcing the title</h2>
 194                 </div>
 195             </div>
 196         </section>
 197     </div>
 198
 199     <div t-name="website.snippets.text-image" data-snippet-id='text-image' data-category='structure' data-action='insert' data-selector-childs='.container'>
 200         <div class='oe_snippet_thumbnail oe_label'>Text-Image</div>
 201         <section class="oe_snippet_body container">
 202             <div class="row">
 203                 <div class="col-md-7">
 204                     <h4 class="mt16">Mollit Anim</h4>
 205                     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
 206                         dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 207                         proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 208                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 209                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 210                         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 211                         consequat.</p>
 212                 </div>
 213                 <div class="col-md-5">
 214                     <img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
 215                 </div>
 216             </div>
 217         </section>
 218     </div>
 219     <div t-name="website.snippets.image-text" data-snippet-id='image-text' data-category='structure' data-action='insert' data-selector-childs='.container'>
 220         <div class='oe_snippet_thumbnail oe_label'>Image-Text</div>
 221         <section class="oe_snippet_body container">
 222             <div class="row">
 223                 <div class="col-md-5">
 224                     <img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
 225                 </div>
 226                 <div class="col-md-7">
 227                     <h4 class="mt16">Mollit Anim</h4>
 228                     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
 229                         dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 230                         proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 231                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 232                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 233                         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 234                         consequat.</p>
 235                 </div>
 236             </div>
 237         </section>
 238     </div>
 239
 240     <div t-name="website.snippets.jumbotron" data-snippet-id='jumbotron' data-category='emphasize' data-action='insert' data-selector-siblings='.container'>
 241         <div class='oe_snippet_thumbnail oe_label'>Jumbotron</div>
 242         <section class="oe_snippet_body jumbotron">
 243             <div class="container">
 244                 <h1>Sell Online. Easily.</h1>
 245                 <p>
 246                     Get your online shop ready in a few clicks with OpenERP Commerce.
 247                 </p>
 248                 <p>
 249                     <a class="btn btn-primary btn-lg" href="/website.contactus">
 250                         Contact us
 251                     </a>
 252                 </p>
 253             </div>
 254         </section>
 255     </div>
 256
 257
 258     <div t-name="website.snippets.three-collumns" data-snippet-id='three-collumns' data-category='structure' data-action='insert' data-selector-siblings='.container'>
 259         <div class='oe_snippet_thumbnail oe_label'>three-collumns</div>
 260         <section class="oe_snippet_body container">
 261             <div class="row">
 262                 <div class="col-md-12 text-center">
 263                     <h2 class="mt48">Ut enim ad minim veniam</h2>
 264                 </div>
 265             </div>
 266             <div class="row mt32">
 267                 <div class="col-md-4">
 268                     <img class="img-rounded img-responsive" src="/website/static/src/img/china_thumb.jpg"/>
 269                     <h4 class="mt16">Cillum Dolore</h4>
 270                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 271                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 272                         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 273                         consequat.</p>
 274                 </div>
 275                 <div class="col-md-4">
 276                     <img class="img-rounded img-responsive" src="/website/static/src/img/desert_thumb.jpg"/>
 277                     <h4 class="mt16">Mollit Anim</h4>
 278                     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
 279                         dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 280                         proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
 281                 </div>
 282                 <div class="col-md-4">
 283                     <img class="img-rounded img-responsive" src="/website/static/src/img/deers_thumb.jpg"/>
 284                     <h4 class="mt16">Nemo Enim Ipsam</h4>
 285                     <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
 286                         doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
 287                         veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
 288                         ipsam voluptatem quia voluptas</p>
 289                 </div>
 290             </div>
 291         </section>
 292     </div>
 293
 294     <div t-name="website.snippets.header-block" data-snippet-id='header-block' data-category='structure' data-action='insert' data-selector-siblings='.container'>
 295         <div class='oe_snippet_thumbnail oe_label'>header-block</div>
 296         <section class="container oe_snippet_body">
 297             <div class="row">
 298                 <div class="col-md-5">
 299                     <img class="img-rounded img-responsive" src="/website/static/src/img/island.jpg"/>
 300                 </div>
 301                 <div class="col-md-6 col-lg-offset-1">
 302                     <p class="mt16">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 303                         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 304                         quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 305                         consequat.</p>
 306                     <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
 307                         dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 308                         proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
 309                     <div class="text-center">
 310                         <a href="http://www.openerp.com/start" class="btn btn-default mt16 btn-lg btn-primary">Call To  <em>Action</em></a>
 311                     </div>
 312                 </div>
 313             </div>
 314         </section>
 315     </div>
 316
 317 </templates>