From 97e7a685449c3f913a611c8f5dad9022e5532cb6 Mon Sep 17 00:00:00 2001
From: Emmanuel Darnis <emmanuel.darnis@maestrano.com>
Date: Mon, 12 Mar 2018 15:13:07 +0000
Subject: [PATCH] [IMPAC-737] Widget Repeat customers

---
 .../sales-repeat-customers.directive.coffee   | 59 +++++++++++++++++++
 .../sales-repeat-customers.less               | 18 ++++++
 .../sales-repeat-customers.tmpl.html          | 57 ++++++++++++++++++
 src/impac-angular.module.js                   |  3 +-
 4 files changed, 136 insertions(+), 1 deletion(-)
 create mode 100644 src/components/widgets/sales-repeat-customers/sales-repeat-customers.directive.coffee
 create mode 100644 src/components/widgets/sales-repeat-customers/sales-repeat-customers.less
 create mode 100644 src/components/widgets/sales-repeat-customers/sales-repeat-customers.tmpl.html

diff --git a/src/components/widgets/sales-repeat-customers/sales-repeat-customers.directive.coffee b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.directive.coffee
new file mode 100644
index 00000000..6734681c
--- /dev/null
+++ b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.directive.coffee
@@ -0,0 +1,59 @@
+module = angular.module('impac.components.widgets.sales-repeat-customers', [])
+module.controller('WidgetSalesRepeatCustomersCtrl', ($scope, $q, $filter, ChartFormatterSvc) ->
+
+  w = $scope.widget
+
+  # Define settings
+  # --------------------------------------
+  $scope.orgDeferred = $q.defer()
+  $scope.chartDeferred = $q.defer()
+  $scope.histModeDeferred = $q.defer()
+  settingsPromises = [
+    $scope.orgDeferred.promise
+    $scope.chartDeferred.promise
+    $scope.histModeDeferred.promise
+  ]
+
+  # Widget specific methods
+  # --------------------------------------
+  w.initContext = ->
+    $scope.isDataFound = w.content?
+
+  $scope.getColorByIndex = (index) ->
+    ChartFormatterSvc.getColor(index)
+
+  # Chart formating function
+  # --------------------------------------
+  $scope.drawTrigger = $q.defer()
+  w.format = ->
+    if $scope.isDataFound
+      dates = _.map w.content.small_chart.dates, (date) ->
+        $filter('date')(date, 'MMM yy')
+
+      lineOptions = {
+        scaleBeginAtZero: true,
+        showXLabels: false,
+        currency: 'hide'
+      }
+
+      lineData = [
+        {title: 'Merchant', labels: dates, values: w.content.small_chart.merchant_values},
+        {title: 'Competitive Set', labels: dates, values: w.content.small_chart.competitive_values},
+        {title: 'Industry', labels: dates, values: w.content.small_chart.industry_values}
+      ]
+
+      # init chartData after transletion chages
+      chartData = ChartFormatterSvc.lineChart(lineData,lineOptions)
+
+      # calls chart.draw()
+      $scope.drawTrigger.notify(chartData)
+
+
+  $scope.widgetDeferred.resolve(settingsPromises)
+)
+module.directive('widgetSalesRepeatCustomers', ->
+  return {
+    restrict: 'A',
+    controller: 'WidgetSalesRepeatCustomersCtrl'
+  }
+)
\ No newline at end of file
diff --git a/src/components/widgets/sales-repeat-customers/sales-repeat-customers.less b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.less
new file mode 100644
index 00000000..d07b77ea
--- /dev/null
+++ b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.less
@@ -0,0 +1,18 @@
+.analytics .widget-item .content.sales-repeat-customers {
+  h6 {
+    text-align: center;
+    font-size: 11px;
+    margin-top: 2px;
+  }
+
+  td {
+    text-align: center;
+    padding-left: 3px;
+    padding-right: 3px;
+    padding-top: 3px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 0px;
+  }
+}
diff --git a/src/components/widgets/sales-repeat-customers/sales-repeat-customers.tmpl.html b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.tmpl.html
new file mode 100644
index 00000000..aa7b2998
--- /dev/null
+++ b/src/components/widgets/sales-repeat-customers/sales-repeat-customers.tmpl.html
@@ -0,0 +1,57 @@
+<div widget-sales-repeat-customers>
+  <!-- Settings Panel -->
+  <div ng-show="widget.isEditMode" class="edit">
+    <h4>Widget settings</h4>
+
+    <div setting-organizations parent-widget="widget" class="part" deferred="::orgDeferred" />
+
+    <!-- Buttons displayed on the lower  -->
+    <div class="bottom-buttons" align="right">
+      <button class="btn btn-default" ng-click="initSettings()">Cancel</button>
+      <button class="btn btn-warning" ng-click="updateSettings()">Save</button>
+    </div>
+  </div>
+
+  <!-- Content Panel -->
+  <div ng-hide="widget.isEditMode">
+    <!-- Data found -->
+    <div ng-show="(isDataFound==true)" class="">
+      <h6>Percentage of customers at the store with more than one transaction</h6>
+
+      <div setting-hist-mode parent-widget="widget" deferred="::histModeDeferred" end-date="'not-displayed'"/>
+
+      <div ng-hide="widget.isHistoryMode">
+        <table>
+          <tr>
+            <td/>
+            <td>Within</td>
+            <td/>
+          </tr>
+          <tr>
+            <td>1 month</td>
+            <td/>
+            <td>2 months</td>
+          </tr>
+          <tr ng-repeat="figure in widget.content.figure">
+            <td ng-style="{'color': getColorByIndex($index)}">{{figure.value[0]}}%</td>
+            <td>{{figure.label}}</td>
+            <td ng-style="{'color': getColorByIndex($index)}">{{figure.value[1]}}%</td>
+          </tr>
+        </table>
+      </div>
+
+      <div ng-show="widget.isHistoryMode">
+        <div impac-chart draw-trigger="drawTrigger.promise" deferred="chartDeferred"></div>
+        <div class="legend">
+          <span ng-style="{ 'color': getColorByIndex(0) }">Merchant</span> -
+          <span ng-style="{ 'color': getColorByIndex(1) }">Competitive Set</span> -
+          <span ng-style="{ 'color': getColorByIndex(2) }">Industry</span>
+        </div>
+        <h6>Within 1 month</h6>
+      </div>
+    </div>
+
+    <!-- No data found -->
+    <div ng-if="(isDataFound==false)" common-data-not-found on-display-alerts="onDisplayAlerts()" endpoint="::widget.category" width="::widget.width" />
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/impac-angular.module.js b/src/impac-angular.module.js
index 6347dbe6..fb86ed6c 100644
--- a/src/impac-angular.module.js
+++ b/src/impac-angular.module.js
@@ -92,7 +92,8 @@ angular.module('impac.components.widgets',
     'impac.components.widgets.sales-summary',
     'impac.components.widgets.sales-top-opportunities',
     'impac.components.widgets.sales-top-customers',
-    'impac.components.widgets.sales-new-vs-existing-customers'
+    'impac.components.widgets.sales-new-vs-existing-customers',
+    'impac.components.widgets.sales-repeat-customers'
   ]
 );
 angular.module('impac.components.widgets-settings',