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