Subida del módulo y tema de PrestaShop

admin_o2w/themes/new-theme/template/helpers/kpi/kpi.tpl

@@ -0,0 +1,100 @@
+{**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ *}
+
+<script>
+  function refresh_{$id|replace:'-':'_'|addslashes}()
+  {
+    {if !isset($source) || $source == '' || !isset($refresh) || $refresh == ''}
+    if (arguments.length < 1 || arguments[0] != true) {
+      // refresh kpis only if force mode is true (pass true as first argument of this function).
+      return;
+    }
+    {/if}
+    $.ajax({
+      url: '{$source|addslashes}' + '&rand=' + new Date().getTime(),
+      dataType: 'json',
+      type: 'GET',
+      cache: false,
+      headers: { 'cache-control': 'no-cache' },
+      success: function(jsonData){
+        if (!jsonData.has_errors)
+        {
+          if (jsonData.value != undefined)
+          {
+            $('#{$id|addslashes} .value').html(jsonData.value);
+            $('#{$id|addslashes}').attr('data-original-title', jsonData.tooltip);
+          }
+          if (jsonData.data != undefined)
+          {
+            $("#{$id|addslashes} .boxchart svg").remove();
+            set_d3_{$id|replace:'-':'_'|addslashes}(jsonData.data);
+          }
+        }
+      }
+    });
+  }
+</script>
+
+{if $chart}
+  <script>
+    function set_d3_{$id|str_replace:'-':'_'|addslashes}(jsonObject)
+    {
+      var data = new Array;
+      $.each(jsonObject, function (index, value) {
+        data.push(value);
+      });
+      var data_max = d3.max(data);
+
+      var chart = d3.select("#{$id|addslashes} .boxchart").append("svg")
+              .attr("class", "data_chart")
+              .attr("width", data.length * 6)
+              .attr("height", 45);
+
+      var y = d3.scale.linear()
+              .domain([0, data_max])
+              .range([0, data_max * 45]);
+
+      chart.selectAll("rect")
+              .data(data)
+              .enter().append("rect")
+              .attr("y", function(d) { return 45 - d * 45 / data_max; })
+              .attr("x", function(d, i) { return i * 6; })
+              .attr("width", 4)
+              .attr("height", y);
+    }
+
+    {if $data}
+    set_d3_{$id|replace:'-':'_'|addslashes}($.parseJSON("{$data|addslashes}"));
+    {/if}
+  </script>
+{/if}
+
+{if isset($href) && $href}
+  <a href="{$href|escape:'html':'UTF-8'}" id="{$id|escape:'html':'UTF-8'}" class="kpi-container box-stats">
+{else}
+  <div id="{$id|escape:'html':'UTF-8'}" class="kpi-container box-stats">
+{/if}
+  <div class="kpi-content -{$color|escape}" data-original-title="{$tooltip|escape}" data-toggle="pstooltip">
+    {if isset($icon) && $icon}
+      <i class="material-icons">{$icon|escape}</i>
+    {/if}
+    {if isset($chart) && $chart}
+      <div class="boxchart-overlay">
+        <div class="boxchart">
+        </div>
+      </div>
+    {/if}
+    <span class="title">{$title|escape}</span>
+    <div class="kpi-description">
+      <div class="subtitle">{$subtitle|escape}</div>
+      <div class="value">{$value|escape|replace:'&amp;':'&'}</div>
+    </div>
+  </div>
+{if isset($href) && $href}
+  </a>
+{else}
+  </div>
+{/if}
+

admin_o2w/themes/new-theme/template/helpers/kpi/row.tpl

@@ -0,0 +1,22 @@
+{**
+ * For the full copyright and license information, please view the
+ * docs/licenses/LICENSE.txt file that was distributed with this source code.
+ *}
+<div class="content container-fluid">
+  <div class="row">
+    <div class="col-md-12">
+      <div class="kpi-container">
+        <div class="row">
+          {assign var='col' value=(int)(12 / $kpis|count)}
+          {foreach from=$kpis item=i name=kpi}
+            {if $smarty.foreach.kpi.iteration > $col+1}
+              </div>
+              <div class="row">
+            {/if}
+            <div class="col-md-{$col}">{$i}</div>
+          {/foreach}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>