{"version":3,"sources":["webpack:///./src/views/Notifications.vue?4581","webpack:///src/views/Notifications.vue","webpack:///./src/views/Notifications.vue?e161","webpack:///./src/views/Notifications.vue"],"names":["render","_obj","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_l","color","key","domProps","_s","dir","on","$event","randomColor","direction","snackbar","dialog","dialog2","dialog3","_b","model","value","callback","$$v","expression","parsedDirection","staticRenderFns","colors","directions","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VDialog","VIcon","VImg","VRow","VSheet","VSpacer"],"mappings":"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","file":"js/views-Notifications.5c5162e5.js","sourcesContent":["var render = function () {\nvar _obj;\nvar _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\"id\":\"alerts\",\"fluid\":\"\",\"tag\":\"section\"}},[_c('view-intro',{attrs:{\"heading\":\"Notifications\",\"link\":\"components/alerts\"}}),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('app-card',[_c('v-card-text',[_c('div',{staticClass:\"text-h5 text--primary\"},[_vm._v(\" Notification Style \")]),_c('material-alert',{attrs:{\"color\":\"info\",\"dark\":\"\"}},[_vm._v(\" This is a plain notification. \")]),_c('material-alert',{attrs:{\"color\":\"info\",\"dark\":\"\",\"dismissible\":\"\"}},[_vm._v(\" This is a notification with close button. \")]),_c('material-alert',{attrs:{\"color\":\"info\",\"dark\":\"\",\"dismissible\":\"\",\"icon\":\"mdi-bell\"}},[_vm._v(\" This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style. \")]),_c('material-alert',{attrs:{\"color\":\"primary\",\"dark\":\"\",\"dismissible\":\"\",\"icon\":\"mdi-bell\"}},[_vm._v(\" You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style. \")])],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('app-card',[_c('v-card-text',[_c('div',{staticClass:\"text-h5 text--primary\"},[_vm._v(\" Notification States \")]),_vm._l((_vm.colors),function(color){return _c('material-alert',{key:color,attrs:{\"color\":color,\"dark\":\"\",\"dismissible\":\"\"}},[_c('span',{staticClass:\"text-uppercase caption font-weight-medium\",domProps:{\"textContent\":_vm._s(color)}}),_vm._v(\" — This is a regular alert made with the color of \\\"\"+_vm._s(color)+\"\\\" \")])}),_c('material-alert',{attrs:{\"color\":\"secondary\",\"dark\":\"\",\"dismissible\":\"\"}},[_c('span',{staticClass:\"caption font-weight-medium\"},[_vm._v(\"PRIMARY\")]),_vm._v(\" — This is a regular alert made with the color \\\"secondary\\\" \")]),_c('material-alert',{attrs:{\"color\":\"pink darken-1\",\"dark\":\"\",\"dismissible\":\"\"}},[_c('span',{staticClass:\"caption font-weight-medium\"},[_vm._v(\"PINK DARKEN-1\")]),_vm._v(\" — This is a regular alert made with the color \\\"pink darken-1\\\" \")])],2)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('app-card',[_c('v-card-text',{staticClass:\"text-center\"},[_c('div',{staticClass:\"text-h5 text--primary\"},[_vm._v(\" Snackbar Locations \")]),_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"10\",\"lg\":\"8\"}},[_c('v-row',_vm._l((_vm.directions),function(dir){return _c('v-col',{key:dir,attrs:{\"cols\":\"4\"}},[_c('v-btn',{staticClass:\"v-btn--block\",attrs:{\"color\":\"secondary\",\"default\":\"\"},on:{\"click\":function($event){_vm.randomColor(), _vm.direction = dir, _vm.snackbar = true}}},[_vm._v(\" \"+_vm._s(dir)+\" \")])],1)}),1)],1)],1),_c('v-row',{staticClass:\"mt-n12\",attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":\"10\",\"lg\":\"8\"}},[_c('v-row',{staticClass:\"mt-5\"},[_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-btn',{attrs:{\"color\":\"secondary\",\"default\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.dialog = true}}},[_vm._v(\" Classic Dialog \")])],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-btn',{attrs:{\"color\":\"info\",\"default\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.dialog2 = true}}},[_vm._v(\" Notice Modal \")])],1),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-btn',{attrs:{\"color\":\"pink darken-1\",\"dark\":\"\",\"default\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.dialog3 = true}}},[_vm._v(\" Small Alert Modal \")])],1)],1)],1)],1)],1)],1)],1)],1),_c('material-snackbar',_vm._b({attrs:{\"type\":_vm.color,\"timeout\":\"-1\"},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\"snackbar\"}},'material-snackbar',( _obj = {}, _obj[_vm.parsedDirection[0]] = true, _obj[_vm.parsedDirection[1]] = true, _obj ),false),[_vm._v(\" Welcome to \"),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\" MATERIAL DASHBOARD PRO \")]),_vm._v(\" — a beautiful admin panel for every web developer. \")]),_c('v-dialog',{attrs:{\"max-width\":\"500\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{staticClass:\"text-center\"},[_c('v-card-title',[_vm._v(\" Dialog Title \"),_c('v-spacer'),_c('v-icon',{attrs:{\"aria-label\":\"Close\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" mdi-close \")])],1),_c('v-card-text',[_vm._v(\" Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar. \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"error\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_vm._v(\" Close \")])],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"500\"},model:{value:(_vm.dialog2),callback:function ($$v) {_vm.dialog2=$$v},expression:\"dialog2\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\" How do you become an affiliate? \"),_c('v-spacer'),_c('v-icon',{attrs:{\"aria-label\":\"Close\"},on:{\"click\":function($event){_vm.dialog2 = false}}},[_vm._v(\" mdi-close \")])],1),_c('v-card-text',{staticClass:\"body-1 text-center\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('div',[_c('div',[_c('strong',[_vm._v(\"1. Register\")])]),_c('div',{staticClass:\"grey--text\"},[_vm._v(\" The first step is to create an account at Creative Tim. You can choose a social network or go for the classic version, whatever works best for you. \")])])]),_c('v-col',{staticClass:\"hidden-sm-and-down\",attrs:{\"md\":\"4\"}},[_c('v-sheet',[_c('v-img',{attrs:{\"src\":\"https://demos.creative-tim.com/material-dashboard-pro/assets/img/card-1.jpg\",\"height\":\"100\",\"width\":\"200\"}})],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('div',[_c('div',[_c('strong',[_vm._v(\"2. Apply\")])]),_c('div',{staticClass:\"grey--text\"},[_vm._v(\" The first step is to create an account at \"),_c('a',{attrs:{\"href\":\"http://www.creative-tim.com/\"}},[_vm._v(\"Creative Tim\")]),_vm._v(\". You can choose a social network or go for the classic version, whatever works best for you. \")])])]),_c('v-col',{staticClass:\"hidden-sm-and-down\",attrs:{\"md\":\"4\"}},[_c('v-sheet',[_c('v-img',{attrs:{\"src\":\"https://demos.creative-tim.com/material-dashboard-pro/assets/img/card-2.jpg\",\"height\":\"100\",\"width\":\"200\"}})],1)],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" If you have more questions, don't hesitate to contact us or send us a tweet @creativetim. We're here to help! \")])],1),_c('v-btn',{staticClass:\"mt-6\",attrs:{\"color\":\"info\",\"depressed\":\"\",\"default\":\"\",\"rounded\":\"\"},on:{\"click\":function($event){_vm.dialog2 = false}}},[_vm._v(\" Sounds good \")])],1)],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"300\"},model:{value:(_vm.dialog3),callback:function ($$v) {_vm.dialog3=$$v},expression:\"dialog3\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\" Are you sure? \"),_c('v-spacer'),_c('v-icon',{attrs:{\"aria-label\":\"Close\"},on:{\"click\":function($event){_vm.dialog3 = false}}},[_vm._v(\" mdi-close \")])],1),_c('v-card-text',{staticClass:\"pb-6 pt-12 text-center\"},[_c('v-btn',{staticClass:\"mr-3\",attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.dialog3 = false}}},[_vm._v(\" Nevermind \")]),_c('v-btn',{attrs:{\"color\":\"success\",\"text\":\"\"},on:{\"click\":function($event){_vm.dialog3 = false}}},[_vm._v(\" Yes \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container\n    id=\"alerts\"\n    fluid\n    tag=\"section\"\n  >\n    <view-intro\n      heading=\"Notifications\"\n      link=\"components/alerts\"\n    />\n\n    <v-row>\n      <v-col\n        cols=\"12\"\n        md=\"6\"\n      >\n        <app-card>\n          <v-card-text>\n            <div class=\"text-h5 text--primary\">\n              Notification Style\n            </div>\n\n            <material-alert\n              color=\"info\"\n              dark\n            >\n              This is a plain notification.\n            </material-alert>\n\n            <material-alert\n              color=\"info\"\n              dark\n              dismissible\n            >\n              This is a notification with close button.\n            </material-alert>\n\n            <material-alert\n              color=\"info\"\n              dark\n              dismissible\n              icon=\"mdi-bell\"\n            >\n              This is a notification with close button and icon and have many lines. You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\n            </material-alert>\n\n            <material-alert\n              color=\"primary\"\n              dark\n              dismissible\n              icon=\"mdi-bell\"\n            >\n              You can see that the icon and the close button are always vertically aligned. This is a beautiful notification. So you don't have to worry about the style.\n            </material-alert>\n          </v-card-text>\n        </app-card>\n      </v-col>\n\n      <v-col\n        cols=\"12\"\n        md=\"6\"\n      >\n        <app-card>\n          <v-card-text>\n            <div class=\"text-h5 text--primary\">\n              Notification States\n            </div>\n\n            <material-alert\n              v-for=\"color in colors\"\n              :key=\"color\"\n              :color=\"color\"\n              dark\n              dismissible\n            >\n              <span\n                class=\"text-uppercase caption font-weight-medium\"\n                v-text=\"color\"\n              /> — This is a regular alert made with the color of \"{{ color }}\"\n            </material-alert>\n\n            <material-alert\n              color=\"secondary\"\n              dark\n              dismissible\n            >\n              <span class=\"caption font-weight-medium\">PRIMARY</span> — This is a regular alert made with the color \"secondary\"\n            </material-alert>\n\n            <material-alert\n              color=\"pink darken-1\"\n              dark\n              dismissible\n            >\n              <span class=\"caption font-weight-medium\">PINK DARKEN-1</span> — This is a regular alert made with the color \"pink darken-1\"\n            </material-alert>\n          </v-card-text>\n        </app-card>\n      </v-col>\n\n      <v-col cols=\"12\">\n        <app-card>\n          <v-card-text class=\"text-center\">\n            <div class=\"text-h5 text--primary\">\n              Snackbar Locations\n            </div>\n\n            <v-row justify=\"center\">\n              <v-col\n                cols=\"10\"\n                lg=\"8\"\n              >\n                <v-row>\n                  <v-col\n                    v-for=\"dir in directions\"\n                    :key=\"dir\"\n                    cols=\"4\"\n                  >\n                    <v-btn\n                      color=\"secondary\"\n                      default\n                      class=\"v-btn--block\"\n                      @click=\"randomColor(), direction = dir, snackbar = true\"\n                    >\n                      {{ dir }}\n                    </v-btn>\n                  </v-col>\n                </v-row>\n              </v-col>\n            </v-row>\n\n            <v-row\n              class=\"mt-n12\"\n              justify=\"center\"\n            >\n              <v-col\n                cols=\"10\"\n                lg=\"8\"\n              >\n                <v-row class=\"mt-5\">\n                  <v-col cols=\"4\">\n                    <v-btn\n                      color=\"secondary\"\n                      default\n                      rounded\n                      @click=\"dialog = true\"\n                    >\n                      Classic Dialog\n                    </v-btn>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <v-btn\n                      color=\"info\"\n                      default\n                      rounded\n                      @click=\"dialog2 = true\"\n                    >\n                      Notice Modal\n                    </v-btn>\n                  </v-col>\n                  <v-col cols=\"4\">\n                    <v-btn\n                      color=\"pink darken-1\"\n                      dark\n                      default\n                      rounded\n                      @click=\"dialog3 = true\"\n                    >\n                      Small Alert Modal\n                    </v-btn>\n                  </v-col>\n                </v-row>\n              </v-col>\n            </v-row>\n          </v-card-text>\n        </app-card>\n      </v-col>\n    </v-row>\n\n    <material-snackbar\n      v-model=\"snackbar\"\n      :type=\"color\"\n      timeout=\"-1\"\n      v-bind=\"{\n        [parsedDirection[0]]: true,\n        [parsedDirection[1]]: true\n      }\"\n    >\n      Welcome to <span class=\"font-weight-bold\">&nbsp;MATERIAL DASHBOARD PRO&nbsp;</span> — a beautiful admin panel for every web developer.\n    </material-snackbar>\n\n    <v-dialog\n      v-model=\"dialog\"\n      max-width=\"500\"\n    >\n      <v-card class=\"text-center\">\n        <v-card-title>\n          Dialog Title\n\n          <v-spacer />\n\n          <v-icon\n            aria-label=\"Close\"\n            @click=\"dialog = false\"\n          >\n            mdi-close\n          </v-icon>\n        </v-card-title>\n\n        <v-card-text>\n          Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.\n        </v-card-text>\n\n        <v-card-actions>\n          <v-spacer />\n\n          <v-btn\n            color=\"error\"\n            text\n            @click=\"dialog = false\"\n          >\n            Close\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog\n      v-model=\"dialog2\"\n      max-width=\"500\"\n    >\n      <v-card>\n        <v-card-title>\n          How do you become an affiliate?\n\n          <v-spacer />\n\n          <v-icon\n            aria-label=\"Close\"\n            @click=\"dialog2 = false\"\n          >\n            mdi-close\n          </v-icon>\n        </v-card-title>\n\n        <v-card-text class=\"body-1 text-center\">\n          <v-row>\n            <v-col\n              cols=\"12\"\n              md=\"8\"\n            >\n              <div>\n                <div>\n                  <strong>1. Register</strong>\n                </div>\n\n                <div class=\"grey--text\">\n                  The first step is to create an account at Creative Tim. You can choose a social network or go for the classic version, whatever works best for you.\n                </div>\n              </div>\n            </v-col>\n\n            <v-col\n              class=\"hidden-sm-and-down\"\n              md=\"4\"\n            >\n              <v-sheet>\n                <v-img\n                  src=\"https://demos.creative-tim.com/material-dashboard-pro/assets/img/card-1.jpg\"\n                  height=\"100\"\n                  width=\"200\"\n                />\n              </v-sheet>\n            </v-col>\n\n            <v-col\n              cols=\"12\"\n              md=\"8\"\n            >\n              <div>\n                <div>\n                  <strong>2. Apply</strong>\n                </div>\n\n                <div class=\"grey--text\">\n                  The first step is to create an account at <a href=\"http://www.creative-tim.com/\">Creative Tim</a>. You can choose a social network or go for the classic version, whatever works best for you.\n                </div>\n              </div>\n            </v-col>\n\n            <v-col\n              class=\"hidden-sm-and-down\"\n              md=\"4\"\n            >\n              <v-sheet>\n                <v-img\n                  src=\"https://demos.creative-tim.com/material-dashboard-pro/assets/img/card-2.jpg\"\n                  height=\"100\"\n                  width=\"200\"\n                />\n              </v-sheet>\n            </v-col>\n\n            <v-col cols=\"12\">\n              If you have more questions, don't hesitate to contact us or send us a tweet @creativetim. We're here to help!\n            </v-col>\n          </v-row>\n\n          <v-btn\n            class=\"mt-6\"\n            color=\"info\"\n            depressed\n            default\n            rounded\n            @click=\"dialog2 = false\"\n          >\n            Sounds good\n          </v-btn>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog\n      v-model=\"dialog3\"\n      max-width=\"300\"\n    >\n      <v-card>\n        <v-card-title>\n          Are you sure?\n\n          <v-spacer />\n\n          <v-icon\n            aria-label=\"Close\"\n            @click=\"dialog3 = false\"\n          >\n            mdi-close\n          </v-icon>\n        </v-card-title>\n\n        <v-card-text class=\"pb-6 pt-12 text-center\">\n          <v-btn\n            class=\"mr-3\"\n            text\n            @click=\"dialog3 = false\"\n          >\n            Nevermind\n          </v-btn>\n\n          <v-btn\n            color=\"success\"\n            text\n            @click=\"dialog3 = false\"\n          >\n            Yes\n          </v-btn>\n        </v-card-text>\n      </v-card>\n    </v-dialog>\n  </v-container>\n</template>\n\n<script>\n  export default {\n    name: 'NotificationsView',\n\n    data: () => ({\n      color: 'info',\n      colors: [\n        'info',\n        'success',\n        'warning',\n        'error',\n      ],\n      dialog: false,\n      dialog2: false,\n      dialog3: false,\n      direction: 'top center',\n      directions: [\n        'top left',\n        'top center',\n        'top right',\n        'bottom left',\n        'bottom center',\n        'bottom right',\n      ],\n      snackbar: false,\n    }),\n\n    computed: {\n      parsedDirection () {\n        return this.direction.split(' ')\n      },\n    },\n\n    methods: {\n      randomColor () {\n        this.color = this.colors[Math.floor(Math.random() * this.colors.length)]\n      },\n    },\n  }\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=14f6b2ed&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VDialog,VIcon,VImg,VRow,VSheet,VSpacer})\n"],"sourceRoot":""}