diff options
author | Matthias <ilovemilk@wusa.io> | 2020-12-02 22:21:02 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-12-02 22:21:02 +0300 |
commit | 2cf89219c3f41ee8082e6032267a7613d0e1965f (patch) | |
tree | 9226a7fb10a6366e1885f1cbb55dce95b4709173 /src/components/Notification.vue | |
parent | 22a21e4fd20c8c973d8f85d181e60b36e019f1c7 (diff) | |
parent | 401060f86709ad2ddf878e40d769d2b0ec451be3 (diff) |
Merge pull request #39 from undo-ransomware/develop0.9.0
Develop
Diffstat (limited to 'src/components/Notification.vue')
-rw-r--r-- | src/components/Notification.vue | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/components/Notification.vue b/src/components/Notification.vue new file mode 100644 index 0000000..5aeaa8b --- /dev/null +++ b/src/components/Notification.vue @@ -0,0 +1,56 @@ +<template> + <div class="notification" v-show="visible"> + {{ text }} <iron-icon icon="clear" @click="onClickCloseButton"></iron-icon> + </div> +</template> + +<script> +import '@polymer/iron-icon/iron-icon.js'; +import '@polymer/iron-icons/iron-icons.js'; +import '../webcomponents/ransomware-icons' + +export default { + name: 'Notification', + + props: { + text: { + type: String, + default: '', + required: true + }, + visible: { + type: Boolean, + default: false + } + }, + methods: { + onClickCloseButton: function() { + this.$emit('on-close'); + } + }, + watch: { + visible (val) { + this.visible = val + } + } +} +</script> + +<style lang="scss"> + .notification { + background-color: #E7E7E7; + color: #000; + font-size: 16px; + font-weight: bold; + width: 60%; + height: 60px; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0px 10px 0px 10px !important; + margin: 20px 0px 20px 0px; + iron-icon { + cursor: pointer; + } + } +</style>
\ No newline at end of file |