@flexem/fc-gui 3.0.0-alpha.183 → 3.0.0-alpha.185
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 +12 -12
- 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/elements/character-display/character-display-element.js +2 -2
- package/elements/numerical-display/numerical-display-element.js +2 -2
- package/elements/switch-indicator-light/switch-indicator-light-element.js +2 -2
- package/elements/view-operation/view-operation.element.js +2 -2
- 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
|
@@ -222,7 +222,7 @@ export class CharacterDisplayElement extends ReadableElement {
|
|
|
222
222
|
}
|
|
223
223
|
if (!this.isEnable) {
|
|
224
224
|
const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
|
|
225
|
-
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
225
|
+
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
|
|
226
226
|
const onClosedSub = modalRef.content.onClosed.subscribe(() => {
|
|
227
227
|
modalRef.hide();
|
|
228
228
|
onClosedSub.unsubscribe();
|
|
@@ -231,7 +231,7 @@ export class CharacterDisplayElement extends ReadableElement {
|
|
|
231
231
|
}
|
|
232
232
|
if (this.model.useSecurity) {
|
|
233
233
|
const modalRef = this.modalService.show(ConfirmOperationModalComponent, {
|
|
234
|
-
backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
|
|
234
|
+
backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
|
|
235
235
|
});
|
|
236
236
|
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
237
237
|
modalRef.hide();
|
|
@@ -138,7 +138,7 @@ export class NumericalDisplayElement extends ReadableElement {
|
|
|
138
138
|
}
|
|
139
139
|
if (!this.isEnable) {
|
|
140
140
|
const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
|
|
141
|
-
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
141
|
+
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
|
|
142
142
|
const onClosedSub = modalRef.content.onClosed.subscribe(() => {
|
|
143
143
|
modalRef.hide();
|
|
144
144
|
onClosedSub.unsubscribe();
|
|
@@ -147,7 +147,7 @@ export class NumericalDisplayElement extends ReadableElement {
|
|
|
147
147
|
}
|
|
148
148
|
if (this.model.useSecurity) {
|
|
149
149
|
const modalRef = this.modalService.show(ConfirmOperationModalComponent, {
|
|
150
|
-
backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
|
|
150
|
+
backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
|
|
151
151
|
});
|
|
152
152
|
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
153
153
|
modalRef.hide();
|
|
@@ -42,7 +42,7 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
42
42
|
}
|
|
43
43
|
if (!this.isEnable) {
|
|
44
44
|
const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
|
|
45
|
-
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
45
|
+
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
|
|
46
46
|
const onClosedSub = modalRef.content.onClosed.subscribe(() => {
|
|
47
47
|
modalRef.hide();
|
|
48
48
|
onClosedSub.unsubscribe();
|
|
@@ -52,7 +52,7 @@ export class SwitchIndicatorLightElement extends ConditionalEnableElement {
|
|
|
52
52
|
if (this.switchOperator.canExecute()) {
|
|
53
53
|
if (!this.isBitRestoration || !this.isVerifiedForRestoration) {
|
|
54
54
|
if (this.model.useSecurity) {
|
|
55
|
-
const modalRef = this.modalService.show(ConfirmOperationModalComponent, { backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
55
|
+
const modalRef = this.modalService.show(ConfirmOperationModalComponent, { backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
|
|
56
56
|
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
57
57
|
modalRef.hide();
|
|
58
58
|
onClosedSub.unsubscribe();
|
|
@@ -49,7 +49,7 @@ export class ViewOperationElement extends ConditionalEnableElement {
|
|
|
49
49
|
d3.event.preventDefault();
|
|
50
50
|
if (!this.isEnable) {
|
|
51
51
|
const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
|
|
52
|
-
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
|
|
52
|
+
const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false });
|
|
53
53
|
const onClosedSub = modalRef.content.onClosed.subscribe(() => {
|
|
54
54
|
modalRef.hide();
|
|
55
55
|
onClosedSub.unsubscribe();
|
|
@@ -65,7 +65,7 @@ export class ViewOperationElement extends ConditionalEnableElement {
|
|
|
65
65
|
}
|
|
66
66
|
if (this.model.useSecurity) {
|
|
67
67
|
const modalRef = this.modalService.show(ConfirmOperationModalComponent, {
|
|
68
|
-
backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
|
|
68
|
+
backdrop: 'static', class: 'gui-modal-dialog-position gui-modal-dialog-tip', animated: false
|
|
69
69
|
});
|
|
70
70
|
const onClosedSub = modalRef.content.onClosed.subscribe(result => {
|
|
71
71
|
modalRef.hide();
|
|
@@ -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"}]}}}}]
|