@kigi/components 1.45.1-beta.3 → 1.46.0-beta.1
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.
- package/package.json +1 -1
- package/src/components/mbg-average-customer-time/mbg-average-customer-time.scss +7 -5
- package/src/components/mbg-input-date/mbg-input-date.html +71 -73
- package/src/components/mbg-input-date/mbg-input-date.scss +0 -7
- package/src/components/mbg-input-date/mbg-input-date.ts +1 -6
- package/src/components/mbg-input-password/mbg-input-password.ts +0 -1
- package/src/components/mbg-select/mbg-select.ts +5 -0
- package/src/components/mbg-store-goal/mbg-store-goal.scss +9 -7
- package/src/components/mbg-top-sellings-products/mbg-top-sellings-products.scss +9 -5
package/package.json
CHANGED
|
@@ -6,6 +6,13 @@ mbg-average-customer-time {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
+
.average-customer-time-wrapper {
|
|
10
|
+
.tooltip-inner {
|
|
11
|
+
background: #0EBCBD !important;
|
|
12
|
+
width: 250px;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
9
16
|
.customer-average {
|
|
10
17
|
padding: 0px 32px;
|
|
11
18
|
}
|
|
@@ -25,12 +32,7 @@ mbg-average-customer-time {
|
|
|
25
32
|
.opacity-dash{
|
|
26
33
|
opacity: 0.6;
|
|
27
34
|
}
|
|
28
|
-
.tooltip-inner {
|
|
29
|
-
background: #0EBCBD !important;
|
|
30
|
-
width: 250px;
|
|
31
|
-
}
|
|
32
35
|
|
|
33
|
-
|
|
34
36
|
.play-interval{
|
|
35
37
|
color: #0EBCBD;
|
|
36
38
|
}
|
|
@@ -1,76 +1,74 @@
|
|
|
1
1
|
<div class="mbg-input-wrapper mb-input-date-wrapper"
|
|
2
2
|
ng-if="$ctrl.props">
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
mbg-datepicker />
|
|
75
|
-
</div>
|
|
3
|
+
<!-- only mask -->
|
|
4
|
+
<input type="text"
|
|
5
|
+
ng-if="!$ctrl.calendar && !$ctrl.between"
|
|
6
|
+
ng-model="$ctrl.ngModel"
|
|
7
|
+
ng-change="$ctrl.onChange()"
|
|
8
|
+
placeholder="{{ $ctrl.placeholder }}"
|
|
9
|
+
ng-required="$ctrl.ngRequired"
|
|
10
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
11
|
+
ng-blur="$ctrl.ngBlur({ $event })"
|
|
12
|
+
ng-focus="$ctrl.ngFocus({ $event })"
|
|
13
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
14
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
15
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
16
|
+
ui-date-mask="{{ $ctrl.format }}" />
|
|
17
|
+
<!-- with calendar -->
|
|
18
|
+
<input type="text"
|
|
19
|
+
class="input-with-calendar"
|
|
20
|
+
ng-if="$ctrl.calendar && !$ctrl.between"
|
|
21
|
+
ng-model="$ctrl.ngModel"
|
|
22
|
+
ng-change="$ctrl.onChange()"
|
|
23
|
+
placeholder="{{ $ctrl.placeholder }}"
|
|
24
|
+
ng-required="$ctrl.ngRequired"
|
|
25
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
26
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
27
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
28
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
29
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
30
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
31
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
32
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
33
|
+
ng-class="{'input-date':$ctrl.titleMode}"
|
|
34
|
+
mbg-datepicker />
|
|
35
|
+
<!-- between dates -->
|
|
36
|
+
<div class="mbg-date-between"
|
|
37
|
+
ng-if="$ctrl.between">
|
|
38
|
+
<input type="text"
|
|
39
|
+
class="mbg-date-between-start"
|
|
40
|
+
ng-model="$ctrl.ngModel.start"
|
|
41
|
+
ng-change="$ctrl.onChange()"
|
|
42
|
+
placeholder="{{ $ctrl.props.placeholderStart }}"
|
|
43
|
+
ng-required="$ctrl.ngRequired"
|
|
44
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
45
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
46
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
47
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
48
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
49
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
50
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
51
|
+
on-select="$ctrl.onSelectStart()"
|
|
52
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
53
|
+
mbg-datepicker />
|
|
54
|
+
<div class="mbg-date-between-space">
|
|
55
|
+
{{ $ctrl.betweenText == undefined ? 'Até' : $ctrl.betweenText }}
|
|
56
|
+
</div>
|
|
57
|
+
<input type="text"
|
|
58
|
+
class="mbg-date-between-end"
|
|
59
|
+
ng-model="$ctrl.ngModel.end"
|
|
60
|
+
ng-change="$ctrl.onChangeEndDate()"
|
|
61
|
+
placeholder="{{ $ctrl.props.placeholderEnd }}"
|
|
62
|
+
ng-required="$ctrl.ngRequired"
|
|
63
|
+
ng-disabled="$ctrl.ngDisabled"
|
|
64
|
+
ng-blur="$ctrl.handleBlur({ $event })"
|
|
65
|
+
ng-focus="$ctrl.handleFocus({ $event })"
|
|
66
|
+
ng-keyup="$ctrl.ngKeyup({ $event })"
|
|
67
|
+
ng-keypress="$ctrl.ngKeypress({ $event })"
|
|
68
|
+
ng-keydown="$ctrl.ngKeydown({ $event })"
|
|
69
|
+
ui-date-mask="{{ $ctrl.format }}"
|
|
70
|
+
on-select="$ctrl.onSelectEnd()"
|
|
71
|
+
only-month-year="$ctrl.onlyMonthYear"
|
|
72
|
+
mbg-datepicker />
|
|
73
|
+
</div>
|
|
76
74
|
</div>
|
|
@@ -17,7 +17,7 @@ class MbgInputDateController {
|
|
|
17
17
|
public betweenText: string
|
|
18
18
|
public filterDate: Function
|
|
19
19
|
public onlyMonthYear: boolean
|
|
20
|
-
|
|
20
|
+
|
|
21
21
|
|
|
22
22
|
constructor(public $scope, public $element, public $attrs, public $timeout) {
|
|
23
23
|
if ($attrs.ngRequired === '') {
|
|
@@ -47,10 +47,6 @@ class MbgInputDateController {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
|
-
changeDay() {
|
|
51
|
-
return new Intl.DateTimeFormat('pt-BR', { weekday: 'long' }).format(this.ngModel)
|
|
52
|
-
}
|
|
53
|
-
|
|
54
50
|
onChange() {
|
|
55
51
|
if (this.ngChange) {
|
|
56
52
|
this.ngChange({})
|
|
@@ -137,7 +133,6 @@ const mbgInputDate = {
|
|
|
137
133
|
filterDate: '&?',
|
|
138
134
|
onlyMonthYear: '=?',
|
|
139
135
|
titleMode: '=?',
|
|
140
|
-
nameOfTheDay: '=?',
|
|
141
136
|
},
|
|
142
137
|
template,
|
|
143
138
|
controller: MbgInputDateController,
|
|
@@ -48,6 +48,7 @@ class MbgSelectController {
|
|
|
48
48
|
private executeAfterOnInit: Function
|
|
49
49
|
private mountValue
|
|
50
50
|
private strMountValue
|
|
51
|
+
private callBackFavorite: Function
|
|
51
52
|
|
|
52
53
|
constructor(
|
|
53
54
|
public $scope,
|
|
@@ -615,6 +616,9 @@ class MbgSelectController {
|
|
|
615
616
|
favorite = MbgCookie.get(this.getFavoriteKey())
|
|
616
617
|
if (favorite && this.enableFavorite && !this.ngModel) {
|
|
617
618
|
this.selectOption(favorite)
|
|
619
|
+
if(this.callBackFavorite){
|
|
620
|
+
this.callBackFavorite({value: favorite})
|
|
621
|
+
}
|
|
618
622
|
if (this.executeAfterOnInit) {
|
|
619
623
|
this.executeAfterOnInit()
|
|
620
624
|
}
|
|
@@ -717,6 +721,7 @@ const mbgSelect = {
|
|
|
717
721
|
manyFavorite: '=?',
|
|
718
722
|
executeAfterOnInit: '&?',
|
|
719
723
|
mountValue: '&?',
|
|
724
|
+
callBackFavorite: '&?'
|
|
720
725
|
},
|
|
721
726
|
controller: MbgSelectController,
|
|
722
727
|
template,
|
|
@@ -4,6 +4,14 @@
|
|
|
4
4
|
overflow: hidden;
|
|
5
5
|
padding: 0px 16px;
|
|
6
6
|
|
|
7
|
+
.lock-permition {
|
|
8
|
+
.tooltip-inner {
|
|
9
|
+
background: #0EBCBD !important;
|
|
10
|
+
color: #000000 !important;
|
|
11
|
+
width: 300px;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
7
15
|
.loading-indicator {
|
|
8
16
|
display: flex;
|
|
9
17
|
align-items: center;
|
|
@@ -164,13 +172,7 @@
|
|
|
164
172
|
|
|
165
173
|
}
|
|
166
174
|
|
|
167
|
-
|
|
168
|
-
.tooltip-inner {
|
|
169
|
-
background: #0EBCBD !important;
|
|
170
|
-
color: #000000 !important;
|
|
171
|
-
width: 300px;
|
|
172
|
-
}
|
|
173
|
-
}
|
|
175
|
+
|
|
174
176
|
|
|
175
177
|
.goal-day {
|
|
176
178
|
display: flex;
|
|
@@ -6,6 +6,14 @@ mbg-top-sellings-products {
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
// padding: 0px 16px;
|
|
8
8
|
}
|
|
9
|
+
|
|
10
|
+
.top-sellings-products-wrapper {
|
|
11
|
+
.tooltip-inner {
|
|
12
|
+
background: #0EBCBD !important;
|
|
13
|
+
font-weight: bold;
|
|
14
|
+
color: #FFFFFF;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
9
17
|
|
|
10
18
|
.loading-chart{
|
|
11
19
|
padding: 0;
|
|
@@ -167,11 +175,7 @@ mbg-top-sellings-products {
|
|
|
167
175
|
color: #5f5b5b;
|
|
168
176
|
}
|
|
169
177
|
|
|
170
|
-
|
|
171
|
-
background: #0EBCBD !important;
|
|
172
|
-
font-weight: bold;
|
|
173
|
-
color: #FFFFFF;
|
|
174
|
-
}
|
|
178
|
+
|
|
175
179
|
|
|
176
180
|
.line-block-top{
|
|
177
181
|
height: 1px;
|