addons/website/static/src/xml/website.seo.xml

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <templates id="template" xml:space="preserve">
   3     <t t-name="website.seo_configuration">
   4         <div class="modal fade oe_seo_configuration" tabindex="-1" role="dialog">
   5             <div class="modal-dialog">
   6                 <div class="modal-content">
   7                     <div class="modal-header">
   8                         <button title="Close" type="button" class="close" data-dismiss="modal">×</button>
   9                         <h2 class="modal-title">Promote <small class="js_seo_page_url"></small></h2>
  10                         <h4>Get your page efficiently referenced in Google to attract more visitors.</h4>
  11                     </div>
  12                     <div class="modal-body">
  13                         <div class="js_seo_tips" />
  14                         <section class="js_seo_keywords_list">
  15                             <h3 class="page-header">1. Define keywords <small>describing your page content</small></h3>
  16                             <div class="form-horizontal" role="form">
  17                                 <div class="form-group">
  18                                     <label for="seo_page_keywords" class="col-lg-2 control-label">New keyword</label>
  19                                     <div class="col-lg-4">
  20                                         <div class="input-group">
  21                                           <input type="text" name="seo_page_keywords" class="form-control" maxlength="30"/>
  22                                           <span class="input-group-btn">
  23                                               <button data-action="add" class="btn btn-default" type="button">Add</button>
  24                                           </span>
  25                                         </div>
  26                                     </div>
  27                                 </div>
  28                             </div>
  29                             <dl class="dl-horizontal">
  30                                 <dt><span class="label label-warning">Keywords</span></dt>
  31                                 <dd>
  32                                     <ul class="list-inline">
  33                                         <li><span class="label label-default">Most searched topics related to these keywords</span></li>
  34                                     </ul>
  35                                 </dd>
  36                             </dl>
  37                             <!-- filled in JS -->
  38                         </section>
  39                         <section>
  40                             <h3 class="page-header">2. Choose a title and description <small>containing keywords relevant to what people are searching on the web</small></h3>
  41                             <div class="form-horizontal" role="form">
  42                                 <div class="form-group">
  43                                     <label for="seo_page_title" class="col-lg-2 control-label">Title</label>
  44                                     <div class="col-lg-8">
  45                                         <input type="text" name="seo_page_title" class="form-control" maxlength="70" size="70"/>
  46                                     </div>
  47                                 </div>
  48                                 <div class="form-group">
  49                                     <label for="seo_page_description" class="col-lg-2 control-label">Description</label>
  50                                     <div class="col-lg-8">
  51                                         <textarea name="seo_page_description" class="form-control" rows="3" cols="70" size="160"/>
  52                                     </div>
  53                                 </div>
  54                             </div>
  55                         </section>
  56                         <section>
  57                             <h3 class="page-header">3. Describe your images</h3>
  58                             <div class="row js_seo_image_list">
  59                                   <!-- filled in JS -->
  60                             </div>
  61                         </section>
  62                         <hr/>
  63                         <section>
  64                             <button type="button" data-action="update" class="btn btn-primary">Apply changes</button> or <a data-action="discard" data-dismiss="modal" href="#">Discard</a>
  65                         </section>
  66                     </div>
  67                 </div>
  68             </div>
  69         </div>
  70     </t>
  71
  72     <t t-name="website.seo_list">
  73         <ul class="list-inline">
  74             <!-- filled in JS -->
  75         </ul>
  76     </t>
  77
  78     <t t-name="website.seo_tip">
  79         <div t-attf-class="alert alert-#{widget.type}">
  80               <button title="Dismiss" type="button" class="close" data-action="close" data-dismiss="alert" aria-hidden="true">×</button>
  81               <t t-raw="widget.message"/>
  82         </div>
  83     </t>
  84
  85     <t t-name="website.seo_keyword">
  86         <dl class="dl-horizontal js_seo_keyword">
  87             <dt>
  88                 <span t-attf-class="label label-#{ widget.type } js_seo_keyword" t-att-data-keyword="widget.keyword">
  89                     <a href="#" class="oe_remove" data-action="remove-keyword">x</a>
  90                     &amp;nbsp;
  91                     <t t-raw="widget.keyword"/>
  92                 </span>
  93             </dt>
  94             <dd class="js_seo_keyword_suggestion">
  95                 <!-- filled in JS -->
  96             </dd>
  97         </dl>
  98     </t>
  99
 100     <t t-name="website.seo_suggestion">
 101         <li class="oe_seo_suggestion">
 102             <span t-attf-class="label label-#{ widget.type } js_seo_suggestion" t-att-data-keyword="widget.keyword">
 103                 <t t-raw="widget.keyword"/>
 104             </span>
 105         </li>
 106     </t>
 107
 108     <t t-name="website.seo_image">
 109         <div class="col-sm-6 col-md-3 oe_seo_image_preview">
 110             <img t-att-src="widget.src" class="img-rounded thumbnail"/>
 111             <input type="text" class="form-control" t-att-src="widget.src" t-att-value="widget.alt" placeholder="Description..."/>
 112         </div>
 113     </t>
 114
 115 </templates>