mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-14 01:11:06 +03:30
1 line
29 KiB
Plaintext
1 line
29 KiB
Plaintext
{"map":"{\"version\":3,\"sources\":[\"D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\Notifications.vue?vue&type=template&id=47ce793a&\",\"D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\loaders\\\\pitcher.js??ref--4!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js??ref--4-0!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\Notifications.vue?vue&type=script&lang=js&\",\"resources/js/vue/views/Notifications.vue\",\"D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\node_modules\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\Atom\\\\Git\\\\Laravel_CSSD\\\\resources\\\\js\\\\vue\\\\views\\\\Notifications.vue\"],\"names\":[\"views_Notificationsvue_type_script_lang_js_\",\"data\",\"color\",\"colors\",\"top\",\"bottom\",\"left\",\"right\",\"snackbar\",\"methods\",\"snack\",\"this\",\"_len\",\"arguments\",\"length\",\"args\",\"Array\",\"_key\",\"_i\",\"_args\",\"Math\",\"floor\",\"random\",\"component\",\"Object\",\"componentNormalizer\",\"_vm\",\"_h\",\"$createElement\",\"_c\",\"_self\",\"attrs\",\"fluid\",\"grid-list-xl\",\"fill-height\",\"justify-center\",\"align-center\",\"xs12\",\"slot\",\"staticClass\",\"_v\",\"size\",\"row\",\"wrap\",\"md6\",\"sm12\",\"dismissible\",\"icon\",\"grid-list-lg\",\"sm4\",\"block\",\"on\",\"click\",\"$event\",\"dark\",\"model\",\"value\",\"callback\",\"$$v\",\"expression\",\"__webpack_exports__\"],\"mappings\":\"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\",\"sourcesContent\":[\"var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{attrs:{\\\"fluid\\\":\\\"\\\",\\\"grid-list-xl\\\":\\\"\\\",\\\"fill-height\\\":\\\"\\\"}},[_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"align-center\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\"}},[_c('material-card',{attrs:{\\\"color\\\":\\\"green\\\"}},[_c('div',{attrs:{\\\"slot\\\":\\\"header\\\"},slot:\\\"header\\\"},[_c('div',{staticClass:\\\"title font-weight-light mb-2\\\"},[_vm._v(\\\"Notifications\\\")]),_vm._v(\\\" \\\"),_c('div',{staticClass:\\\"category\\\"},[_vm._v(\\\"\\\\n Handcrafted by us with\\\\n \\\"),_c('v-icon',{attrs:{\\\"size\\\":\\\"17\\\"}},[_vm._v(\\\"\\\\n mdi-heart\\\\n \\\")])],1)]),_vm._v(\\\" \\\"),_c('v-card-text',[_c('v-layout',{attrs:{\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"md6\\\":\\\"\\\",\\\"sm12\\\":\\\"\\\"}},[_c('h2',{staticClass:\\\"title font-weight-light mb-3\\\"},[_vm._v(\\\"Notifications Style\\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\"}},[_vm._v(\\\"\\\\n This is a plain notification\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\"}},[_vm._v(\\\"\\\\n This is a notification with close button.\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\",\\\"icon\\\":\\\"mdi-bell-plus\\\"}},[_vm._v(\\\"\\\\n\\\\n This is a notification with close button and icon.\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\",\\\"icon\\\":\\\"mdi-bell-plus\\\"}},[_vm._v(\\\"\\\\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 \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"md6\\\":\\\"\\\",\\\"sm12\\\":\\\"\\\"}},[_c('h2',{staticClass:\\\"title font-weight-light\\\"},[_vm._v(\\\"Notifcation States\\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"info\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"INFO\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"info\\\\\\\"`\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"success\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"SUCCESS\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"success\\\\\\\"`\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"warning\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"WARNING\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"warning\\\\\\\"`\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"error\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"DANGER\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"error\\\\\\\"`\\\\n \\\")]),_vm._v(\\\" \\\"),_c('material-notification',{staticClass:\\\"mb-3\\\",attrs:{\\\"color\\\":\\\"purple\\\",\\\"dismissible\\\":\\\"\\\"}},[_c('strong',[_vm._v(\\\"PRIMARY\\\")]),_vm._v(\\\" - This is a regular notification made with `color=\\\\\\\"purple\\\\\\\"`\\\\n \\\")])],1)],1),_vm._v(\\\" \\\"),_c('div',{staticClass:\\\"text-xs-center\\\"},[_c('h2',{staticClass:\\\"title font-weight-light mb-2\\\"},[_vm._v(\\\"Notification Places\\\")]),_vm._v(\\\" \\\"),_c('span',{staticClass:\\\" subheading font-weight-light grey--text\\\"},[_vm._v(\\\"Click to view notifications\\\")])]),_vm._v(\\\" \\\"),_c('v-container',{attrs:{\\\"grid-list-lg\\\":\\\"\\\"}},[_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top', 'left')}}},[_vm._v(\\\"\\\\n Top Left\\\\n \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top')}}},[_vm._v(\\\"\\\\n Top Center\\\\n \\\")])],1)],1),_vm._v(\\\" \\\"),_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('top', 'right')}}},[_vm._v(\\\"\\\\n Top Right\\\\n \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom', 'left')}}},[_vm._v(\\\"\\\\n Bottom Left\\\\n \\\")])],1)],1),_vm._v(\\\" \\\"),_c('v-layout',{attrs:{\\\"justify-center\\\":\\\"\\\",\\\"row\\\":\\\"\\\",\\\"wrap\\\":\\\"\\\"}},[_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom')}}},[_vm._v(\\\"\\\\n Bottom Center\\\\n \\\")])],1),_vm._v(\\\" \\\"),_c('v-flex',{attrs:{\\\"xs12\\\":\\\"\\\",\\\"sm4\\\":\\\"\\\"}},[_c('v-btn',{attrs:{\\\"block\\\":\\\"\\\",\\\"color\\\":\\\"success\\\"},on:{\\\"click\\\":function($event){return _vm.snack('bottom', 'right')}}},[_vm._v(\\\"\\\\n Bottom Right\\\\n \\\")])],1)],1)],1),_vm._v(\\\" \\\"),_c('v-snackbar',{attrs:{\\\"color\\\":_vm.color,\\\"bottom\\\":_vm.bottom,\\\"top\\\":_vm.top,\\\"left\\\":_vm.left,\\\"right\\\":_vm.right,\\\"dark\\\":\\\"\\\"},model:{value:(_vm.snackbar),callback:function ($$v) {_vm.snackbar=$$v},expression:\\\"snackbar\\\"}},[_c('v-icon',{staticClass:\\\"mr-3\\\",attrs:{\\\"color\\\":\\\"white\\\"}},[_vm._v(\\\"\\\\n mdi-bell-plus\\\\n \\\")]),_vm._v(\\\" \\\"),_c('div',[_vm._v(\\\"Welcome to \\\"),_c('b',[_vm._v(\\\"Vue Material Dashboard\\\")]),_vm._v(\\\" - a beautiful freebie for every web developer.\\\")]),_vm._v(\\\" \\\"),_c('v-icon',{attrs:{\\\"size\\\":\\\"16\\\"},on:{\\\"click\\\":function($event){_vm.snackbar = false}}},[_vm._v(\\\"\\\\n mdi-close-circle\\\\n \\\")])],1)],1)],1)],1)],1)],1)}\\nvar staticRenderFns = []\\n\\nexport { render, staticRenderFns }\",\"import mod from \\\"-!../../../../node_modules/babel-loader/lib/index.js??ref--4-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/babel-loader/lib/index.js??ref--4-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notifications.vue?vue&type=script&lang=js&\\\"\",\"<template>\\n <v-container\\n fluid\\n grid-list-xl\\n fill-height>\\n <v-layout\\n justify-center\\n align-center\\n >\\n <v-flex xs12>\\n <material-card\\n color=\\\"green\\\">\\n <div\\n slot=\\\"header\\\"\\n >\\n <div class=\\\"title font-weight-light mb-2\\\">Notifications</div>\\n <div class=\\\"category\\\">\\n Handcrafted by us with\\n <v-icon\\n size=\\\"17\\\"\\n >\\n mdi-heart\\n </v-icon>\\n </div>\\n </div>\\n\\n <v-card-text>\\n <v-layout\\n row\\n wrap>\\n <v-flex\\n md6\\n sm12>\\n <h2 class=\\\"title font-weight-light mb-3\\\">Notifications Style</h2>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"info\\\"\\n >\\n This is a plain notification\\n </material-notification>\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"info\\\"\\n dismissible\\n >\\n This is a notification with close button.\\n </material-notification>\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"info\\\"\\n dismissible\\n icon=\\\"mdi-bell-plus\\\"\\n >\\n\\n This is a notification with close button and icon.\\n </material-notification>\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"info\\\"\\n dismissible\\n icon=\\\"mdi-bell-plus\\\"\\n >\\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-notification>\\n </v-flex>\\n\\n <v-flex\\n md6\\n sm12>\\n <h2 class=\\\"title font-weight-light\\\">Notifcation States</h2>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"info\\\"\\n dismissible\\n >\\n <strong>INFO</strong> - This is a regular notification made with `color=\\\"info\\\"`\\n </material-notification>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"success\\\"\\n dismissible\\n >\\n <strong>SUCCESS</strong> - This is a regular notification made with `color=\\\"success\\\"`\\n </material-notification>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"warning\\\"\\n dismissible\\n >\\n <strong>WARNING</strong> - This is a regular notification made with `color=\\\"warning\\\"`\\n </material-notification>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"error\\\"\\n dismissible\\n >\\n <strong>DANGER</strong> - This is a regular notification made with `color=\\\"error\\\"`\\n </material-notification>\\n\\n <material-notification\\n class=\\\"mb-3\\\"\\n color=\\\"purple\\\"\\n dismissible\\n >\\n <strong>PRIMARY</strong> - This is a regular notification made with `color=\\\"purple\\\"`\\n </material-notification>\\n </v-flex>\\n </v-layout>\\n <div class=\\\"text-xs-center\\\">\\n <h2 class=\\\"title font-weight-light mb-2\\\">Notification Places</h2>\\n <span class=\\\" subheading font-weight-light grey--text\\\">Click to view notifications</span>\\n </div>\\n\\n <v-container grid-list-lg>\\n <v-layout\\n justify-center\\n row\\n wrap>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('top', 'left')\\\"\\n >\\n Top Left\\n </v-btn>\\n </v-flex>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('top')\\\"\\n >\\n Top Center\\n </v-btn>\\n </v-flex>\\n </v-layout>\\n <v-layout\\n justify-center\\n row\\n wrap>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('top', 'right')\\\"\\n >\\n Top Right\\n </v-btn>\\n </v-flex>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('bottom', 'left')\\\"\\n >\\n Bottom Left\\n </v-btn>\\n </v-flex>\\n </v-layout>\\n <v-layout\\n justify-center\\n row\\n wrap>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('bottom')\\\"\\n >\\n Bottom Center\\n </v-btn>\\n </v-flex>\\n <v-flex\\n xs12\\n sm4>\\n <v-btn\\n block\\n color=\\\"success\\\"\\n @click=\\\"snack('bottom', 'right')\\\"\\n >\\n Bottom Right\\n </v-btn>\\n </v-flex>\\n </v-layout>\\n </v-container>\\n\\n <v-snackbar\\n :color=\\\"color\\\"\\n :bottom=\\\"bottom\\\"\\n :top=\\\"top\\\"\\n :left=\\\"left\\\"\\n :right=\\\"right\\\"\\n v-model=\\\"snackbar\\\"\\n dark\\n >\\n <v-icon\\n color=\\\"white\\\"\\n class=\\\"mr-3\\\"\\n >\\n mdi-bell-plus\\n </v-icon>\\n <div>Welcome to <b>Vue Material Dashboard</b> - a beautiful freebie for every web developer.</div>\\n <v-icon\\n size=\\\"16\\\"\\n @click=\\\"snackbar = false\\\"\\n >\\n mdi-close-circle\\n </v-icon>\\n </v-snackbar>\\n </v-card-text>\\n </material-card>\\n </v-flex>\\n </v-layout>\\n </v-container>\\n</template>\\n\\n<script>\\nexport default {\\n data: () => ({\\n color: null,\\n colors: [\\n 'purple',\\n 'info',\\n 'success',\\n 'warning',\\n 'error'\\n ],\\n top: true,\\n bottom: false,\\n left: false,\\n right: false,\\n snackbar: false\\n }),\\n\\n methods: {\\n snack (...args) {\\n this.top = false\\n this.bottom = false\\n this.left = false\\n this.right = false\\n\\n for (const loc of args) {\\n this[loc] = true\\n }\\n\\n this.color = this.colors[Math.floor(Math.random() * this.colors.length)]\\n\\n this.snackbar = true\\n }\\n }\\n}\\n</script>\\n\",\"import { render, staticRenderFns } from \\\"./Notifications.vue?vue&type=template&id=47ce793a&\\\"\\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\"]}","code":"(window.webpackJsonp=window.webpackJsonp||[]).push([[14],{YxaO:function(t,i,s){\"use strict\";s.r(i);var o={data:function(){return{color:null,colors:[\"purple\",\"info\",\"success\",\"warning\",\"error\"],top:!0,bottom:!1,left:!1,right:!1,snackbar:!1}},methods:{snack:function(){this.top=!1,this.bottom=!1,this.left=!1,this.right=!1;for(var t=arguments.length,i=new Array(t),s=0;s<t;s++)i[s]=arguments[s];for(var o=0,a=i;o<a.length;o++){this[a[o]]=!0}this.color=this.colors[Math.floor(Math.random()*this.colors.length)],this.snackbar=!0}}},a=s(\"KHd+\"),n=Object(a.a)(o,function(){var t=this,i=t.$createElement,s=t._self._c||i;return s(\"v-container\",{attrs:{fluid:\"\",\"grid-list-xl\":\"\",\"fill-height\":\"\"}},[s(\"v-layout\",{attrs:{\"justify-center\":\"\",\"align-center\":\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\"}},[s(\"material-card\",{attrs:{color:\"green\"}},[s(\"div\",{attrs:{slot:\"header\"},slot:\"header\"},[s(\"div\",{staticClass:\"title font-weight-light mb-2\"},[t._v(\"Notifications\")]),t._v(\" \"),s(\"div\",{staticClass:\"category\"},[t._v(\"\\n Handcrafted by us with\\n \"),s(\"v-icon\",{attrs:{size:\"17\"}},[t._v(\"\\n mdi-heart\\n \")])],1)]),t._v(\" \"),s(\"v-card-text\",[s(\"v-layout\",{attrs:{row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{md6:\"\",sm12:\"\"}},[s(\"h2\",{staticClass:\"title font-weight-light mb-3\"},[t._v(\"Notifications Style\")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\"}},[t._v(\"\\n This is a plain notification\\n \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\"}},[t._v(\"\\n This is a notification with close button.\\n \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\",icon:\"mdi-bell-plus\"}},[t._v(\"\\n\\n This is a notification with close button and icon.\\n \")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\",icon:\"mdi-bell-plus\"}},[t._v(\"\\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 \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{md6:\"\",sm12:\"\"}},[s(\"h2\",{staticClass:\"title font-weight-light\"},[t._v(\"Notifcation States\")]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"info\",dismissible:\"\"}},[s(\"strong\",[t._v(\"INFO\")]),t._v(' - This is a regular notification made with `color=\"info\"`\\n ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"success\",dismissible:\"\"}},[s(\"strong\",[t._v(\"SUCCESS\")]),t._v(' - This is a regular notification made with `color=\"success\"`\\n ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"warning\",dismissible:\"\"}},[s(\"strong\",[t._v(\"WARNING\")]),t._v(' - This is a regular notification made with `color=\"warning\"`\\n ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"error\",dismissible:\"\"}},[s(\"strong\",[t._v(\"DANGER\")]),t._v(' - This is a regular notification made with `color=\"error\"`\\n ')]),t._v(\" \"),s(\"material-notification\",{staticClass:\"mb-3\",attrs:{color:\"purple\",dismissible:\"\"}},[s(\"strong\",[t._v(\"PRIMARY\")]),t._v(' - This is a regular notification made with `color=\"purple\"`\\n ')])],1)],1),t._v(\" \"),s(\"div\",{staticClass:\"text-xs-center\"},[s(\"h2\",{staticClass:\"title font-weight-light mb-2\"},[t._v(\"Notification Places\")]),t._v(\" \"),s(\"span\",{staticClass:\" subheading font-weight-light grey--text\"},[t._v(\"Click to view notifications\")])]),t._v(\" \"),s(\"v-container\",{attrs:{\"grid-list-lg\":\"\"}},[s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\",\"left\")}}},[t._v(\"\\n Top Left\\n \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\")}}},[t._v(\"\\n Top Center\\n \")])],1)],1),t._v(\" \"),s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"top\",\"right\")}}},[t._v(\"\\n Top Right\\n \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\",\"left\")}}},[t._v(\"\\n Bottom Left\\n \")])],1)],1),t._v(\" \"),s(\"v-layout\",{attrs:{\"justify-center\":\"\",row:\"\",wrap:\"\"}},[s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\")}}},[t._v(\"\\n Bottom Center\\n \")])],1),t._v(\" \"),s(\"v-flex\",{attrs:{xs12:\"\",sm4:\"\"}},[s(\"v-btn\",{attrs:{block:\"\",color:\"success\"},on:{click:function(i){return t.snack(\"bottom\",\"right\")}}},[t._v(\"\\n Bottom Right\\n \")])],1)],1)],1),t._v(\" \"),s(\"v-snackbar\",{attrs:{color:t.color,bottom:t.bottom,top:t.top,left:t.left,right:t.right,dark:\"\"},model:{value:t.snackbar,callback:function(i){t.snackbar=i},expression:\"snackbar\"}},[s(\"v-icon\",{staticClass:\"mr-3\",attrs:{color:\"white\"}},[t._v(\"\\n mdi-bell-plus\\n \")]),t._v(\" \"),s(\"div\",[t._v(\"Welcome to \"),s(\"b\",[t._v(\"Vue Material Dashboard\")]),t._v(\" - a beautiful freebie for every web developer.\")]),t._v(\" \"),s(\"v-icon\",{attrs:{size:\"16\"},on:{click:function(i){t.snackbar=!1}}},[t._v(\"\\n mdi-close-circle\\n \")])],1)],1)],1)],1)],1)],1)},[],!1,null,null,null);i.default=n.exports}}]);","extractedComments":[]} |