@kigi/components 1.45.0-beta.3 → 1.45.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/mbg-average-customer-time/mbg-average-customer-time.html +4 -3
  3. package/src/components/mbg-store-goal/mbg-store-goal.html +135 -132
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kigi/components",
3
- "version": "1.45.0-beta.3",
3
+ "version": "1.45.0-beta.4",
4
4
  "description": "@kigi/components",
5
5
  "main": "src/components/index.ts",
6
6
  "scripts": {
package/src/components/mbg-average-customer-time/mbg-average-customer-time.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <div class="average-customer-time-wrapper"
2
- ng-if="!$ctrl.loadingChartCustomer">
2
+ ng-if="!$ctrl.loading">
3
3
  <div class="row customer-average">
4
4
  <div class="description-container-dash"
5
5
  ng-show="$ctrl.percentagesReturnCustomerTime.length">
@@ -25,7 +25,8 @@
25
25
 
26
26
  </div>
27
27
 
28
- <div class="line-pay"></div>
28
+ <div class="line-pay"
29
+ ng-if="!$ctrl.loading"></div>
29
30
  <div class="chart-container"
30
31
  id="container">
31
32
  </div>
@@ -33,6 +34,6 @@
33
34
  </div>
34
35
 
35
36
  <div class="fake-chart"
36
- ng-if="$ctrl.loadingChartCustomer">
37
+ ng-if="$ctrl.loading">
37
38
  <mbg-skeleton></mbg-skeleton>
38
39
  </div>
package/src/components/mbg-store-goal/mbg-store-goal.html CHANGED
@@ -1,152 +1,155 @@
1
1
  <div class="store-goal-wrapper"
2
- ng-class="{'opacity-dash-goal': $ctrl.blockStoreGoal}"
3
- ng-if="!$ctrl.loading || $ctrl.showDashboard ">
4
- <div class="description-container-dash">
5
- <span class="description-dash">
6
- Meta do mês / {{$ctrl.currentMonthName}}
7
- <i class="fa fa-exclamation-circle"
8
- uib-tooltip="{{$ctrl.percentageEstimatedMessage}}"
9
- tooltip-placement="top"
10
- ng-show="$ctrl.estimatedPercentageGreaterThanTarget"
11
- aria-hidden="true"></i>
12
- </span>
2
+ ng-class="{'opacity-dash-goal': $ctrl.blockStoreGoal}">
3
+ <div ng-show="!$ctrl.loading">
4
+ <div class="description-container-dash">
5
+ <span class="description-dash">
6
+ Meta do mês / {{$ctrl.currentMonthName}}
7
+ <i class="fa fa-exclamation-circle"
8
+ uib-tooltip="{{$ctrl.percentageEstimatedMessage}}"
9
+ tooltip-placement="top"
10
+ ng-show="$ctrl.estimatedPercentageGreaterThanTarget"
11
+ aria-hidden="true"></i>
12
+ </span>
13
13
 
14
- <div class="mbg-h-c-tone-s-icon-dash"
15
- ng-click="$ctrl.toggleShowValueStoreGoal(false)">
16
- <label>{{$ctrl.indexActiveSlide}}</label>
17
- <i class="fa fa-lock lock-dash-store"
18
- aria-hidden="true"
19
- uib-tooltip="Sem permissão para visualizar"
20
- tooltip-placement="left"
21
- ng-if="$ctrl.blockStoreGoal"></i>
22
- <i ng-if="$ctrl.hideValue && !$ctrl.blockStoreGoal"
23
- disable-animate
24
- class="far fa-eye eye-board-target"></i>
25
- <i ng-if="!$ctrl.hideValue && !$ctrl.blockStoreGoal"
26
- disable-animate
27
- class="far fa-eye-slash eye-board-target"></i>
14
+ <div class="mbg-h-c-tone-s-icon-dash"
15
+ ng-click="$ctrl.toggleShowValueStoreGoal(false)">
16
+ <label>{{$ctrl.indexActiveSlide}}</label>
17
+ <i class="fa fa-lock lock-dash-store"
18
+ aria-hidden="true"
19
+ uib-tooltip="Sem permissão para visualizar"
20
+ tooltip-placement="left"
21
+ ng-if="$ctrl.blockStoreGoal"></i>
22
+ <i ng-if="$ctrl.hideValue && !$ctrl.blockStoreGoal"
23
+ disable-animate
24
+ class="far fa-eye eye-board-target"></i>
25
+ <i ng-if="!$ctrl.hideValue && !$ctrl.blockStoreGoal"
26
+ disable-animate
27
+ class="far fa-eye-slash eye-board-target"></i>
28
28
 
29
+ </div>
29
30
  </div>
30
- </div>
31
- <div class="line-goal"></div>
32
- <div class="dashboard-wrapper">
33
- <div class="swiper">
34
- <div class="swiper-wrapper">
35
- <div class="swiper-slide">
36
- <div class="chart-container"
37
- id="container-speed">
31
+ <div class="line-goal"></div>
32
+ <div class="dashboard-wrapper">
33
+ <div class="swiper">
34
+ <div class="swiper-wrapper">
35
+ <div class="swiper-slide">
36
+ <div class="chart-container"
37
+ id="container-speed">
38
+ </div>
38
39
  </div>
39
- </div>
40
40
 
41
- <div class="swiper-slide">
42
- <div class="dashboard-estimated">
43
- <p ng-if="$ctrl.hideValue">Meta: <strong>{{$ctrl.goalDataForTheMonth.target | currency: 'R$ '
44
- }}</strong>
45
- </p>
46
- <p ng-if="!$ctrl.hideValue">Meta: <i class="fa fa-lock"
47
- aria-hidden="true"
48
- tooltip-placement="right"
49
- uib-tooltip="Sem permissão para visualizar"></i>
50
- </p>
51
- <p ng-if="!$ctrl.hideValue">Venda atual: <i class="fa fa-lock"
52
- aria-hidden="true"
53
- tooltip-placement="right"
54
- uib-tooltip="Sem permissão para visualizar"></i>
55
- </p>
56
- <p class="estimate-goal-store lock-permition"
57
- ng-if="$ctrl.hideValue">Venda atual: <strong>{{$ctrl.goalDataForTheMonth.sales | currency: 'R$ '
58
- }}</strong>
59
- <i class="fa fa-exclamation-circle"
60
- aria-hidden="true"
61
- tooltip-placement="top"
62
- uib-tooltip="Considera devoluções"></i>
63
- </p>
64
- <p ng-if="!$ctrl.hideValue">Restante: <i class="fa fa-lock"
65
- aria-hidden="true"
66
- tooltip-placement="right"
67
- uib-tooltip="Sem permissão para visualizar"></i>
68
- </p>
69
- <p class="estimate-goal-store"
70
- ng-if="$ctrl.hideValue">Restante: <strong>{{$ctrl.goalDataForTheMonth.remaining | currency: 'R$ '
71
- }} =
72
- ({{$ctrl.goalDataForTheMonth.remainingPercentage}}%)</strong>
73
- </p>
74
- <p ng-if="!$ctrl.hideValue">Estimativa: <i class="fa fa-lock"
75
- aria-hidden="true"
76
- tooltip-placement="right"
77
- uib-tooltip="Sem permissão para visualizar"></i>
78
- </p>
79
- <p class="estimate-goal-store"
80
- ng-if="$ctrl.hideValue">Estimativa: <strong>{{$ctrl.goalDataForTheMonth.estimate | currency: 'R$
81
- '}} =
82
- ({{$ctrl.goalDataForTheMonth.estimatePercentage}}%)</strong>
83
- </p>
41
+ <div class="swiper-slide">
42
+ <div class="dashboard-estimated">
43
+ <p ng-if="$ctrl.hideValue">Meta: <strong>{{$ctrl.goalDataForTheMonth.target | currency: 'R$ '
44
+ }}</strong>
45
+ </p>
46
+ <p ng-if="!$ctrl.hideValue">Meta: <i class="fa fa-lock"
47
+ aria-hidden="true"
48
+ tooltip-placement="right"
49
+ uib-tooltip="Sem permissão para visualizar"></i>
50
+ </p>
51
+ <p ng-if="!$ctrl.hideValue">Venda atual: <i class="fa fa-lock"
52
+ aria-hidden="true"
53
+ tooltip-placement="right"
54
+ uib-tooltip="Sem permissão para visualizar"></i>
55
+ </p>
56
+ <p class="estimate-goal-store lock-permition"
57
+ ng-if="$ctrl.hideValue">Venda atual: <strong>{{$ctrl.goalDataForTheMonth.sales | currency: 'R$ '
58
+ }}</strong>
59
+ <i class="fa fa-exclamation-circle"
60
+ aria-hidden="true"
61
+ tooltip-placement="top"
62
+ uib-tooltip="Considera devoluções"></i>
63
+ </p>
64
+ <p ng-if="!$ctrl.hideValue">Restante: <i class="fa fa-lock"
65
+ aria-hidden="true"
66
+ tooltip-placement="right"
67
+ uib-tooltip="Sem permissão para visualizar"></i>
68
+ </p>
69
+ <p class="estimate-goal-store"
70
+ ng-if="$ctrl.hideValue">Restante: <strong>{{$ctrl.goalDataForTheMonth.remaining | currency: 'R$
71
+ '
72
+ }} =
73
+ ({{$ctrl.goalDataForTheMonth.remainingPercentage}}%)</strong>
74
+ </p>
75
+ <p ng-if="!$ctrl.hideValue">Estimativa: <i class="fa fa-lock"
76
+ aria-hidden="true"
77
+ tooltip-placement="right"
78
+ uib-tooltip="Sem permissão para visualizar"></i>
79
+ </p>
80
+ <p class="estimate-goal-store"
81
+ ng-if="$ctrl.hideValue">Estimativa: <strong>{{$ctrl.goalDataForTheMonth.estimate | currency: 'R$
82
+ '}} =
83
+ ({{$ctrl.goalDataForTheMonth.estimatePercentage}}%)</strong>
84
+ </p>
85
+ </div>
84
86
  </div>
85
- </div>
86
87
 
87
- <div class="swiper-slide">
88
- <div class="dashboard-estimated-store">
89
- <p ng-if="$ctrl.hideValue">Meta diária: <strong>{{$ctrl.goalDataForTheMonth.dailyTarget | currency:
90
- 'R$ '
91
- }}</strong></p>
92
- <p ng-if="!$ctrl.hideValue">Meta diária: <i class="fa fa-lock"
93
- aria-hidden="true"
94
- tooltip-placement="right"
95
- uib-tooltip="Sem permissão para visualizar"></i>
96
- </p>
97
- <p ng-if="!$ctrl.hideValue">Realizado/dia: <i class="fa fa-lock"
98
- aria-hidden="true"
99
- tooltip-placement="right"
100
- uib-tooltip="Sem permissão para visualizar"></i>
101
- </p>
102
- <p class="estimate-goal-store"
103
- ng-if="$ctrl.hideValue">Realizado/dia: <strong>{{$ctrl.goalDataForTheMonth.realityPerDay |
104
- currency: 'R$
105
- ' }}</strong>
106
- </p>
107
- <p ng-if="!$ctrl.hideValue">Necessidade/dia: <i class="fa fa-lock"
108
- aria-hidden="true"
109
- tooltip-placement="right"
110
- uib-tooltip="Sem permissão para visualizar"></i>
111
- </p>
112
- <p class="estimate-goal-store"
113
- ng-if="$ctrl.hideValue">Necessidade/dia: <strong>{{$ctrl.goalDataForTheMonth.neededPerDay |
114
- currency: 'R$
115
- ' }}</strong>
116
- </p>
88
+ <div class="swiper-slide">
89
+ <div class="dashboard-estimated-store">
90
+ <p ng-if="$ctrl.hideValue">Meta diária: <strong>{{$ctrl.goalDataForTheMonth.dailyTarget | currency:
91
+ 'R$ '
92
+ }}</strong></p>
93
+ <p ng-if="!$ctrl.hideValue">Meta diária: <i class="fa fa-lock"
94
+ aria-hidden="true"
95
+ tooltip-placement="right"
96
+ uib-tooltip="Sem permissão para visualizar"></i>
97
+ </p>
98
+ <p ng-if="!$ctrl.hideValue">Realizado/dia: <i class="fa fa-lock"
99
+ aria-hidden="true"
100
+ tooltip-placement="right"
101
+ uib-tooltip="Sem permissão para visualizar"></i>
102
+ </p>
103
+ <p class="estimate-goal-store"
104
+ ng-if="$ctrl.hideValue">Realizado/dia: <strong>{{$ctrl.goalDataForTheMonth.realityPerDay |
105
+ currency: 'R$
106
+ ' }}</strong>
107
+ </p>
108
+ <p ng-if="!$ctrl.hideValue">Necessidade/dia: <i class="fa fa-lock"
109
+ aria-hidden="true"
110
+ tooltip-placement="right"
111
+ uib-tooltip="Sem permissão para visualizar"></i>
112
+ </p>
113
+ <p class="estimate-goal-store"
114
+ ng-if="$ctrl.hideValue">Necessidade/dia: <strong>{{$ctrl.goalDataForTheMonth.neededPerDay |
115
+ currency: 'R$
116
+ ' }}</strong>
117
+ </p>
118
+ </div>
117
119
  </div>
118
120
  </div>
119
- </div>
120
121
 
121
122
 
122
- <div class="swiper-pagination"></div>
123
- <div class="loading-indicator">
124
- <svg id="loading-circle"
125
- width="30"
126
- height="30"
127
- viewBox="0 0 100 100">
123
+ <div class="swiper-pagination"></div>
124
+ <div class="loading-indicator">
125
+ <svg id="loading-circle"
126
+ width="30"
127
+ height="30"
128
+ viewBox="0 0 100 100">
128
129
 
129
- <circle cx="50"
130
- cy="50"
131
- r="40"
132
- stroke="#E9E9E9"
133
- stroke-width="8"
134
- fill="none" />
130
+ <circle cx="50"
131
+ cy="50"
132
+ r="40"
133
+ stroke="#E9E9E9"
134
+ stroke-width="8"
135
+ fill="none" />
135
136
 
136
- <circle id="progress"
137
- cx="50"
138
- cy="50"
139
- r="40"
140
- stroke="#0ebcbd"
141
- stroke-width="8"
142
- stroke-dasharray="251.2"
143
- stroke-dashoffset="251.2"
144
- fill="none"
145
- transform="rotate(-90 50 50)" />
146
- </svg>
137
+ <circle id="progress"
138
+ cx="50"
139
+ cy="50"
140
+ r="40"
141
+ stroke="#0ebcbd"
142
+ stroke-width="8"
143
+ stroke-dasharray="251.2"
144
+ stroke-dashoffset="251.2"
145
+ fill="none"
146
+ transform="rotate(-90 50 50)" />
147
+ </svg>
148
+ </div>
147
149
  </div>
148
150
  </div>
149
151
  </div>
152
+
150
153
  </div>
151
154
 
152
155
  <div ng-show="!$ctrl.showDashboard && !$ctrl.loading"