/
home
/
henzagold
/
adminold
/
export
/
js
/
File Upload :
llllll
Current File: /home/henzagold/adminold/export/js/chunk-78b8c44a.98847faa.js
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-78b8c44a"],{"03f0":function(t,e,o){"use strict";o("e234")},"17c6":function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.install=e.quillEditor=e.Quill=void 0;var n=o("9339"),r=s(n),a=o("320c"),i=s(a);function s(t){return t&&t.__esModule?t:{default:t}}var l=function(t){var e=function(t,e,o){var n=null;return e.arg?n=e.arg:o.data.attrs&&(o.data.attrs.instanceName||o.data.attrs["instance-name"])?n=o.data.attrs.instanceName||o.data.attrs["instance-name"]:t.id&&(n=t.id),n||"quill"};return{inserted:function(o,n,a){var s=a.context,l=n.value||{},c=e(o,n,a),u=s[c],d=function(t,e,o){var n=t.data&&t.data.on||t.componentOptions&&t.componentOptions.listeners;n&&n[e]&&n[e].fns(o)};if(!u){var v=(0,i.default)({},{theme:"snow",boundary:document.body,modules:{toolbar:[["bold","italic","underline","strike"],["blockquote","code-block"],[{header:1},{header:2}],[{list:"ordered"},{list:"bullet"}],[{script:"sub"},{script:"super"}],[{indent:"-1"},{indent:"+1"}],[{direction:"rtl"}],[{size:["small",!1,"large","huge"]}],[{header:[1,2,3,4,5,6,!1]}],[{color:[]},{background:[]}],[{font:[]}],[{align:[]}],["clean"],["link","image","video"]]},placeholder:"Insert text here ...",readOnly:!1},t,l);u=s[c]=new r.default(o,v);var p=a.data.model,b=a.data.attrs?a.data.attrs.value:null,f=a.data.attrs?a.data.attrs.content:null,y=a.data.attrs?a.data.attrs.disabled:null,m=p?p.value:b||f;m&&u.pasteHTML(m),y&&u.enable(!1),u.on("selection-change",(function(t){d(a,t?"focus":"blur",u)})),u.on("text-change",(function(t,e,n){var r=o.children[0].innerHTML,i=u.getText();"<p><br></p>"===r&&(r="",u.root.innerHTML=r),p&&p.callback(r),d(a,"input",r),d(a,"change",{text:i,html:r,quill:u})})),d(a,"ready",u)}},componentUpdated:function(t,o,n){var r=n.context,a=e(t,o,n),i=(o.value,r[a]);if(i){var s=n.data.model,l=n.data.attrs?n.data.attrs.value:null,c=n.data.attrs?n.data.attrs.content:null,u=n.data.attrs?n.data.attrs.disabled:null,d=s?s.value:l||c,v=d,p=t.children[0].innerHTML;if(i.enable(!u),v){if(v!=p){var b=i.getSelection();i.root.innerHTML=v,setTimeout((function(){i.setSelection(b)}))}}else i.setText("")}},unbind:function(t,e,o){o.context[e.arg]&&(o.context[e.arg]=null,delete o.context[e.arg])}}},c=l({}),u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};t.directive("quill",l(e))},d={Quill:r.default,quillEditor:c,install:u};e.default=d,e.Quill=r.default,e.quillEditor=c,e.install=u},"1d7b":function(t,e,o){"use strict";o.r(e);var n=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"page-user-view"}},[e("div",{attrs:{id:"user-data"}},[e("a-form",{attrs:{form:t.form,"label-col":{span:5},"wrapper-col":{span:12}}},[e("ASpin",{attrs:{type:"loading",spinning:t.loading}},[e("vx-card",{staticClass:"mb-base",attrs:{title:" دسته بندی ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("a-form-item",{attrs:{label:"نوع نمایش"}},[e("a-radio-group",{directives:[{name:"decorator",rawName:"v-decorator",value:["type",{rules:[{required:!0,message:"لطفا نوع نمایش دسته بندی را انتخاب کنید"}]}],expression:"['type',{rules: [{ required: true, message: 'لطفا نوع نمایش دسته بندی را انتخاب کنید' }],}]"}],model:{value:t.type,callback:function(e){t.type=e},expression:"type"}},[e("a-radio",{attrs:{value:1}},[t._v("\n سایت\n ")]),e("a-radio",{attrs:{value:2}},[t._v("\n اپلیکشن موبایل\n ")])],1)],1),e("a-form-item",{attrs:{label:"وضعیت"}},[e("a-switch",{attrs:{"checked-children":"فعال","un-checked-children":"غیر فعال","default-checked":""},on:{change:t.onChange}})],1),e("a-form-item",{attrs:{label:" تصویر شاخص ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("SingleUploadInput",{ref:"indexImage",on:{ok:t.uploadIndexImage,remove:t.removeIndexImage}})],1),e("a-form-item",{attrs:{label:" آیکون ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("SingleUploadInput",{ref:"indexIcon",on:{ok:t.uploadIndexIcon,remove:t.removeIndexIcon}})],1),e("div",{staticClass:"vx-row"},[e("div",{staticClass:"vx-col flex-1",attrs:{id:"account-info-col-1"}},[e("a-form-item",{attrs:{label:" عنوان ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["title",{rules:[{required:!0,message:"لطفا مقدار را وارد کنید"}]}],expression:"['title', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]"}],staticStyle:{width:"100%"}})],1),e("a-form-item",{attrs:{label:" متا تگ ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["meta",{rules:[{required:!0,message:"لطفا مقدار را وارد کنید"}]}],expression:"['meta', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]"}],staticStyle:{width:"100%"}})],1),e("a-form-item",{attrs:{label:" دیسکریپشن ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("a-input",{directives:[{name:"decorator",rawName:"v-decorator",value:["header",{rules:[{required:!0,message:"لطفا مقدار را وارد کنید"}]}],expression:"['header', { rules: [{ required: true, message: 'لطفا مقدار را وارد کنید' }] }]"}],staticStyle:{width:"100%"}})],1),e("a-form-item",[e("input",{directives:[{name:"decorator",rawName:"v-decorator",value:["id",{rules:[{required:!1,message:"لطفا مقدار را وارد کنید"}]}],expression:"['id', { rules: [{ required: false, message: 'لطفا مقدار را وارد کنید' }] }]"}],staticStyle:{width:"100%"},attrs:{type:"hidden"}})]),e("a-form-item",{attrs:{label:" پدر دسته ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("a-select",{directives:[{name:"decorator",rawName:"v-decorator",value:["parent_id_id",{rules:[{required:!1,message:"وارد کردن دسته بندی الزامی است"}]}],expression:"['parent_id_id',{rules: [{ required: false, message: 'وارد کردن دسته بندی الزامی است' }],}]"}],staticClass:"mt-3",staticStyle:{width:"100%",direction:"rtl !important"},attrs:{defaultValue:null,"filter-option":t.filterOption,placeholder:"جستجو","show-search":""}},[e("a-select-option",{key:-1},[t._v("\n هیچکدام\n ")]),t._l(t.treeData,(function(o,n){return e("a-select-option",{key:o.id},[t._v("\n "+t._s(o.title)+"\n ")])}))],2)],1),e("a-form-item",{attrs:{label:" شرح دسته ".concat(1==t.type?"(سایت)":2==t.type?"(موبایل)":"")}},[e("quill-editor",{ref:"myQuillEditor",attrs:{options:t.editorOption},model:{value:t.body,callback:function(e){t.body=e},expression:"body"}},[e("div",{attrs:{slot:"toolbar",id:"toolbar"},slot:"toolbar"},[t._l(t.options,(function(o){return[o.options?e("select",{class:o.key},t._l(o.options,(function(t){return e("option",{domProps:{value:t}})})),0):o.val?e("button",{class:o.key,attrs:{value:o.val}}):e("button",{class:o.key})]})),e("button",{attrs:{id:"divider-button"},on:{click:t.addDivider}},[e("a-icon",{attrs:{type:"column-height"}})],1)],2)])],1)],1)]),e("div",{staticClass:"vx-col w-full flex mt-4",attrs:{id:"account-manage-buttons"}},[e("vs-button",{staticClass:"mr-4",attrs:{"icon-pack":"feather"},on:{click:t.handleSubmit}},[t.id?e("span",[t._v(" ویرایش دسته بندی")]):e("span",[t._v(" ثبت دسته بندی")])])],1)],1)],1)],1)],1)])},r=[],a=(o("55dd"),o("96cf"),o("1da1")),i=o("bb36"),s=o("04c5"),l=o("fe2f"),c=function(){var t=this,e=t._self._c;return e("div",{attrs:{id:"button-demo"}},[e("button-filled"),e("button-border"),e("button-flat"),e("button-line-down"),e("button-gradient"),e("button-relief"),e("button-color"),e("button-text-color"),e("button-icon"),e("button-icon-only"),e("button-size"),e("button-router"),e("button-link")],1)},u=[],d=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Filled","code-toggler":""}},[e("p",[t._v("To define the type of button the directive is used "),e("code",[t._v("type")]),t._v(" with the value of some type of button like it can be: "),e("code",[t._v("filled")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"filled"}},[t._v("Primary")]),e("vs-button",{attrs:{color:"success",type:"filled"}},[t._v("Success")]),e("vs-button",{attrs:{color:"danger",type:"filled"}},[t._v("Danger")]),e("vs-button",{attrs:{color:"warning",type:"filled"}},[t._v("Warning")]),e("vs-button",{attrs:{color:"dark",type:"filled"}},[t._v("Dark")]),e("vs-button",{attrs:{color:"rgb(62, 201, 214)",type:"filled"}},[t._v("RGB")]),e("vs-button",{attrs:{disabled:"",type:"filled"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="filled">Primary</vs-button>\n<vs-button color="success" type="filled">Success</vs-button>\n<vs-button color="danger" type="filled">Danger</vs-button>\n<vs-button color="warning" type="filled">Warning</vs-button>\n<vs-button color="dark" type="filled">Dark</vs-button>\n<vs-button color="rgb(62, 201, 214)" type="filled">RGB</vs-button>\n<vs-button disabled type="filled">Disabled</vs-button>\n ')])],2)},v=[],p=o("2877"),b={},f=Object(p["a"])(b,d,v,!1,null,null,null),y=f.exports,m=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Border","code-toggler":""}},[e("p",[t._v("To add a type of button with edges we change the value of "),e("code",[t._v("border")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"border"}},[t._v("Primary")]),e("vs-button",{attrs:{color:"success",type:"border"}},[t._v("Success")]),e("vs-button",{attrs:{color:"danger",type:"border"}},[t._v("Danger")]),e("vs-button",{attrs:{color:"warning",type:"border"}},[t._v("Warning")]),e("vs-button",{attrs:{color:"dark",type:"border"}},[t._v("Dark")]),e("vs-button",{attrs:{color:"rgb(11, 189, 135)",type:"border"}},[t._v("RGB")]),e("vs-button",{attrs:{disabled:"",type:"border"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="border">Primary</vs-button>\n<vs-button color="success" type="border">Success</vs-button>\n<vs-button color="danger" type="border">Danger</vs-button>\n<vs-button color="warning" type="border">Warning</vs-button>\n<vs-button color="dark" type="border">Dark</vs-button>\n<vs-button color="rgb(11, 189, 135)" type="border">RGB</vs-button>\n<vs-button disabled type="border">Disabled</vs-button>\n ')])],2)},g=[],h={},_=Object(p["a"])(h,m,g,!1,null,null,null),x=_.exports,k=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Flat","code-toggler":""}},[e("p",[t._v("To add a type of button with edges just change the prop "),e("code",[t._v("type")]),t._v(" to "),e("code",[t._v("flat")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"flat"}},[t._v("Primary")]),e("vs-button",{attrs:{color:"success",type:"flat"}},[t._v("Success")]),e("vs-button",{attrs:{color:"danger",type:"flat"}},[t._v("Danger")]),e("vs-button",{attrs:{color:"warning",type:"flat"}},[t._v("Warning")]),e("vs-button",{attrs:{color:"dark",type:"flat"}},[t._v("Dark")]),e("vs-button",{attrs:{color:"rgb(11, 189, 135)",type:"flat"}},[t._v("RGB")]),e("vs-button",{attrs:{disabled:"",type:"flat"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="flat">Primary</vs-button>\n<vs-button color="success" type="flat">Success</vs-button>\n<vs-button color="danger" type="flat">Danger</vs-button>\n<vs-button color="warning" type="flat">Warning</vs-button>\n<vs-button color="dark" type="flat">Dark</vs-button>\n<vs-button color="rgb(11, 189, 135)" type="flat">RGB</vs-button>\n<vs-button disabled type="flat">Disabled</vs-button>\n ')])],2)},w=[],C={},O=Object(p["a"])(C,k,w,!1,null,null,null),D=O.exports,S=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Line Down","code-toggler":""}},[e("p",[t._v("To add a type of button with edges we change the value of "),e("code",[t._v("type")]),t._v(" by: "),e("code",[t._v("line")])]),e("vs-alert",{staticClass:"mt-5",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v('you can change the position of the line up with the property line-position="top". You can also change the way the line appears on mouse hover with the property line-origin using the allowed values: '),e("strong",[t._v("left, center(default) or right")])])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{type:"line"}},[t._v("Primary")]),e("vs-button",{attrs:{type:"line","line-origin":"left",color:"success"}},[t._v("Success")]),e("vs-button",{attrs:{type:"line","line-origin":"right",color:"danger"}},[t._v("Danger")]),e("vs-button",{attrs:{type:"line","line-position":"top","line-origin":"left",color:"warning"}},[t._v("Warning")]),e("vs-button",{attrs:{type:"line","line-position":"top","line-origin":"right",color:"dark"}},[t._v("Dark")]),e("vs-button",{attrs:{type:"line",disabled:""}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button type="line">Primary</vs-button>\n<vs-button type="line" line-origin="left" color="success">Success</vs-button>\n<vs-button type="line" line-origin="right" color="danger">Danger</vs-button>\n<vs-button type="line" line-position="top" line-origin="left" color="warning">Warning</vs-button>\n<vs-button type="line" line-position="top" line-origin="right" color="dark">Dark</vs-button>\n<vs-button type="line" disabled>Disabled</vs-button>\n ')])],2)},j=[],q={},I=Object(p["a"])(q,S,j,!1,null,null,null),P=I.exports,T=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Gradient","code-toggler":""}},[e("p",[t._v("To add a type of button with edges we change the value of "),e("code",[t._v("type")]),t._v(" by: "),e("code",[t._v("gradient")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{type:"gradient"}},[t._v("Primary")]),e("vs-button",{attrs:{color:"success",type:"gradient"}},[t._v("Success")]),e("vs-button",{attrs:{color:"danger",type:"gradient"}},[t._v("Danger")]),e("vs-button",{attrs:{color:"warning",type:"gradient"}},[t._v("Warning")]),e("vs-button",{attrs:{color:"dark",type:"gradient"}},[t._v("Dark")]),e("vs-button",{attrs:{color:"#3dd495","gradient-color-secondary":"rgb(130, 207, 23)",type:"gradient"}},[t._v("Dark")]),e("vs-button",{attrs:{disabled:"",type:"gradient"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button type="gradient">primary</vs-button>\n<vs-button color="success" type="gradient">success</vs-button>\n<vs-button color="danger" type="gradient">danger</vs-button>\n<vs-button color="warning" type="gradient">warning</vs-button>\n<vs-button color="dark" type="gradient">dark</vs-button>\n<vs-button color="#3dd495" gradient-color-secondary="rgb(130, 207, 23)" type="gradient">dark</vs-button>\n<vs-button disabled type="gradient">Disabled</vs-button>\n ')])],2)},R=[],B={},E=Object(p["a"])(B,T,R,!1,null,null,null),F=E.exports,N=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Relief","code-toggler":""}},[e("p",[t._v("To add a type of button with edges we change the value of "),e("code",[t._v("type")]),t._v(" by: "),e("code",[t._v("relief")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{type:"relief"}},[t._v("Primary")]),e("vs-button",{attrs:{color:"success",type:"relief"}},[t._v("Success")]),e("vs-button",{attrs:{color:"danger",type:"relief"}},[t._v("Danger")]),e("vs-button",{attrs:{color:"warning",type:"relief"}},[t._v("warning")]),e("vs-button",{attrs:{color:"dark",type:"relief"}},[t._v("dark")]),e("vs-button",{attrs:{color:"rgb(187, 138, 200)",type:"relief"}},[t._v("Color")]),e("vs-button",{attrs:{disabled:"",type:"relief"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button type="relief">Primary</vs-button>\n<vs-button color="success" type="relief">Success</vs-button>\n<vs-button color="danger" type="relief">Danger</vs-button>\n<vs-button color="warning" type="relief">warning</vs-button>\n<vs-button color="dark" type="relief">dark</vs-button>\n<vs-button color="rgb(187, 138, 200)" type="relief">Color</vs-button>\n<vs-button disabled type="relief">Disabled</vs-button>\n ')])],2)},L=[],z={},W=Object(p["a"])(z,N,L,!1,null,null,null),$=W.exports,G=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Color","code-toggler":""}},[e("p",[t._v("There are cases in which we need something more personalized like a specific color, you can change the color of the button with the property "),e("code",[t._v("color")]),t._v(" giving it as a value the color")]),e("vs-alert",{staticClass:"mt-5",attrs:{icon:"warning",active:"true",color:"warning"}},[e("span",[t._v("Only "),e("strong",[t._v("RGB")]),t._v(" and "),e("strong",[t._v("HEX")]),t._v(" colors are supported.")])]),e("vs-alert",{staticClass:"mt-5",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v("If you need a gradient type button, to assign the color you have to use the property "),e("code",[t._v("gradient-color-secondary")])])]),e("div",{staticClass:"demo-alignment"},[e("input",{directives:[{name:"model",rawName:"v-model",value:t.colorx,expression:"colorx"}],attrs:{type:"color",name:"",value:""},domProps:{value:t.colorx},on:{input:function(e){e.target.composing||(t.colorx=e.target.value)}}}),e("input",{directives:[{name:"model",rawName:"v-model",value:t.colorx2,expression:"colorx2"}],attrs:{type:"color",name:"",value:""},domProps:{value:t.colorx2},on:{input:function(e){e.target.composing||(t.colorx2=e.target.value)}}}),e("vs-button",{attrs:{color:t.colorx,type:"filled"}},[t._v("Color")]),e("vs-button",{attrs:{color:t.colorx,type:"border"}},[t._v("Color")]),e("vs-button",{attrs:{color:t.colorx,type:"flat"}},[t._v("Color")]),e("vs-button",{attrs:{color:t.colorx,type:"line"}},[t._v("Color")]),e("vs-button",{attrs:{color:t.colorx,"gradient-color-secondary":t.colorx2,type:"gradient"}},[t._v("Color")]),e("vs-button",{attrs:{color:t.colorx,type:"relief"}},[t._v("Color")])],1),e("template",{slot:"codeContainer"},[t._v('\n<template lang="html">\n <div class="">\n <input type="color" v-model="colorx" name="" value="">\n <input type="color" v-model="colorx2" name="" value="">\n <vs-button :color="colorx" type="filled">Color</vs-button>\n <vs-button :color="colorx" type="border">Color</vs-button>\n <vs-button :color="colorx" type="flat">Color</vs-button>\n <vs-button :color="colorx" type="line">Color</vs-button>\n <vs-button :color="colorx" :gradient-color-secondary="colorx2" type="gradient">Color</vs-button>\n <vs-button :color="colorx" type="relief">Color</vs-button>\n </div>\n</template>\n\n<script>\nexport default {\n data(){\n return {\n colorx:\'#9ecc38\',\n colorx2:\'#3EC9D6\'\n }\n },\n}\n<\/script>\n ')])],2)},M=[],Q={data:function(){return{colorx:"#9ecc38",colorx2:"#3EC9D6"}}},Y=Q,H=Object(p["a"])(Y,G,M,!1,null,null,null),U=H.exports,A=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Text Color","code-toggler":""}},[e("p",[t._v("You can change the font color of buttons, need only set the prop "),e("code",[t._v("text-color")]),t._v(" with your color")]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{type:"border","text-color":"#7367F0"}},[t._v("Primary")]),e("vs-button",{attrs:{type:"border","text-color":"#28C76F"}},[t._v("Success")]),e("vs-button",{attrs:{type:"border","text-color":"#EA5455"}},[t._v("Danger")]),e("vs-button",{attrs:{type:"border","text-color":"rgb(255,159,67)"}},[t._v("Warning")]),e("vs-button",{staticClass:"demo-text-dark",attrs:{type:"border","text-color":"rgb(30,30,30)"}},[t._v("Dark")]),e("vs-button",{attrs:{type:"border","text-color":"tomato"}},[t._v("Color")]),e("vs-button",{attrs:{disabled:"","text-color":"rgb(0, 0, 0)"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button type="border" text-color="#7367F0">Primary</vs-button>\n<vs-button type="border" text-color="#28C76F">Success</vs-button>\n<vs-button type="border" text-color="#EA5455">Danger</vs-button>\n<vs-button type="border" text-color="rgb(255,159,67)">Warning</vs-button>\n<vs-button type="border" class="demo-text-dark" text-color="rgb(30,30,30)">Dark</vs-button>\n<vs-button type="border" text-color="tomato">Color</vs-button>\n<vs-button disabled text-color="rgb(0, 0, 0)">Disabled</vs-button>\n ')])],2)},V=[],J={},X=Object(p["a"])(J,A,V,!1,null,null,null),K=X.exports,Z=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Icon","code-toggler":""}},[e("p",[t._v("You can add an icon to the button with the property "),e("code",[t._v("icon")])]),e("vs-alert",{staticClass:"mt-5",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v("Vuesax uses the Google Material Icons font library by default. For a list of all available icons, visit the official "),e("a",{attrs:{href:"https://material.io/icons/",target:"_blank"}},[t._v("Material Icons page")]),t._v(". Other icon libraries can be used by providing the class for the respective pack in the icon-pack property. ex. FA4 uses fa or fas, FA5 uses fas, far, or fal.")])]),e("vs-alert",{staticClass:"mt-5 mb-3",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v("You can change the position of the icon so that it is after the text with the property "),e("code",[t._v("icon-after")])])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"border","icon-pack":"feather",icon:"icon-home"}},[t._v("Home")]),e("vs-button",{attrs:{color:"warning",type:"filled","icon-pack":"feather",icon:"icon-star"}},[t._v("Star")]),e("vs-button",{attrs:{color:"success",type:"flat","icon-pack":"feather",icon:"icon-check"}},[t._v("Done")]),e("vs-button",{attrs:{color:"dark",type:"line","icon-pack":"feather",icon:"icon-menu","icon-after":""}},[t._v("menu")]),e("vs-button",{attrs:{color:"danger",type:"gradient","icon-pack":"feather",icon:"icon-heart","icon-after":""}},[t._v("favorite")]),e("vs-button",{attrs:{disabled:"",color:"primary",type:"border","icon-pack":"feather",icon:"icon-home"}},[t._v("Disabled")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="border" icon-pack="feather" icon="icon-home">Home</vs-button>\n<vs-button color="warning" type="filled" icon-pack="feather" icon="icon-star">Star</vs-button>\n<vs-button color="success" type="flat" icon-pack="feather" icon="icon-check">Done</vs-button>\n<vs-button color="dark" type="line" icon-pack="feather" icon="icon-menu" icon-after>menu</vs-button>\n<vs-button color="danger" type="gradient" icon-pack="feather" icon="icon-heart" icon-after>favorite</vs-button>\n<vs-button disabled color="primary" type="border" icon-pack="feather" icon="icon-home">Disabled</vs-button>\n ')])],2)},tt=[],et={},ot=Object(p["a"])(et,Z,tt,!1,null,null,null),nt=ot.exports,rt=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Icon Only","code-toggler":""}},[e("p",[t._v("You can have a button with only the icon you want with the property "),e("code",[t._v("icon")]),t._v(" and not add any internal value to the button")]),e("vs-alert",{staticClass:"mt-5 mb-3",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v("You can use the radius property to determine the border-radius of the button, there are many cases in which we need it to be round for example.")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"border","icon-pack":"feather",icon:"icon-search"}}),e("vs-button",{attrs:{color:"warning",type:"filled","icon-pack":"feather",icon:"icon-archive"}}),e("vs-button",{attrs:{color:"success",type:"flat","icon-pack":"feather",icon:"icon-camera"}}),e("vs-button",{attrs:{color:"dark",type:"line","icon-pack":"feather",icon:"icon-calendar"}}),e("vs-button",{attrs:{color:"danger",type:"gradient","icon-pack":"feather",icon:"icon-user-plus"}}),e("vs-button",{attrs:{disabled:"",color:"primary",type:"border","icon-pack":"feather",icon:"icon-search"}}),e("vs-button",{attrs:{radius:"",color:"primary",type:"border","icon-pack":"feather",icon:"icon-search"}}),e("vs-button",{attrs:{radius:"",color:"warning",type:"filled","icon-pack":"feather",icon:"icon-archive"}}),e("vs-button",{attrs:{radius:"",color:"success",type:"flat","icon-pack":"feather",icon:"icon-camera"}}),e("vs-button",{attrs:{radius:"",color:"dark",type:"line","icon-pack":"feather",icon:"icon-calendar"}}),e("vs-button",{attrs:{radius:"",color:"danger",type:"gradient","icon-pack":"feather",icon:"icon-user-plus"}}),e("vs-button",{attrs:{disabled:"",radius:"",color:"primary",type:"border","icon-pack":"feather",icon:"icon-search"}})],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="border" icon-pack="feather" icon="icon-search"></vs-button>\n<vs-button color="warning" type="filled" icon-pack="feather" icon="icon-archive"></vs-button>\n<vs-button color="success" type="flat" icon-pack="feather" icon="icon-camera"></vs-button>\n<vs-button color="dark" type="line" icon-pack="feather" icon="icon-calendar"></vs-button>\n<vs-button color="danger" type="gradient" icon-pack="feather" icon="icon-user-plus"></vs-button>\n<vs-button disabled color="primary" type="border" icon-pack="feather" icon="icon-search"></vs-button>\n\n<vs-button radius color="primary" type="border" icon-pack="feather" icon="icon-search"></vs-button>\n<vs-button radius color="warning" type="filled" icon-pack="feather" icon="icon-archive"></vs-button>\n<vs-button radius color="success" type="flat" icon-pack="feather" icon="icon-camera"></vs-button>\n<vs-button radius color="dark" type="line" icon-pack="feather" icon="icon-calendar"></vs-button>\n<vs-button radius color="danger" type="gradient" icon-pack="feather" icon="icon-user-plus"></vs-button>\n<vs-button disabled radius color="primary" type="border" icon-pack="feather" icon="icon-search"></vs-button>\n ')])],2)},at=[],it={},st=Object(p["a"])(it,rt,at,!1,null,null,null),lt=st.exports,ct=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Size","code-toggler":""}},[e("p",[t._v("To define the size of button the directive is used "),e("code",[t._v("size")]),t._v(". there are three type of size: "),e("code",[t._v("large")]),t._v(", "),e("code",[t._v("default")]),t._v(", "),e("code",[t._v("small")]),t._v(". It is not important to specify the size when the button is of type "),e("code",[t._v("default")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{size:"large"}},[t._v("Large")]),e("vs-button",[t._v("Default")]),e("vs-button",{attrs:{size:"small"}},[t._v("Small")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button size="large">Large</vs-button>\n<vs-button>Default</vs-button>\n<vs-button size="small">Small</vs-button>\n ')])],2)},ut=[],dt={},vt=Object(p["a"])(dt,ct,ut,!1,null,null,null),pt=vt.exports,bt=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Router","code-toggler":""}},[e("p",[t._v("You can send a string or object to directive to. This directive wrap a $router.push() vue method, you can use all programmatic navigation on vue router.")]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"filled",to:"/components/list"}},[t._v("String literal")]),e("vs-button",{attrs:{color:"warning",type:"filled",to:{path:"/components/list"}}},[t._v("Object Path")]),e("vs-button",{attrs:{color:"success",type:"filled",to:{name:"todo"}}},[t._v("Named Router")]),e("vs-button",{attrs:{color:"dark",type:"filled",to:{path:"/pages/search",query:{q:"modern admin"}}}},[t._v("With Query")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="filled" to="/components/list">String literal</vs-button>\n<vs-button color="warning" type="filled" :to="{ path: \'/components/list\' }">Object Path</vs-button>\n<vs-button color="success" type="filled" :to="{ name: \'todo\'}">Named Router</vs-button>\n<vs-button color="dark" type="filled" :to="{ path: \'/pages/search\', query: { q: \'modern admin\' } }">With Query</vs-button>\n ')])],2)},ft=[],yt={},mt=Object(p["a"])(yt,bt,ft,!1,null,null,null),gt=mt.exports,ht=function(){var t=this,e=t._self._c;return e("vx-card",{attrs:{title:"Link","code-toggler":""}},[e("p",[t._v("You can specify for "),e("code",[t._v("window.location.href")])]),e("vs-alert",{staticClass:"mt-5",attrs:{color:"primary",icon:"new_releases",active:"true"}},[e("span",[t._v("You can use the "),e("code",[t._v("target")]),t._v(" property to window.open()")])]),e("div",{staticClass:"demo-alignment"},[e("vs-button",{attrs:{color:"primary",type:"filled",href:"https://pixinvent.com/"}},[t._v("String literal")]),e("vs-button",{attrs:{color:"primary",type:"filled",href:{url:"https://pixinvent.com/"}}},[t._v("Object Path")]),e("vs-button",{attrs:{color:"primary",type:"filled",target:"",href:"https://pixinvent.com/"}},[t._v("Open New Tab")])],1),e("template",{slot:"codeContainer"},[t._v('\n<vs-button color="primary" type="filled" href="https://pixinvent.com/">String literal</vs-button>\n<vs-button color="primary" type="filled" :href="{url: \'https://pixinvent.com/\'}">Object Path</vs-button>\n<vs-button color="primary" type="filled" target href="https://pixinvent.com/">Open New Tab</vs-button>\n ')])],2)},_t=[],xt={},kt=Object(p["a"])(xt,ht,_t,!1,null,null,null),wt=kt.exports,Ct={components:{ButtonFilled:y,ButtonBorder:x,ButtonFlat:D,ButtonLineDown:P,ButtonGradient:F,ButtonRelief:$,ButtonColor:U,ButtonTextColor:K,ButtonIcon:nt,ButtonIconOnly:lt,ButtonSize:pt,ButtonRouter:gt,ButtonLink:wt}},Ot=Ct,Dt=Object(p["a"])(Ot,c,u,!1,null,null,null),St=Dt.exports,jt=(o("a753"),o("8096"),o("14e1"),o("953d")),qt=o("9339"),It=o.n(qt),Pt=(o("2397"),o("bee2")),Tt=o("d4ec"),Rt=o("53ca");function Bt(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Et(t,e){if(e&&("object"==Object(Rt["a"])(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return Bt(t)}function Ft(t){return Ft=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},Ft(t)}function Nt(t,e){return Nt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},Nt(t,e)}function Lt(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&Nt(t,e)}var zt=o("17c6");function Wt(t,e,o){return e=Ft(e),Et(t,$t()?Reflect.construct(e,o||[],Ft(t).constructor):e.apply(t,o))}function $t(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return($t=function(){return!!t})()}var Gt=zt["Quill"].import("blots/block/embed"),Mt=function(t){function e(){return Object(Tt["a"])(this,e),Wt(this,e,arguments)}return Lt(e,t),Object(Pt["a"])(e)}(Gt);Mt.blotName="divider",Mt.tagName="hr";var Qt=Mt;zt["Quill"].register(Mt),It.a.register("modules/divider",Qt);var Yt={components:{Button:St,quillEditor:jt["quillEditor"],FeatherIcon:s["a"],SingleUploadInput:l["a"]},data:function(){return{category:[],treeData:[],loading:!1,data:{},formLayout:"horizontal",form:this.$form.createForm(this,{name:"coordinated"}),imageId:null,icon_id:null,type:void 0,disabled:0,body:void 0,editorOption:{modules:{toolbar:"#toolbar"}},options:[{key:"ql-bold"},{key:"ql-italic"},{key:"ql-underline"},{key:"ql-strike"},{key:"ql-blockquote"},{key:"ql-code-block"},{key:"ql-header",options:[1,2,3,4,5,6,!0]},{key:"ql-list",val:"ordered"},{key:"ql-list",val:"bullet"},{key:"ql-indent",val:"-1"},{key:"ql-indent",val:"+1"},{key:"ql-direction",val:"rtl"},{key:"ql-color",options:[]},{key:"ql-align",options:[]},{key:"ql-link"},{key:"ql-image"}]}},computed:{editor:function(){return this.$refs.myQuillEditor.quill},id:function(){return this.$route.params.id}},watch:{type:function(t){this.treeData=this.category.filter((function(e){return e.type==t}))}},methods:{addDivider:function(){var t=this.editor.getSelection(!0);this.editor.insertText(t.index,"\n",It.a.sources.USER),this.editor.insertEmbed(t.index+1,"divider",!0,It.a.sources.USER),this.editor.setSelection(t.index+2,It.a.sources.SILENT)},filterOption:function(t,e){return e.componentOptions.children[0].text.toLowerCase().indexOf(t.toLowerCase())>=0},uploadIndexImage:function(t){this.imageId=t.id},removeIndexImage:function(t){this.imageId=null},uploadIndexIcon:function(t){this.icon_id=t.id},removeIndexIcon:function(t){this.icon_id=null},onChange:function(t){this.disabled=t?0:1},getData:function(){var t=Object(a["a"])(regeneratorRuntime.mark((function t(){var e,o;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(!this.id){t.next=22;break}return t.prev=1,this.loading=!0,t.next=5,this.$http.get("category/".concat(this.id));case 5:e=t.sent,o=e.data,console.log(o),this.type=o.type,o.image&&(this.imageId=o.image.id,this.$refs.indexImage.fileList.push({uid:o.image.id,status:"done",response:{id:o.image.id,image:o.image.image},url:o.image.image})),o.icon&&(this.icon_id=o.icon.id,this.$refs.indexIcon.fileList.push({uid:o.icon.id,status:"done",response:{id:o.icon.id,image:o.icon.image},url:o.icon.image})),o.body&&(this.body=o.body),this.form.setFieldsValue(o),t.next=19;break;case 15:t.prev=15,t.t0=t["catch"](1),console.log("e ==> ",t.t0),this.$ntGetError();case 19:return t.prev=19,this.loading=!1,t.finish(19);case 22:case"end":return t.stop()}}),t,this,[[1,15,19,22]])})));function e(){return t.apply(this,arguments)}return e}(),handleSubmit:function(t){var e=this;t.preventDefault(),this.form.validateFields(function(){var t=Object(a["a"])(regeneratorRuntime.mark((function t(o,n){var r;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:if(o){t.next=17;break}return t.prev=1,e.$vs.loading(),-1===n.parent_id_id&&(n.parent_id_id=null),r=Object.assign(n,{image_id:e.imageId,icon_id:e.icon_id,body:e.body,disabled:e.disabled}),t.next=7,e.$http.post("add/category",r);case 7:e.$ntSet(),t.next=14;break;case 10:t.prev=10,t.t0=t["catch"](1),console.log("e ==> ",t.t0),e.$ntSetError();case 14:return t.prev=14,e.$vs.loading.close(),t.finish(14);case 17:case"end":return t.stop()}}),t,null,[[1,10,14,17]])})));return function(e,o){return t.apply(this,arguments)}}())}},created:function(){var t=Object(a["a"])(regeneratorRuntime.mark((function t(){var e,o;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,i["b"].post("category");case 2:e=t.sent,o=e.data,this.category=o.rows.map((function(t){return{title:t.title+" (".concat(t.type_str,") "),id:t.id,type:t.type}})).sort((function(t,e){return t.title.localeCompare(e.title)})),this.treeData=this.category,this.getData();case 7:case"end":return t.stop()}}),t,this)})));function e(){return t.apply(this,arguments)}return e}()},Ht=Yt,Ut=(o("03f0"),Object(p["a"])(Ht,n,r,!1,null,null,null));e["default"]=Ut.exports},2397:function(t,e,o){var n=o("5ca1"),r=o("2aeb"),a=o("d8e8"),i=o("cb7c"),s=o("d3f4"),l=o("79e5"),c=o("f0c1"),u=(o("7726").Reflect||{}).construct,d=l((function(){function t(){}return!(u((function(){}),[],t)instanceof t)})),v=!l((function(){u((function(){}))}));n(n.S+n.F*(d||v),"Reflect",{construct:function(t,e){a(t),i(e);var o=arguments.length<3?t:a(arguments[2]);if(v&&!d)return u(t,e,o);if(t==o){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var n=[null];return n.push.apply(n,e),new(c.apply(t,n))}var l=o.prototype,p=r(s(l)?l:Object.prototype),b=Function.apply.call(t,p,e);return s(b)?b:p}})},"31f4":function(t,e){t.exports=function(t,e,o){var n=void 0===o;switch(e.length){case 0:return n?t():t.call(o);case 1:return n?t(e[0]):t.call(o,e[0]);case 2:return n?t(e[0],e[1]):t.call(o,e[0],e[1]);case 3:return n?t(e[0],e[1],e[2]):t.call(o,e[0],e[1],e[2]);case 4:return n?t(e[0],e[1],e[2],e[3]):t.call(o,e[0],e[1],e[2],e[3])}return t.apply(o,e)}},"53ca":function(t,e,o){"use strict";function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}o.d(e,"a",(function(){return n}))},a38e:function(t,e,o){"use strict";o.d(e,"a",(function(){return a}));var n=o("53ca");function r(t,e){if("object"!=Object(n["a"])(t)||!t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var r=o.call(t,e||"default");if("object"!=Object(n["a"])(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function a(t){var e=r(t,"string");return"symbol"==Object(n["a"])(e)?e:e+""}},bee2:function(t,e,o){"use strict";o.d(e,"a",(function(){return a}));var n=o("a38e");function r(t,e){for(var o=0;o<e.length;o++){var r=e[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,Object(n["a"])(r.key),r)}}function a(t,e,o){return e&&r(t.prototype,e),o&&r(t,o),Object.defineProperty(t,"prototype",{writable:!1}),t}},d4ec:function(t,e,o){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}o.d(e,"a",(function(){return n}))},e234:function(t,e,o){},f0c1:function(t,e,o){"use strict";var n=o("d8e8"),r=o("d3f4"),a=o("31f4"),i=[].slice,s={},l=function(t,e,o){if(!(e in s)){for(var n=[],r=0;r<e;r++)n[r]="a["+r+"]";s[e]=Function("F,a","return new F("+n.join(",")+")")}return s[e](t,o)};t.exports=Function.bind||function(t){var e=n(this),o=i.call(arguments,1),s=function(){var n=o.concat(i.call(arguments));return this instanceof s?l(e,n.length,n):a(e,n,t)};return r(e.prototype)&&(s.prototype=e.prototype),s}}}]);
Copyright ©2k19 -
Hexid
|
Tex7ure