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

   1 <?xml version="1.0" encoding="utf-8"?>
   2 <templates id="template" xml:space="preserve">
   3
   4     <t t-name="website.editorbar.menu.promote">
   5         <li><a data-action="promote-current-page" href="#"><span title="Promote page on the web">Promote</span></a></li>
   6     </t>
   7
   8     <t t-name="website.seo_configuration">
   9         <div class="modal fade oe_seo_configuration js_seo_configuration" tabindex="-1" role="dialog">
  10             <div class="modal-dialog">
  11                 <div class="modal-content">
  12                     <div class="modal-header">
  13                         <button title="Close" type="button" class="close" data-dismiss="modal">×</button>
  14                         <div class="h2">Promote This Page</div>
  15                         <div class="text-muted">
  16                             Get this page efficiently referenced in Google to attract more visitors.
  17                         </div>
  18                     </div>
  19                     <div class="modal-body">
  20                         <div class="js_seo_tips" />
  21                         <section class="js_seo_keywords_list">
  22                             <h3 class="page-header mt16">1. Define Keywords <small>describing your page content</small></h3>
  23                             <div class="form-horizontal" role="form">
  24                                 <div class="form-group">
  25                                     <label for="seo_page_keywords" class="col-sm-3 control-label">Add keyword:</label>
  26                                     <div class="col-sm-4">
  27                                         <div class="input-group">
  28                                           <input type="text" name="seo_page_keywords" class="form-control" maxlength="30"/>
  29                                           <span class="input-group-btn">
  30                                               <button data-action="add" class="btn btn-default" type="button">Add</button>
  31                                           </span>
  32                                         </div>
  33                                     </div>
  34                                 </div>
  35                             </div>
  36                             <span class="text-muted">Most searched topics related to your keywords, ordered by importance:</span>
  37                             <!-- filled in JS -->
  38                         </section>
  39                         <section>
  40                             <h3 class="page-header">2. Reference Your Page <small>using above suggested keywords</small></h3>
  41                             <div class="form-horizontal mt16" role="form">
  42                                 <div class="form-group">
  43                                     <label for="seo_page_title" class="col-sm-2 control-label">Title</label>
  44                                     <div class="col-sm-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-sm-2 control-label">Description</label>
  50                                     <div class="col-sm-8">
  51                                         <textarea name="seo_page_description" class="form-control" rows="3" cols="70" t-att-maxlength="widget.maxDescriptionSize"/>
  52                                     </div>
  53                                 </div>
  54                             </div>
  55                         </section>
  56                         <section>
  57                             <h3 class="page-header">3. Preview <small>how your page will be listed on Google</small></h3>
  58                             <div class="js_seo_preview"></div>
  59                         </section>
  60                         <!--
  61                         <section class="js_image_section">
  62                             <h3 class="page-header">4. Describe your images</h3>
  63                             <div class="row js_seo_image_list">
  64                             </div>
  65                         </section>
  66                         -->
  67                     </div>
  68                     <div class="modal-footer">
  69                         <button type="button" data-action="update" class="btn btn-primary">Save</button>
  70                         or
  71                         <a data-action="discard" data-dismiss="modal" href="#" >Discard</a>
  72                     </div>
  73                 </div>
  74             </div>
  75         </div>
  76     </t>
  77
  78     <t t-name="website.seo_suggestion_list">
  79         <ul class="list-inline mb0">
  80             <!-- filled in JS -->
  81         </ul>
  82     </t>
  83
  84     <t t-name="website.seo_list">
  85         <div>
  86             <!-- filled in JS -->
  87         </div>
  88     </t>
  89
  90     <t t-name="website.seo_tip">
  91         <div t-attf-class="alert alert-#{ widget.type }">
  92             <t t-raw="widget.message"/>
  93         </div>
  94     </t>
  95
  96     <t t-name="website.seo_keyword">
  97         <dl class="dl-horizontal mt8 mb8">
  98             <dt>
  99                 <span t-attf-title="#{ widget.tooltip() }" t-attf-class="oe_seo_keyword #{ widget.highlight() } js_seo_keyword" t-att-data-keyword="widget.keyword">
 100                     <a href="#" class="oe_remove" data-action="remove-keyword">x</a> <t t-raw="widget.keyword"/>
 101                 </span>
 102             </dt>
 103             <dd class="js_seo_keyword_suggestion">
 104                 <!-- filled in JS -->
 105             </dd>
 106         </dl>
 107     </t>
 108
 109     <t t-name="website.seo_suggestion">
 110         <li class="oe_seo_suggestion">
 111             <span t-attf-title="#{ widget.tooltip() }" t-attf-class="oe_seo_keyword #{ widget.highlight() } js_seo_suggestion" t-att-data-keyword="widget.keyword">
 112                 <t t-raw="widget.keyword"/>
 113             </span>
 114         </li>
 115     </t>
 116
 117     <t t-name="website.seo_image">
 118         <div class="col-sm-6 col-md-3 oe_seo_image_preview">
 119             <img t-att-src="widget.src" class="img-rounded thumbnail"/>
 120             <input type="text" class="form-control" t-att-src="widget.src" t-att-value="widget.alt" placeholder="Description..."/>
 121         </div>
 122     </t>
 123
 124     <t t-name="website.seo_preview">
 125         <li class="oe_seo_preview_g">
 126             <div class="rc">
 127                 <span class="altcts"></span>
 128                 <h3 class="r">
 129                     <a t-att-href="url">
 130                         <em><t t-esc="widget.title"/></em>
 131                     </a>
 132                 </h3>
 133                 <div class="s">
 134                     <div>
 135                         <div class="f kv" style="white-space:nowrap">
 136                             <cite><t t-esc="widget.url"/></cite>
 137                         </div>
 138                         <div class="f slp"></div>
 139                         <span class="st"><t t-esc="widget.description"/></span>
 140                     </div>
 141                 </div>
 142             </div>
 143         </li>
 144     </t>
 145
 146 </templates>