mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-10 19:31:07 +03:30
1 line
5.7 KiB
JavaScript
Vendored
1 line
5.7 KiB
JavaScript
Vendored
(window.webpackJsonp=window.webpackJsonp||[]).push([[37],{UhZh: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++){var n=a[o];this[n]=!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._self._c;return i("v-container",{attrs:{fluid:"","grid-list-xl":"","fill-height":""}},[i("v-layout",{attrs:{"justify-center":"","align-center":""}},[i("v-flex",{attrs:{xs12:""}},[i("material-card",{attrs:{color:"green"}},[i("div",{attrs:{slot:"header"},slot:"header"},[i("div",{staticClass:"title font-weight-light mb-2"},[t._v("Notifications")]),t._v(" "),i("div",{staticClass:"category"},[t._v("\n Handcrafted by us with\n "),i("v-icon",{attrs:{size:"17"}},[t._v("\n mdi-heart\n ")])],1)]),t._v(" "),i("v-card-text",[i("v-layout",{attrs:{row:"",wrap:""}},[i("v-flex",{attrs:{md6:"",sm12:""}},[i("h2",{staticClass:"title font-weight-light mb-3"},[t._v("Notifications Style")]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"info"}},[t._v("\n This is a plain notification\n ")]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"info",dismissible:""}},[t._v("\n This is a notification with close button.\n ")]),t._v(" "),i("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(" "),i("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(" "),i("v-flex",{attrs:{md6:"",sm12:""}},[i("h2",{staticClass:"title font-weight-light"},[t._v("Notifcation States")]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"info",dismissible:""}},[i("strong",[t._v("INFO")]),t._v(' - This is a regular notification made with `color="info"`\n ')]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"success",dismissible:""}},[i("strong",[t._v("SUCCESS")]),t._v(' - This is a regular notification made with `color="success"`\n ')]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"warning",dismissible:""}},[i("strong",[t._v("WARNING")]),t._v(' - This is a regular notification made with `color="warning"`\n ')]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"error",dismissible:""}},[i("strong",[t._v("DANGER")]),t._v(' - This is a regular notification made with `color="error"`\n ')]),t._v(" "),i("material-notification",{staticClass:"mb-3",attrs:{color:"purple",dismissible:""}},[i("strong",[t._v("PRIMARY")]),t._v(' - This is a regular notification made with `color="purple"`\n ')])],1)],1),t._v(" "),i("div",{staticClass:"text-xs-center"},[i("h2",{staticClass:"title font-weight-light mb-2"},[t._v("Notification Places")]),t._v(" "),i("span",{staticClass:"subheading font-weight-light grey--text"},[t._v("Click to view notifications")])]),t._v(" "),i("v-container",{attrs:{"grid-list-lg":""}},[i("v-layout",{attrs:{"justify-center":"",row:"",wrap:""}},[i("v-flex",{attrs:{xs12:"",sm4:""}},[i("v-btn",{attrs:{block:"",color:"success"},on:{click:function(i){return t.snack("top","left")}}},[t._v("\n Top Left\n ")])],1),t._v(" "),i("v-flex",{attrs:{xs12:"",sm4:""}},[i("v-btn",{attrs:{block:"",color:"success"},on:{click:function(i){return t.snack("top")}}},[t._v("\n Top Center\n ")])],1)],1),t._v(" "),i("v-layout",{attrs:{"justify-center":"",row:"",wrap:""}},[i("v-flex",{attrs:{xs12:"",sm4:""}},[i("v-btn",{attrs:{block:"",color:"success"},on:{click:function(i){return t.snack("top","right")}}},[t._v("\n Top Right\n ")])],1),t._v(" "),i("v-flex",{attrs:{xs12:"",sm4:""}},[i("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(" "),i("v-layout",{attrs:{"justify-center":"",row:"",wrap:""}},[i("v-flex",{attrs:{xs12:"",sm4:""}},[i("v-btn",{attrs:{block:"",color:"success"},on:{click:function(i){return t.snack("bottom")}}},[t._v("\n Bottom Center\n ")])],1),t._v(" "),i("v-flex",{attrs:{xs12:"",sm4:""}},[i("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(" "),i("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"}},[i("v-icon",{staticClass:"mr-3",attrs:{color:"white"}},[t._v("\n mdi-bell-plus\n ")]),t._v(" "),i("div",[t._v("Welcome to "),i("b",[t._v("Vue Material Dashboard")]),t._v(" - a beautiful freebie for every web developer.")]),t._v(" "),i("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}}]); |