addons/web_graph/static/src/xml/web_graph.xml

   1 <templates>
   2     <div t-name="GraphWidget" class="graph_widget">
   3         <div class="graph_header">
   4
   5       <div class="btn-toolbar hidden-print" role="toolbar">
   6
   7         <div class="btn-group graph_mode_selection" data-toggle="buttons">
   8             <label class="btn btn-default" data-mode="pivot" title="Table Mode">
   9                 <input type="radio" name="modes"/><span class="fa fa-table"></span>
  10             </label>
  11             <label class="btn btn-default" data-mode="bar" title="Bar Chart">
  12                 <input type="radio" name="modes"/><span class="fa fa-bar-chart-o"></span>
  13             </label>
  14             <label class="btn btn-default" data-mode="line" title="Line Chart">
  15                 <input type="radio" name="modes"/><span class="fa fa-check-square"></span>
  16             </label>
  17             <label class="btn btn-default" data-mode="pie" title="Pie Chart">
  18                 <input type="radio" name="modes"/><span class="fa fa-adjust"></span>
  19             </label>
  20         </div>
  21
  22         <div class="btn-group graph_heatmap" data-toggle="buttons" >
  23             <label class="btn btn-default" data-mode="both" title="Heat Map">
  24                 <input type="radio" name="heatmap"/><span class="fa fa-th"></span>
  25             </label>
  26             <label class="btn btn-default" data-mode="row" title="Heat Map (rows)">
  27                 <input type="radio" name="heatmap"/><span class="fa fa-bars"></span>
  28             </label>
  29             <label class="btn btn-default" data-mode="col" title="Heat Map (columns)">
  30                 <input type="radio" name="heatmap"/><span class="fa fa-bars fa-rotate-90"></span>
  31             </label>
  32         </div>
  33
  34         <div class="btn-group graph_options_selection">
  35             <label class="btn btn-default" data-choice="swap_axis" title="Swap Axis">
  36                 <span class="fa fa-expand"></span>
  37             </label>
  38             <label class="btn btn-default" data-choice="expand_all" title="Expand All">
  39                 <span class="fa fa-arrows-alt"></span>
  40             </label>
  41             <label class="btn btn-default" data-choice="update_values" title="Reload Data">
  42                 <span class="fa fa-refresh"></span>
  43             </label>
  44             <label class="btn btn-default" data-choice="export_data" title="Export Data" style="display:none">
  45                 <span class="fa fa-download"></span>
  46             </label>
  47         </div>
  48         <div class="btn-group">
  49             <label class="btn btn-default dropdown-toggle" data-toggle="dropdown">
  50                 Measures <span class="caret"></span>
  51             </label>
  52                 <ul class="dropdown-menu graph_measure_selection" role="menu">
  53                 </ul>
  54         </div>
  55     </div>
  56         </div>
  57         <div class="graph_main_content"></div>
  58     </div>
  59
  60         <div t-name="field_selection" class="dropdown">
  61                 <span class="btn btn-default field-selection dropdown-toggle" data-toggle="dropdown"></span>
  62         <ul class="dropdown-menu multi-level" role="menu">
  63                 <t t-foreach="fields" t-as="field">
  64                 <t t-if="(field.type === 'date') || (field.type === 'datetime')">
  65                     <li class="graph-dropdown-submenu">
  66                         <a class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'month'" href="#">
  67                             <t t-esc="field.value"/>
  68                         </a>
  69                         <ul class="dropdown-menu">
  70                             <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'day'">Day</a></li>
  71                             <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'week'">Week</a></li>
  72                             <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'month'">Month</a></li>
  73                             <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'quarter'">Quarter</a></li>
  74                             <li><a href="#" class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" t-att-data-interval="'year'">Year</a></li>
  75                         </ul>
  76                     </li>
  77                 </t>
  78
  79                  <t t-if="(field.type !== 'date') &amp;&amp; (field.type !== 'datetime')">
  80                     <li>
  81                         <a class="field-selection" t-att-data-field-id="field.id" t-att-data-id="header_id" href="#">
  82                             <t t-esc="field.value"/>
  83                         </a>
  84                     </li>
  85                 </t>
  86                 </t>
  87         </ul>
  88     </div>
  89
  90     <div t-name="graph_no_data" class="oe_view_nocontent" >
  91         <div class="oe_empty_custom_dashboard">
  92             <p><b>No data to display.</b></p>
  93             <p>
  94                     No data available for this graph.  Try to add some records, or make sure
  95                     that there is at least one measure and no active filter in the search bar.
  96             </p>
  97         </div>
  98     </div>
  99 </templates>