@flexem/fc-gui 3.0.0-alpha.183 → 3.0.0-alpha.184
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/bundles/@flexem/fc-gui.umd.js +4 -4
- package/bundles/@flexem/fc-gui.umd.js.map +1 -1
- package/bundles/@flexem/fc-gui.umd.min.js +1 -1
- package/bundles/@flexem/fc-gui.umd.min.js.map +1 -1
- package/localization/localization.service.js +1 -1
- package/localization/localization.service.metadata.json +1 -1
- package/modal/alert/alert-modal.component.js +1 -1
- package/modal/alert/alert-modal.component.less +13 -5
- package/modal/alert/alert-modal.component.metadata.json +1 -1
- package/modal/confirm-operation/confirm-operation-modal.component.html +2 -2
- package/modal/confirm-operation/confirm-operation-modal.component.js +2 -2
- package/modal/confirm-operation/confirm-operation-modal.component.less +10 -7
- package/modal/confirm-operation/confirm-operation-modal.component.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -18,7 +18,7 @@ export const DefaultLocalization = {
|
|
|
18
18
|
canNotBeNegative: 'Can not be negative',
|
|
19
19
|
valueOutOfRange: 'Numerical value is out of range',
|
|
20
20
|
timeout: 'timeout',
|
|
21
|
-
confirmOperationPrompt: '
|
|
21
|
+
confirmOperationPrompt: 'Confirm action?',
|
|
22
22
|
confirm: 'Yes',
|
|
23
23
|
cancel: 'Cancel',
|
|
24
24
|
characterInputRequired: 'Character input can\'t be empty',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"LOCALIZATION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":32},"arguments":["fc.gui.loc"]},"Localization":{"__symbolic":"interface"},"DefaultLocalization":{"loadFailed":"Load failed.","setting":"Setting ","save":"Save","submit":"Submit","submitting":"Submitting···","numericalValueRequired":"Numerical value can't be emtpy","invalidNumericalValue":"Numerical value is not valid","writeValueTimeout":"Write value error: Timeout","binaryType":"Binary","decimalType":"Decimal","hexadecimalType":"Hexadecimal","stringType":"String","numericalValueTooLong":"Numerical value too long","fractionDigitsMustLessThan":"Fraction digits must be less than ","canNotBeNegative":"Can not be negative","valueOutOfRange":"Numerical value is out of range","timeout":"timeout","confirmOperationPrompt":"
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"LOCALIZATION":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":32},"arguments":["fc.gui.loc"]},"Localization":{"__symbolic":"interface"},"DefaultLocalization":{"loadFailed":"Load failed.","setting":"Setting ","save":"Save","submit":"Submit","submitting":"Submitting···","numericalValueRequired":"Numerical value can't be emtpy","invalidNumericalValue":"Numerical value is not valid","writeValueTimeout":"Write value error: Timeout","binaryType":"Binary","decimalType":"Decimal","hexadecimalType":"Hexadecimal","stringType":"String","numericalValueTooLong":"Numerical value too long","fractionDigitsMustLessThan":"Fraction digits must be less than ","canNotBeNegative":"Can not be negative","valueOutOfRange":"Numerical value is out of range","timeout":"timeout","confirmOperationPrompt":"Confirm action?","confirm":"Yes","cancel":"Cancel","characterInputRequired":"Character input can't be empty","character":"(Character)","characterOutofRange":"Character length is out of range","writeValueRange":"Write value range","loading":"Loading","unbind":"Unbind","offline":"Offline","abnormal":"Data abnormal","disable":"Disable","invalidMonitor":"Element binding monitor point is invalid","variableChanged":"Variable changed, please re-import the device template","permissiontip":"You have no permission to operate.","conditionIsNotMetTip":"Operation conditions not met or variable anomalies.","chartNoData":"No Data Available","lastThirtyMinutes":"Last thirty minutes","lastOneHour":"Last one hour","lastEightHour":"Last eight hours","lastTwentyFourHours":"Last 24 hours","lastSevenDays":"Last 7 days","lastThirtyDays":"Last 30 days","lastOneYear":"Last 6 months","customTimeRange":"Custom","timeRange":"Time Range","startTime":"Start Time","endTime":"End Time","grouped":"Grouped","stacked":"Stacked","passwordVerify":"Password Verification","passwordError":"Password error","password":"Password","passwordToolTip":"Password error, please re-enter","passwordRequired":"Password can't be empty","invalidVideoAddress":"Invalid video address","unconfiguredVideoAddress":"Unconfigured Video Address","weatherNotSupport":"Location not supported","weatherNotAddress":"Address not configured","weatherNotAvailable":"Address not yet available","airQualityNotSupport":"Location not supported","airQualityNotAddress":"Address not configured","airQualityNotAvailable":"Address not yet available"}}}]
|
|
@@ -30,7 +30,7 @@ AlertModalComponent = __decorate([
|
|
|
30
30
|
Component({
|
|
31
31
|
selector: 'alertModal',
|
|
32
32
|
template: "<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ",
|
|
33
|
-
styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width:
|
|
33
|
+
styles: [".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .form-group { padding: 0 !important; justify-content: center; margin-bottom: 28px; } "]
|
|
34
34
|
}),
|
|
35
35
|
__param(0, Inject(LOCALIZATION)),
|
|
36
36
|
__metadata("design:paramtypes", [Object])
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
h3.alert-h3 {
|
|
27
27
|
font-size: 20px;
|
|
28
28
|
font-weight: bold;
|
|
29
|
+
margin-top: 10px;
|
|
29
30
|
}
|
|
30
31
|
|
|
31
32
|
.alert-btn {
|
|
@@ -39,8 +40,8 @@ h3.alert-h3 {
|
|
|
39
40
|
|
|
40
41
|
.alertIcon {
|
|
41
42
|
background: url(assets/img/alert.svg);
|
|
42
|
-
width:
|
|
43
|
-
height:
|
|
43
|
+
width: 44px;
|
|
44
|
+
height: 44px;
|
|
44
45
|
display: inline-block;
|
|
45
46
|
}
|
|
46
47
|
|
|
@@ -51,9 +52,16 @@ h3.alert-h3 {
|
|
|
51
52
|
font-size: 17px;
|
|
52
53
|
font-weight: 500;
|
|
53
54
|
border-radius: 5px;
|
|
54
|
-
padding: 10px
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
padding: 10px 0;
|
|
56
|
+
width: 100px;
|
|
57
|
+
margin: 0 5px 0;
|
|
58
|
+
cursor: pointer;
|
|
57
59
|
background-color: rgb(221, 107, 85);
|
|
58
60
|
box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
|
|
59
61
|
}
|
|
62
|
+
|
|
63
|
+
.form-group {
|
|
64
|
+
padding: 0 !important;
|
|
65
|
+
justify-content: center;
|
|
66
|
+
margin-bottom: 28px;
|
|
67
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"AlertModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"alertModal","template":"<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ","styles":[".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width:
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"AlertModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"alertModal","template":"<div class=\"modal-body\"> <div style=\"text-align:center\"> <div class=\"alertIcon\"></div> <h3 class=\"alert-h3\">{{alermMessage}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.confirm}} </button> </div> ","styles":[".modal-header { padding: 17px; border-color: transparent; } .modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .alert-modal { max-width: 478px; } .alert-modal>.modal-content { padding: 17px; } h3.alert-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .alert-btn { padding: 0; margin-bottom: 0; } .alert-btn button { display: inline-block; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer; background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .form-group { padding: 0 !important; justify-content: center; margin-bottom: 28px; } "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":17},"arguments":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"LOCALIZATION","line":18,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"Localization","line":18,"character":59}]}],"close":[{"__symbolic":"method"}]}}}}]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<form novalidate (ngSubmit)="confirm()" bs-modal-drag>
|
|
1
|
+
<form novalidate (ngSubmit)="confirm()" bs-modal-drag class="confirm-modal">
|
|
2
2
|
<div class="modal-body">
|
|
3
|
-
<div style="text-align:center;
|
|
3
|
+
<div style="text-align:center;">
|
|
4
4
|
<div class="alertIcon"></div>
|
|
5
5
|
<h3 class="confirm-h3">{{localization.confirmOperationPrompt}}</h3>
|
|
6
6
|
</div>
|
|
@@ -32,8 +32,8 @@ let ConfirmOperationModalComponent = class ConfirmOperationModalComponent {
|
|
|
32
32
|
ConfirmOperationModalComponent = __decorate([
|
|
33
33
|
Component({
|
|
34
34
|
selector: 'confirmOperationModal',
|
|
35
|
-
template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center
|
|
36
|
-
styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; } .confirm-btn-group { padding: 0; margin-bottom: 28px; margin-right:
|
|
35
|
+
template: "<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag class=\"confirm-modal\"> <div class=\"modal-body\"> <div style=\"text-align:center;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ",
|
|
36
|
+
styles: [".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .confirm-modal .confirm-btn-group { padding: 0 !important; margin-bottom: 28px; justify-content: center; margin-right: 0; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer } "]
|
|
37
37
|
}),
|
|
38
38
|
__param(0, Inject(LOCALIZATION)),
|
|
39
39
|
__metadata("design:paramtypes", [Object])
|
|
@@ -21,12 +21,14 @@
|
|
|
21
21
|
h3.confirm-h3 {
|
|
22
22
|
font-size: 20px;
|
|
23
23
|
font-weight: bold;
|
|
24
|
+
margin-top: 10px;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
|
-
.confirm-btn-group {
|
|
27
|
-
padding: 0;
|
|
27
|
+
.confirm-modal .confirm-btn-group {
|
|
28
|
+
padding: 0 !important;
|
|
28
29
|
margin-bottom: 28px;
|
|
29
|
-
|
|
30
|
+
justify-content: center;
|
|
31
|
+
margin-right: 0;
|
|
30
32
|
}
|
|
31
33
|
|
|
32
34
|
.confirm-btn-group button {
|
|
@@ -40,8 +42,8 @@ h3.confirm-h3 {
|
|
|
40
42
|
|
|
41
43
|
.alertIcon {
|
|
42
44
|
background: url(assets/img/alert.svg);
|
|
43
|
-
width:
|
|
44
|
-
height:
|
|
45
|
+
width: 44px;
|
|
46
|
+
height: 44px;
|
|
45
47
|
display: inline-block;
|
|
46
48
|
}
|
|
47
49
|
|
|
@@ -52,7 +54,8 @@ h3.confirm-h3 {
|
|
|
52
54
|
font-size: 17px;
|
|
53
55
|
font-weight: 500;
|
|
54
56
|
border-radius: 5px;
|
|
55
|
-
padding: 10px
|
|
56
|
-
|
|
57
|
+
padding: 10px 0;
|
|
58
|
+
width: 100px;
|
|
59
|
+
margin: 0 5px 0;
|
|
57
60
|
cursor: pointer
|
|
58
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"__symbolic":"module","version":4,"metadata":{"ConfirmOperationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"confirmOperationModal","template":"<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag> <div class=\"modal-body\"> <div style=\"text-align:center
|
|
1
|
+
[{"__symbolic":"module","version":4,"metadata":{"ConfirmOperationModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"confirmOperationModal","template":"<form novalidate (ngSubmit)=\"confirm()\" bs-modal-drag class=\"confirm-modal\"> <div class=\"modal-body\"> <div style=\"text-align:center;\"> <div class=\"alertIcon\"></div> <h3 class=\"confirm-h3\">{{localization.confirmOperationPrompt}}</h3> </div> </div> <div class=\"modal-footer form-group confirm-btn-group\"> <button type=\"button\" class=\"sweet-alert-btn\" (click)=\"close()\"> {{localization.cancel}} </button> <button type=\"submit\" class=\"sweet-alert-btn\"> {{localization.confirm}} </button> </div> </form> ","styles":[".modal-body { padding: 17px; position: relative; text-align: center; } .modal-footer { padding: 10px 5px; text-align: center; border-color: transparent; } .confirm-modal { max-width: 478px; } .confirm-modal>.modal-content { padding: 17px; } h3.confirm-h3 { font-size: 20px; font-weight: bold; margin-top: 10px; } .confirm-modal .confirm-btn-group { padding: 0 !important; margin-bottom: 28px; justify-content: center; margin-right: 0; } .confirm-btn-group button { display: inline-block; } .confirm-btn-group button:last-child { background-color: rgb(221, 107, 85); box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .alertIcon { background: url(assets/img/alert.svg); width: 44px; height: 44px; display: inline-block; } .sweet-alert-btn { color: #fff; border: none; background: #ddd; font-size: 17px; font-weight: 500; border-radius: 5px; padding: 10px 0; width: 100px; margin: 0 5px 0; cursor: pointer } "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":17},"arguments":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"LOCALIZATION","line":16,"character":24}]}]],"parameters":[{"__symbolic":"reference","module":"../../localization/localization.service","name":"Localization","line":16,"character":59}]}],"close":[{"__symbolic":"method"}],"confirm":[{"__symbolic":"method"}]}}}}]
|