plugin-ui-for-kzt 0.0.6 → 0.0.8
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
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "plugin-ui-for-kzt",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "plugin-ui for kazaktelekom",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
|
-
"types": "dist/
|
|
6
|
+
"types": "dist/index.d.ts",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"build": "webpack --config webpack.config.js",
|
|
9
9
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
@@ -7,10 +7,11 @@
|
|
|
7
7
|
[getTypeModal.nameClass]: getTypeModal.nameClass !== '',
|
|
8
8
|
}"
|
|
9
9
|
>
|
|
10
|
-
{{getTypeModal}}
|
|
10
|
+
{{getTypeModal.nameClass}}
|
|
11
11
|
<div class="modal-container-header-title">
|
|
12
12
|
<component :is="getTypeModal.img" />
|
|
13
13
|
<div>{{ options.title }}</div>
|
|
14
|
+
<div>{{ getTypeModal.nameClass }}</div>
|
|
14
15
|
</div>
|
|
15
16
|
<div
|
|
16
17
|
class="modal-container-header-show-more"
|
|
@@ -55,17 +56,17 @@ const getTypeModal = computed<{ img: Component; nameClass: string }>(() => {
|
|
|
55
56
|
case "warning":
|
|
56
57
|
return { img: WarningIcon, nameClass: "warning" };
|
|
57
58
|
case "info":
|
|
58
|
-
return { img: InfoIcon, nameClass: "info" };
|
|
59
|
+
return { img: InfoIcon, nameClass: "info-modal" };
|
|
59
60
|
default:
|
|
60
61
|
return {
|
|
61
62
|
img: SuccessIcon,
|
|
62
|
-
nameClass: "info",
|
|
63
|
+
nameClass: "info-modal",
|
|
63
64
|
};
|
|
64
65
|
}
|
|
65
66
|
});
|
|
66
67
|
</script>
|
|
67
68
|
|
|
68
|
-
<style lang="scss"
|
|
69
|
+
<style lang="scss">
|
|
69
70
|
.modal {
|
|
70
71
|
position: fixed;
|
|
71
72
|
top: 0;
|
|
@@ -139,7 +140,7 @@ const getTypeModal = computed<{ img: Component; nameClass: string }>(() => {
|
|
|
139
140
|
background: #15b853;
|
|
140
141
|
}
|
|
141
142
|
|
|
142
|
-
.
|
|
143
|
+
:deep(.info-modal) {
|
|
143
144
|
background: #f4a900;
|
|
144
145
|
}
|
|
145
146
|
|
|
@@ -36,9 +36,9 @@ export default {
|
|
|
36
36
|
|
|
37
37
|
modalContainer.addEventListener("click", (event) => {
|
|
38
38
|
console.log(`Closing modal with id: ${modal.id}`);
|
|
39
|
-
console.log("this click on background", modalStore.modals
|
|
40
|
-
modalStore.closeModal(modal.id);
|
|
39
|
+
console.log("this click on background", modalStore.modals);
|
|
41
40
|
if (modalStore.modals.length === 1) modalContainer.classList.remove("modal")
|
|
41
|
+
modalStore.closeModal(modal.id);
|
|
42
42
|
});
|
|
43
43
|
modalContainer.setAttribute("name", modal.name);
|
|
44
44
|
modalContainer.classList.add("modal");
|