{"version":3,"sources":["webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?ff46","webpack:///./node_modules/vue-image-crop-upload/utils/language.js","webpack:///./node_modules/vue-image-crop-upload/utils/mimes.js","webpack:///./node_modules/vue-image-crop-upload/utils/data2blob.js","webpack:///./node_modules/vue-image-crop-upload/utils/effectRipple.js","webpack:///node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?6910","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?f343","webpack:///./src/styles/scss/addProductToTrainerScoped.scss?2728","webpack:///./src/styles/scss/addProductToTrainerScoped.scss?f715","webpack:///./src/styles/scss/addProductToTrainer.scss?b8eb","webpack:///./src/@core/comp-functions/forms/form-utils.js","webpack:///./src/views/facility/instructor/add_product_to_trainer.vue?2d7e","webpack:///src/views/facility/instructor/add_product_to_trainer.vue","webpack:///./src/views/facility/instructor/add_product_to_trainer.vue?eb78","webpack:///./src/views/facility/instructor/add_product_to_trainer.vue","webpack:///./src/styles/scss/addProductToTrainer.scss?cea1"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","on","off","step","preventDefault","handleClick","handleChange","loading","_v","_s","lang","hint","isSupported","noSupported","ref","attrs","_e","errorMsg","ripple","btn","$event","handleMouseWheel","apply","arguments","style","sourceImgUrl","imgStartMove","imgMove","createImg","domProps","scale","range","zoomChange","startZoomSub","endZoomSub","startZoomAdd","endZoomAdd","noRotate","rotateImg","noSquare","createImgUrl","preview","noCircle","setStep","back","prepareUpload","save","success","close","width","height","staticRenderFns","zh","fail","error","onlyImg","outOfSize","lowestPx","en","ro","loewstPx","ru","fr","nl","tr","de","ja","ua","it","ar","ug","th","mm","se","pl","vi","fa","da","ko","data","split","window","atob","ia","Uint8Array","length","i","charCodeAt","Blob","type","mime","opts","Object","assign","ele","e","target","bgc","arg_opts","rect","getBoundingClientRect","querySelector","className","document","createElement","Math","max","appendChild","top","offsetHeight","left","offsetWidth","pageY","body","scrollTop","pageX","scrollLeft","backgroundColor","component","useInputImageRenderer","inputEl","callback","inputImageRenderer","file","files","reader","FileReader","addEventListener","result","readAsDataURL","userImg","toggleShow","$t","params","headers","cropSuccess","model","$$v","show","removePhoto","$v","product_data","product_title","$touch","$set","isSubmit","required","staticStyle","x","activity_id","$store","state","appConfig","isRTL","activities","selectedActivity","idCheck","product_description","participants_count","modifiers","optionsMonth","isMonthDisabled","month","check","optionsDay","isDayDisabled","day","selectNoExpired","priceType","composing","price","sessionCount","create"],"mappings":"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,UACA,aACA,YAGA,UACA,aACA,YAGA,UACA,aACA,YAGA,SACA,YACA,eAGA,UACA,YACA,cAGA,SACA,YACA,cAGA,WACA,YACA,eAGA,QACA,YACA,gBAGA,iBACA,aACA,YAEA,QACA,YACA,gBAEA,eACA,YACA,aAGA,KA/FA,WAgGA,WAEA,EAKA,EALA,UACA,EAIA,EAJA,SACA,EAGA,EAHA,QACA,EAEA,EAFA,MACA,EACA,EADA,OAEA,KACA,GACA,MACA,OAEA,4BACA,oBACA,OAUA,OARA,cAEA,GACA,mBAEA,8BACA,MAEA,CAEA,OAGA,OAGA,cAEA,uDAGA,OAGA,UACA,WAGA,YACA,YAGA,UAGA,eACA,gCACA,gCAGA,oBACA,MACA,KACA,KACA,IACA,KAIA,kBACA,UACA,YAIA,oBACA,UACA,YAIA,OACA,aACA,aACA,QAEA,IACA,IACA,QACA,SACA,WACA,YACA,WACA,YACA,eACA,mBAIA,UAEA,cAFA,WAGA,IACA,EACA,KADA,SAEA,OACA,cAIA,eAXA,WAYA,IACA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,eACA,eACA,OACA,MACA,OACA,mBACA,uBAIA,iBA1BA,WA2BA,IACA,EAIA,KAJA,MACA,EAGA,KAHA,OACA,EAEA,KAFA,MACA,EACA,KADA,mBAEA,IACA,mBACA,IACA,IACA,UACA,WACA,IAWA,OAVA,MACA,aACA,aACA,iBAEA,MACA,YACA,YACA,kBAEA,CACA,QACA,IACA,IACA,QACA,WAIA,oBA3DA,WA4DA,IACA,EAEA,KAFA,iBACA,EACA,KADA,mBAEA,IACA,IACA,+CACA,oDACA,OACA,aACA,gBAGA,aAzEA,WA+EA,KAJA,MAIA,KAHA,OAFA,IAGA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,UACA,WACA,MAOA,OANA,MACA,cAEA,MACA,aAEA,CACA,aACA,iBAIA,OACA,MADA,SACA,GACA,oBACA,eAIA,SAEA,OAFA,SAEA,GACA,MAGA,IANA,WAMA,WACA,uBACA,oBACA,yBACA,eAEA,MAGA,QAfA,SAeA,cAEA,uBACA,WACA,MAKA,eAxBA,SAwBA,GAEA,OADA,oBACA,GAEA,YA5BA,SA4BA,GACA,kBACA,kCACA,mBACA,qCACA,+BAKA,aAtCA,SAsCA,GAEA,GADA,mBACA,kBACA,2CACA,aACA,sBACA,0BAOA,UAnDA,SAmDA,GACA,WAEA,EAEA,EAFA,KACA,EACA,EADA,QAGA,oCACA,cACA,4BACA,KAIA,iBACA,cACA,qCACA,IAKA,MAzEA,WA0EA,WACA,YACA,cACA,cACA,cAGA,aAjFA,SAiFA,GACA,gDACA,WACA,iBACA,qBACA,wBACA,eAEA,oBAGA,UA5FA,WA6FA,WAEA,EAOA,EAPA,MACA,EAMA,EANA,OACA,EAKA,EALA,MACA,EAIA,EAJA,MACA,EAGA,EAHA,aACA,EAEA,EAFA,iBACA,EACA,EADA,KAEA,IACA,YACA,QACA,oBACA,qBACA,kBACA,MACA,UACA,WACA,IACA,IAEA,YAGA,OAFA,cACA,qCACA,EAEA,MACA,MACA,kBAEA,MACA,MACA,iBAEA,UACA,MACA,MACA,UACA,WACA,aACA,cACA,qBACA,sBACA,iBACA,kBACA,cACA,cACA,eAIA,aAjJA,SAiJA,GAGA,GAFA,mBAEA,sCACA,SAEA,2CAEA,EAEA,KAFA,mBACA,EACA,KADA,MAEA,IACA,eACA,eACA,QACA,QACA,SAGA,QApKA,SAoKA,GAGA,GAFA,mBAEA,sCACA,SAEA,6CAWA,KATA,mBACA,EAHA,EAGA,GACA,EAJA,EAIA,GACA,EALA,EAKA,GACA,EANA,EAMA,EACA,EAPA,EAOA,EAEA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,YACA,YACA,MACA,MACA,MACA,MACA,IACA,MACA,KAEA,MACA,KAEA,oBACA,mBAEA,sBACA,qBAEA,MACA,QAGI,UA9MJ,SA8MA,GACA,IACA,EAKA,KALA,UADA,EAMA,KAJA,MACA,EAHA,EAGA,aACA,EAJA,EAIA,cAGA,IACA,IACA,oBACA,qBACA,UACM,EAAN,SACM,EAAN,mBAEA,4BACA,oBAEA,iBACM,EAAN,uBAEM,EAAN,qBACM,IAAN,wBAEA,oBACA,kBAEI,i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","file":"js/facility.instructor.add_product_to_trainer.383ead92.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value),expression:\"value\"}],staticClass:\"vue-image-crop-upload\"},[_c('div',{staticClass:\"vicp-wrap\"},[_c('div',{staticClass:\"vicp-close\",on:{\"click\":_vm.off}},[_c('i',{staticClass:\"vicp-icon4\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step == 1),expression:\"step == 1\"}],staticClass:\"vicp-step1\"},[_c('div',{staticClass:\"vicp-drop-area\",on:{\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"click\":_vm.handleClick,\"drop\":_vm.handleChange}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading != 1),expression:\"loading != 1\"}],staticClass:\"vicp-icon1\"},[_c('i',{staticClass:\"vicp-icon1-arrow\"}),_c('i',{staticClass:\"vicp-icon1-body\"}),_c('i',{staticClass:\"vicp-icon1-bottom\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading !== 1),expression:\"loading !== 1\"}],staticClass:\"vicp-hint\"},[_vm._v(_vm._s(_vm.lang.hint))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isSupported),expression:\"!isSupported\"}],staticClass:\"vicp-no-supported-hint\"},[_vm._v(_vm._s(_vm.lang.noSupported))]),(_vm.step == 1)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"fileinput\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleChange}}):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.off))])])]),(_vm.step == 2)?_c('div',{staticClass:\"vicp-step2\"},[_c('div',{staticClass:\"vicp-crop\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-left\"},[_c('div',{staticClass:\"vicp-img-container\",on:{\"wheel\":function($event){$event.preventDefault();return _vm.handleMouseWheel.apply(null, arguments)}}},[_c('img',{ref:\"img\",staticClass:\"vicp-img\",style:(_vm.sourceImgStyle),attrs:{\"src\":_vm.sourceImgUrl,\"draggable\":\"false\"},on:{\"drag\":_vm.preventDefault,\"dragstart\":_vm.preventDefault,\"dragend\":_vm.preventDefault,\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"drop\":_vm.preventDefault,\"touchstart\":_vm.imgStartMove,\"touchmove\":_vm.imgMove,\"touchend\":_vm.createImg,\"touchcancel\":_vm.createImg,\"mousedown\":_vm.imgStartMove,\"mousemove\":_vm.imgMove,\"mouseup\":_vm.createImg,\"mouseout\":_vm.createImg}}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-1\",style:(_vm.sourceImgShadeStyle)}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-2\",style:(_vm.sourceImgShadeStyle)})]),_c('div',{staticClass:\"vicp-range\"},[_c('input',{attrs:{\"type\":\"range\",\"step\":\"1\",\"min\":\"0\",\"max\":\"100\"},domProps:{\"value\":_vm.scale.range},on:{\"mousemove\":_vm.zoomChange}}),_c('i',{staticClass:\"vicp-icon5\",on:{\"mousedown\":_vm.startZoomSub,\"mouseout\":_vm.endZoomSub,\"mouseup\":_vm.endZoomSub}}),_c('i',{staticClass:\"vicp-icon6\",on:{\"mousedown\":_vm.startZoomAdd,\"mouseout\":_vm.endZoomAdd,\"mouseup\":_vm.endZoomAdd}})]),(!_vm.noRotate)?_c('div',{staticClass:\"vicp-rotate\"},[_c('i',{on:{\"click\":_vm.rotateImg}},[_vm._v(\"↻\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-right\"},[_c('div',{staticClass:\"vicp-preview\"},[(!_vm.noSquare)?_c('div',{staticClass:\"vicp-preview-item\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e(),(!_vm.noCircle)?_c('div',{staticClass:\"vicp-preview-item vicp-preview-item-circle\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e()])])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(1)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{staticClass:\"vicp-operate-btn\",on:{\"click\":_vm.prepareUpload,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.save))])])]):_vm._e(),(_vm.step == 3)?_c('div',{staticClass:\"vicp-step3\"},[_c('div',{staticClass:\"vicp-upload\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-loading\"},[_vm._v(_vm._s(_vm.lang.loading))]),_c('div',{staticClass:\"vicp-progress-wrap\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-progress\",style:(_vm.progressStyle)})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 2),expression:\"loading === 2\"}],staticClass:\"vicp-success\"},[_c('i',{staticClass:\"vicp-icon3\"}),_vm._v(\" \"+_vm._s(_vm.lang.success)+\" \")])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(2)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.close))])])]):_vm._e(),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"canvas\",attrs:{\"width\":_vm.width,\"height\":_vm.height}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n\tzh: {\n\t\thint: '点击，或拖动图片至此处',\n\t\tloading: '正在上传……',\n\t\tnoSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',\n\t\tsuccess: '上传成功',\n\t\tfail: '图片上传失败',\n\t\tpreview: '头像预览',\n\t\tbtn: {\n\t\t\toff: '取消',\n\t\t\tclose: '关闭',\n\t\t\tback: '上一步',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '仅限图片格式',\n\t\t\toutOfSize: '单文件大小不能超过 ',\n\t\t\tlowestPx: '图片最低像素为（宽*高）：'\n\t\t}\n\t},\n\t'zh-tw': {\n\t\thint: '點擊，或拖動圖片至此處',\n\t\tloading: '正在上傳……',\n\t\tnoSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',\n\t\tsuccess: '上傳成功',\n\t\tfail: '圖片上傳失敗',\n\t\tpreview: '頭像預覽',\n\t\tbtn: {\n\t\t\toff: '取消',\n\t\t\tclose: '關閉',\n\t\t\tback: '上一步',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '僅限圖片格式',\n\t\t\toutOfSize: '單文件大小不能超過 ',\n\t\t\tlowestPx: '圖片最低像素為（寬*高）：'\n\t\t}\n\t},\n\ten: {\n\t\thint: 'Click or drag the file here to upload',\n\t\tloading: 'Uploading…',\n\t\tnoSupported: 'Browser is not supported, please use IE10+ or other browsers',\n\t\tsuccess: 'Upload success',\n\t\tfail: 'Upload failed',\n\t\tpreview: 'Preview',\n\t\tbtn: {\n\t\t\toff: 'Cancel',\n\t\t\tclose: 'Close',\n\t\t\tback: 'Back',\n\t\t\tsave: 'Save'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Image only',\n\t\t\toutOfSize: 'Image exceeds size limit: ',\n\t\t\tlowestPx: 'Image\\'s size is too low. Expected at least: '\n\t\t}\n\t},\n\tro: {\n\t\thint: 'Atinge sau trage fișierul aici',\n\t\tloading: 'Se încarcă',\n\t\tnoSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',\n\t\tsuccess: 'S-a încărcat cu succes',\n\t\tfail: 'A apărut o problemă la încărcare',\n\t\tpreview: 'Previzualizează',\n\n\t\tbtn: {\n\t\t\toff: 'Anulează',\n\t\t\tclose: 'Închide',\n\t\t\tback: 'Înapoi',\n\t\t\tsave: 'Salvează'\n\t\t},\n\n\t\terror: {\n\t\t\tonlyImg: 'Doar imagini',\n\t\t\toutOfSize: 'Imaginea depășește limita de: ',\n\t\t\tloewstPx: 'Imaginea este prea mică; Minim: '\n\t\t}\n\t},\n\tru: {\n\t\thint: 'Нажмите, или перетащите файл в это окно',\n\t\tloading: 'Загружаю……',\n\t\tnoSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',\n\t\tsuccess: 'Загрузка выполнена успешно',\n\t\tfail: 'Ошибка загрузки',\n\t\tpreview: 'Предпросмотр',\n\t\tbtn: {\n\t\t\toff: 'Отменить',\n\t\t\tclose: 'Закрыть',\n\t\t\tback: 'Назад',\n\t\t\tsave: 'Сохранить'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Только изображения',\n\t\t\toutOfSize: 'Изображение превышает предельный размер: ',\n\t\t\tlowestPx: 'Минимальный размер изображения: '\n\t\t}\n\t},\n\t'pt-br': {\n\t\thint: 'Clique ou arraste o arquivo aqui para carregar',\n\t\tloading: 'Carregando...',\n\t\tnoSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',\n\t\tsuccess: 'Imagem carregada com sucesso',\n\t\tfail: 'Ocorreu um erro ao carregar a imagem',\n\t\tpreview: 'Pré-visualização',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Fechar',\n\t\t\tback: 'Voltar',\n\t\t\tsave: 'Salvar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Por favor envie apenas imagens',\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho suportado: ',\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\n\t\t}\n\t},\n\t'pt-pt': {\n\t\thint: 'Clique ou arraste o arquivo para a janela para carregar',\n\t\tloading: 'A processar...',\n\t\tnoSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',\n\t\tsuccess: 'Imagem carregada com sucesso',\n\t\tfail: 'Ocorreu um erro ao carregar a imagem',\n\t\tpreview: 'Pré-visualização',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Fechar',\n\t\t\tback: 'Voltar',\n\t\t\tsave: 'Guardar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Por favor envie apenas imagens',\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho suportado: ',\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\n\t\t}\n\t},\n\tfr: {\n\t\thint: 'Cliquez ou glissez le fichier ici.',\n\t\tloading: 'Téléchargement…',\n\t\tnoSupported: 'Votre navigateur n\\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\\'il vous plaît.',\n\t\tsuccess: 'Téléchargement réussi',\n\t\tfail: 'Téléchargement echoué',\n\t\tpreview: 'Aperçu',\n\t\tbtn: {\n\t\t\toff: 'Annuler',\n\t\t\tclose: 'Fermer',\n\t\t\tback: 'Retour',\n\t\t\tsave: 'Enregistrer'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Image uniquement',\n\t\t\toutOfSize: 'L\\'image sélectionnée dépasse la taille maximum: ',\n\t\t\tlowestPx: 'L\\'image sélectionnée est trop petite. Dimensions attendues: '\n\t\t}\n\t},\n\tnl: {\n\t\thint: 'Klik hier of sleep een afbeelding in dit vlak',\n\t\tloading: 'Uploaden…',\n\t\tnoSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',\n\t\tsuccess: 'Upload succesvol',\n\t\tfail: 'Upload mislukt',\n\t\tpreview: 'Voorbeeld',\n\t\tbtn: {\n\t\t\toff: 'Annuleren',\n\t\t\tclose: 'Sluiten',\n\t\t\tback: 'Terug',\n\t\t\tsave: 'Opslaan'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Alleen afbeeldingen',\n\t\t\toutOfSize: 'De afbeelding is groter dan: ',\n\t\t\tlowestPx: 'De afbeelding is te klein! Minimale afmetingen: '\n\t\t}\n\t},\n\ttr: {\n\t\thint: 'Tıkla veya yüklemek istediğini buraya sürükle',\n\t\tloading: 'Yükleniyor…',\n\t\tnoSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',\n\t\tsuccess: 'Yükleme başarılı',\n\t\tfail: 'Yüklemede hata oluştu',\n\t\tpreview: 'Önizle',\n\t\tbtn: {\n\t\t\toff: 'İptal',\n\t\t\tclose: 'Kapat',\n\t\t\tback: 'Geri',\n\t\t\tsave: 'Kaydet'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Sadece resim',\n\t\t\toutOfSize: 'Resim yükleme limitini aşıyor: ',\n\t\t\tlowestPx: 'Resmin boyutu çok küçük. En az olması gereken: '\n\t\t}\n\t},\n\t'es-MX': {\n\t\thint: 'Selecciona o arrastra una imagen',\n\t\tloading: 'Subiendo...',\n\t\tnoSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',\n\t\tsuccess: 'Subido exitosamente',\n\t\tfail: 'Sucedió un error',\n\t\tpreview: 'Vista previa',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Cerrar',\n\t\t\tback: 'Atrás',\n\t\t\tsave: 'Guardar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Únicamente imágenes',\n\t\t\toutOfSize: 'La imagen excede el tamaño maximo:',\n\t\t\tlowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:'\n\t\t}\n\t},\n\tde: {\n\t\thint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',\n\t\tloading: 'Hochladen…',\n\t\tnoSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',\n\t\tsuccess: 'Upload erfolgreich',\n\t\tfail: 'Upload fehlgeschlagen',\n\t\tpreview: 'Vorschau',\n\t\tbtn: {\n\t\t\toff: 'Abbrechen',\n\t\t\tclose: 'Schließen',\n\t\t\tback: 'Zurück',\n\t\t\tsave: 'Speichern'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Nur Bilder',\n\t\t\toutOfSize: 'Das Bild ist zu groß: ',\n\t\t\tlowestPx: 'Das Bild ist zu klein. Mindestens: '\n\t\t}\n\t},\n\tja: {\n\t\thint: 'クリック・ドラッグしてファイルをアップロード',\n\t\tloading: 'アップロード中...',\n\t\tnoSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',\n\t\tsuccess: 'アップロード成功',\n\t\tfail: 'アップロード失敗',\n\t\tpreview: 'プレビュー',\n\t\tbtn: {\n\t\t\toff: 'キャンセル',\n\t\t\tclose: '閉じる',\n\t\t\tback: '戻る',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '画像のみ',\n\t\t\toutOfSize: '画像サイズが上限を超えています。上限: ',\n\t\t\tlowestPx: '画像が小さすぎます。最小サイズ: '\n\t\t}\n\t},\n\tua: {\n\t\thint: 'Натисніть, або перетягніть файл в це вікно',\n\t\tloading: 'Завантажую……',\n\t\tnoSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',\n\t\tsuccess: 'Завантаження виконано успішно',\n\t\tfail: 'Помилка завантаження',\n\t\tpreview: 'Попередній перегляд',\n\t\tbtn: {\n\t\t\toff: 'Відмінити',\n\t\t\tclose: 'Закрити',\n\t\t\tback: 'Назад',\n\t\t\tsave: 'Зберегти'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Тільки зображення',\n\t\t\toutOfSize: 'Зображення перевищує граничний розмір: ',\n\t\t\tlowestPx: 'Мінімальний розмір зображення: '\n\t\t}\n\t},\n\tit: {\n\t\thint: 'Clicca o trascina qui il file per caricarlo',\n\t\tloading: 'Caricamento del file…',\n\t\tnoSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',\n\t\tsuccess: 'Caricamento completato',\n\t\tfail: 'Caricamento fallito',\n\t\tpreview: 'Anteprima',\n\t\tbtn: {\n\t\t\toff: 'Annulla',\n\t\t\tclose: 'Chiudi',\n\t\t\tback: 'Indietro',\n\t\t\tsave: 'Salva'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Sono accettate solo immagini',\n\t\t\toutOfSize: 'L\\'immagine eccede i limiti di dimensione: ',\n\t\t\tlowestPx: 'L\\'immagine è troppo piccola. Il requisito minimo è: '\n\t\t}\n\t},\n\tar: {\n\t\thint: 'اضغط أو اسحب الملف هنا للتحميل',\n\t\tloading: 'جاري التحميل...',\n\t\tnoSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',\n\t\tsuccess: 'تم التحميل بنجاح',\n\t\tfail: 'فشل التحميل',\n\t\tpreview: 'معاينه',\n\t\tbtn: {\n\t\t\toff: 'إلغاء',\n\t\t\tclose: 'إغلاق',\n\t\t\tback: 'رجوع',\n\t\t\tsave: 'حفظ'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'صور فقط',\n\t\t\toutOfSize: 'تتجاوز الصوره الحجم المحدد: ',\n\t\t\tlowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: '\n\t\t}\n\t},\n\tug: {\n\t\thint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',\n\t\tloading: 'يوللىنىۋاتىدۇ...',\n\t\tnoSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',\n\t\tsuccess: 'غەلبىلىك بولدى',\n\t\tfail: 'مەغلۇب بولدى',\n\t\tpreview: 'ئۈنۈم رەسىم',\n\t\tbtn: {\n\t\t\toff: 'بولدى قىلىش',\n\t\t\tclose: 'تاقاش',\n\t\t\tback: 'ئالدىنقى قەدەم',\n\t\t\tsave: 'ساقلاش'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',\n\t\t\toutOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',\n\t\t\tlowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :'\n\t\t}\n\t},\n\tth: {\n\t\thint: 'คลิ๊กหรือลากรูปมาที่นี่',\n\t\tloading: 'กำลังอัพโหลด…',\n\t\tnoSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',\n\t\tsuccess: 'อัพโหลดสำเร็จ',\n\t\tfail: 'อัพโหลดล้มเหลว',\n\t\tpreview: 'ตัวอย่าง',\n\t\tbtn: {\n\t\t\toff: 'ยกเลิก',\n\t\t\tclose: 'ปิด',\n\t\t\tback: 'กลับ',\n\t\t\tsave: 'บันทึก'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'ไฟล์ภาพเท่านั้น',\n\t\t\toutOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',\n\t\t\tlowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: '\n\t\t}\n\t},\n\tmm: {\n\t\thint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',\n\t\tloading: 'တင်နေသည်…',\n\t\tnoSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',\n\t\tsuccess: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',\n\t\tfail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',\n\t\tpreview: 'အစမ်းကြည့်',\n\t\tbtn: {\n\t\t\toff: 'မလုပ်တော့ပါ',\n\t\t\tclose: 'ပိတ်မည်',\n\t\t\tback: 'နောက်သို့',\n\t\t\tsave: 'သိမ်းမည်'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',\n\t\t\toutOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',\n\t\t\tlowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : '\n\t\t}\n\t},\n\tse: {\n\t\thint: 'Klicka eller dra en fil hit för att ladda upp den',\n\t\tloading: 'Laddar upp…',\n\t\tnoSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',\n\t\tsuccess: 'Uppladdning lyckades',\n\t\tfail: 'Uppladdning misslyckades',\n\t\tpreview: 'Förhandsgranska',\n\t\tbtn: {\n\t\t\toff: 'Avbryt',\n\t\t\tclose: 'Stäng',\n\t\t\tback: 'Tillbaka',\n\t\t\tsave: 'Spara'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Endast bilder',\n\t\t\toutOfSize: 'Bilden är större än max-gränsen: ',\n\t\t\tlowestPx: 'Bilden är för liten. Minimum är: '\n\t\t}\n\t},\n\tpl: {\n\t\thint: 'Kliknij lub upuść plik tutaj',\n\t\tloading: 'Wgrywanie…',\n\t\tnoSupported: 'Twoja przeglądarka nie jest wspierana, użyj IE10+ lub innej przeglądarki',\n\t\tsuccess: 'Błąd',\n\t\tfail: 'Sukces',\n\t\tpreview: 'Podgląd',\n\t\tbtn: {\n\t\t\toff: 'Anuluj',\n\t\t\tclose: 'Zamknij',\n\t\t\tback: 'Wstecz',\n\t\t\tsave: 'Zapisz'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Tylko obrazki',\n\t\t\toutOfSize: 'Rozmiar obrazka przekracza: ',\n\t\t\tlowestPx: 'Obrazek jest za mały. Minimalne wymiary to: '\n\t\t}\n\t},\n\tvi: {\n\t\thint: 'Bấm hoặc kéo thả file để tải lên',\n\t\tloading: 'Đang tải lên...',\n\t\tnoSupported: 'Trình duyệt không hỗ trợ, hãy sử dụng IE10+ hoặc trình duyệt khác',\n\t\tsuccess: 'Tải lên thành công',\n\t\tfail: 'Tải lên thất bại',\n\t\tpreview: 'Xem trước',\n\t\tbtn: {\n\t\t\toff: 'Huỷ',\n\t\t\tclose: 'Đóng',\n\t\t\tback: 'Trở lại',\n\t\t\tsave: 'Lưu'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Chỉ hình ảnh',\n\t\t\toutOfSize: 'Hình ảnh vượt quá giới hạn cho phép: ',\n\t\t\tlowestPx: 'Kích thước hình quá nhỏ. Kích thước tối thiểu: '\n\t\t}\n\t},\n\tfa: {\n\t\thint: 'برای بارگذاری تصویر کلیک کنید یا تصویر را به این ناحیه درگ کنید',\n\t\tloading: 'در حال بارگذاری ...',\n\t\tnoSupported: 'نسخه یا نوع مرورگر شما از این قابلیت پشتیبانی نمیکند. لطفا از اینترنت اکسپلورر ورژن بالاتر از ده یا مرورگرهای دیگر استفاده کنید',\n\t\tsuccess: 'بارگذاری با موفقیت انجام شد',\n\t\tfail: 'بارگذاری انجام نشد',\n\t\tpreview: 'پیشنمایش',\n\t\tbtn: {\n\t\t\toff: 'لغو',\n\t\t\tclose: 'بستن',\n\t\t\tback: 'بازگشت',\n\t\t\tsave: 'ذخیره'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'فقط تصویر',\n\t\t\toutOfSize: 'حجم تصویر بیش از اندازه‌ی مجاز است: ',\n\t\t\tlowestPx: 'حجم تصویر بسیار پایین است، حداقل سایز تصویر: '\n\t\t}\n\t},\n\tda: {\n\t\thint: 'Klik eller træk en fil herhen for at uploade',\n\t\tloading: 'Uploader…',\n\t\tnoSupported: 'Din browser er ikke understøttet, benyt venligst IE10+ eller en anden browser',\n\t\tsuccess: 'Upload lykkedes',\n\t\tfail: 'Upload mislykkedes',\n\t\tpreview: 'Preview',\n\t\tbtn: {\n\t\t\toff: 'Fortryd',\n\t\t\tclose: 'Luk',\n\t\t\tback: 'Tilbage',\n\t\t\tsave: 'Gem'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Kun billeder',\n\t\t\toutOfSize: 'Billedet overskrider størrelsesgrænsen: ',\n\t\t\tlowestPx: 'Billedet er for lille. Minimumsstørrelsen er: '\n\t\t}\n\t},\n\tko: {\n\t\thint: '클릭 또는 드래그하여 이미지를 업로드하세요.',\n\t\tloading: '업로드 중…',\n\t\tnoSupported: '죄송합니다, 인터넷 익스플로러 버전 10 이상 혹은 다른 브라우저를 사용해주세요.',\n\t\tsuccess: '업로드 성공',\n\t\tfail: '업로드 실패',\n\t\tpreview: '미리보기',\n\t\tbtn: {\n\t\t\toff: '취소',\n\t\t\tclose: '닫기',\n\t\t\tback: '뒤로가기',\n\t\t\tsave: '저장'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '이미지만 업로드 할 수 있습니다.',\n\t\t\toutOfSize: '업로드 할 수 있는 최대 이미지 사이즈를 초과했습니다: ',\n\t\t\tlowestPx: '이미지의 크기는 적어도 다음 사이즈보다 커야 합니다: '\n\t\t}\n\t},\n};\n","export default {\n    'jpg': 'image/jpeg',\n    'png': 'image/png',\n    'gif': 'image/gif',\n    'svg': 'image/svg+xml',\n    'psd': 'image/photoshop'\n};\n","/**\n * database64文件格式转换为2进制\n *\n * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了\n * @param  {[String]} mime [description]\n * @return {[blob]}      [description]\n */\nexport default function(data, mime) {\n\tdata = data.split(',')[1];\n\tdata = window.atob(data);\n\tvar ia = new Uint8Array(data.length);\n\tfor (var i = 0; i < data.length; i++) {\n\t\tia[i] = data.charCodeAt(i);\n\t};\n\t// canvas.toDataURL 返回的默认格式就是 image/png\n\treturn new Blob([ia], {\n\t\ttype: mime\n\t});\n};\n","/**\n * 点击波纹效果\n *\n * @param  {[event]} e        [description]\n * @param  {[Object]} arg_opts [description]\n * @return {[bollean]}          [description]\n */\nexport default function(e, arg_opts) {\n\tvar opts = Object.assign({\n\t\t\tele: e.target, // 波纹作用元素\n\t\t\ttype: 'hit', // hit点击位置扩散　center中心点扩展\n\t\t\tbgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色\n\t\t}, arg_opts),\n\t\ttarget = opts.ele;\n\tif (target) {\n\t\tvar rect = target.getBoundingClientRect(),\n\t\t\tripple = target.querySelector('.e-ripple');\n\t\tif (!ripple) {\n\t\t\tripple = document.createElement('span');\n\t\t\tripple.className = 'e-ripple';\n\t\t\tripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px';\n\t\t\ttarget.appendChild(ripple);\n\t\t} else {\n\t\t\tripple.className = 'e-ripple';\n\t\t}\n\t\tswitch (opts.type) {\n\t\t\tcase 'center':\n\t\t\t\tripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px';\n\t\t\t\tripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px';\n\t\t\t\tripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px';\n\t\t}\n\t\tripple.style.backgroundColor = opts.bgc;\n\t\tripple.className = 'e-ripple z-active';\n\t\treturn false;\n\t}\n};\n","<template>\n<div class=\"vue-image-crop-upload\" v-show=\"value\">\n\t<div class=\"vicp-wrap\">\n\t\t<div class=\"vicp-close\" @click=\"off\">\n\t\t\t<i class=\"vicp-icon4\"></i>\n\t\t</div>\n\n\t\t<div class=\"vicp-step1\" v-show=\"step == 1\">\n\t\t\t<div class=\"vicp-drop-area\" @dragleave=\"preventDefault\" @dragover=\"preventDefault\" @dragenter=\"preventDefault\" @click=\"handleClick\" @drop=\"handleChange\">\n\t\t\t\t<i class=\"vicp-icon1\" v-show=\"loading != 1\">\n\t\t\t\t<i class=\"vicp-icon1-arrow\"></i>\n\t\t\t\t<i class=\"vicp-icon1-body\"></i>\n\t\t\t\t<i class=\"vicp-icon1-bottom\"></i>\n\t\t\t\t</i>\n\t\t\t\t<span class=\"vicp-hint\" v-show=\"loading !== 1\">{{ lang.hint }}</span>\n\t\t\t\t<span class=\"vicp-no-supported-hint\" v-show=\"!isSupported\">{{ lang.noSupported }}</span>\n\t\t\t\t<input type=\"file\" accept=\"image/*\" v-show=\"false\" v-if=\"step == 1\" @change=\"handleChange\" ref=\"fileinput\">\n\t\t\t</div>\n\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\n\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.off }}</a>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"vicp-step2\" v-if=\"step == 2\">\n\t\t\t<div class=\"vicp-crop\">\n\t\t\t\t<div class=\"vicp-crop-left\" v-show=\"true\">\n\t\t\t\t\t<div class=\"vicp-img-container\" @wheel.prevent=\"handleMouseWheel\">\n\t\t\t\t\t\t<img :src=\"sourceImgUrl\" :style=\"sourceImgStyle\" class=\"vicp-img\" draggable=\"false\"\n\t\t\t\t\t\t\t@drag=\"preventDefault\"\n\t\t\t\t\t\t\t@dragstart=\"preventDefault\"\n\t\t\t\t\t\t\t@dragend=\"preventDefault\"\n\t\t\t\t\t\t\t@dragleave=\"preventDefault\"\n\t\t\t\t\t\t\t@dragover=\"preventDefault\"\n\t\t\t\t\t\t\t@dragenter=\"preventDefault\"\n\t\t\t\t\t\t\t@drop=\"preventDefault\"\n\t\t\t\t\t\t\t@touchstart=\"imgStartMove\"\n\t\t\t\t\t\t\t@touchmove=\"imgMove\"\n\t\t\t\t\t\t\t@touchend=\"createImg\"\n\t\t\t\t\t\t\t@touchcancel=\"createImg\"\n\t\t\t\t\t\t\t@mousedown=\"imgStartMove\"\n\t\t\t\t\t\t\t@mousemove=\"imgMove\"\n\t\t\t\t\t\t\t@mouseup=\"createImg\"\n\t\t\t\t\t\t\t@mouseout=\"createImg\"\n\t\t\t\t\t\t\tref=\"img\">\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-1\" :style=\"sourceImgShadeStyle\"></div>\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-2\" :style=\"sourceImgShadeStyle\"></div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"vicp-range\">\n\t\t\t\t\t\t<input type=\"range\" :value=\"scale.range\" step=\"1\" min=\"0\" max=\"100\" @mousemove=\"zoomChange\">\n\t\t\t\t\t\t<i @mousedown=\"startZoomSub\" @mouseout=\"endZoomSub\" @mouseup=\"endZoomSub\" class=\"vicp-icon5\"></i>\n\t\t\t\t\t\t<i @mousedown=\"startZoomAdd\" @mouseout=\"endZoomAdd\" @mouseup=\"endZoomAdd\" class=\"vicp-icon6\"></i>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"vicp-rotate\" v-if=\"!noRotate\">\n                        <i @click=\"rotateImg\">↻</i>\n                    </div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-crop-right\" v-show=\"true\">\n\t\t\t\t\t<div class=\"vicp-preview\">\n\t\t\t\t\t\t<div class=\"vicp-preview-item\" v-if=\"!noSquare\">\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"vicp-preview-item vicp-preview-item-circle\" v-if=\"!noCircle\">\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"setStep(1)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\n\t\t\t\t<a class=\"vicp-operate-btn\" @click=\"prepareUpload\" @mousedown=\"ripple\">{{ lang.btn.save }}</a>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"vicp-step3\" v-if=\"step == 3\">\n\t\t\t<div class=\"vicp-upload\">\n\t\t\t\t<span class=\"vicp-loading\" v-show=\"loading === 1\">{{ lang.loading }}</span>\n\t\t\t\t<div class=\"vicp-progress-wrap\">\n\t\t\t\t\t<span class=\"vicp-progress\" v-show=\"loading === 1\" :style=\"progressStyle\"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\n\t\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-success\" v-show=\"loading === 2\">\n\t\t\t\t\t<i class=\"vicp-icon3\"></i> {{ lang.success }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"setStep(2)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.close }}</a>\n\t\t\t</div>\n\t\t</div>\n\t\t<canvas v-show=\"false\" :width=\"width\" :height=\"height\" ref=\"canvas\"></canvas>\n\t</div>\n</div>\n</template>\n\n<script>\n'use strict';\nimport language from './utils/language.js';\nimport mimes from './utils/mimes.js';\nimport data2blob from './utils/data2blob.js';\nimport effectRipple from './utils/effectRipple.js';\n\nexport default {\n\tprops: {\n\t\t// 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\n\t\tfield: {\n\t\t\ttype: String,\n\t\t\t'default': 'avatar'\n\t\t},\n\t\t// 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\n\t\tki: {\n\t\t\ttype: String,\n\t\t\t'default': '0'\n\t\t},\n\t\t// 显示该控件与否\n\t\tvalue: {\n\t\t\t'default': true\n\t\t},\n\t\t// 上传地址\n\t\turl: {\n\t\t\ttype: String,\n\t\t\t'default': ''\n\t\t},\n\t\t// 其他要上传文件附带的数据，对象格式\n\t\tparams: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t//Add custom headers\n\t\theaders: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t// 剪裁图片的宽\n\t\twidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 200\n\t\t},\n\t\t// 剪裁图片的高\n\t\theight: {\n\t\t\ttype: Number,\n\t\t\tdefault: 200\n\t\t},\n\t\t// 不显示旋转功能\n\t\tnoRotate: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\t// 不预览圆形图片\n\t\tnoCircle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 不预览方形图片\n\t\tnoSquare: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 单文件大小限制\n\t\tmaxSize: {\n\t\t\ttype: Number,\n\t\t\t'default': 10240\n\t\t},\n\t\t// 语言类型\n\t\tlangType: {\n\t\t\ttype: String,\n\t\t\t'default': 'zh'\n\t\t},\n\t\t// 语言包\n\t\tlangExt: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t// 图片上传格式\n\t\timgFormat: {\n\t\t\ttype: String,\n\t\t\t'default': 'png'\n\t\t},\n\t\t// 图片背景 jpg情况下生效\n\t\timgBgc: {\n\t\t\ttype: String,\n\t\t\t'default': '#fff'\n\t\t},\n\t\t// 是否支持跨域\n\t\twithCredentials: {\n\t\t\ttype: Boolean,\n\t\t\t'default': false\n\t\t},\n\t\tmethod: {\n\t\t\ttype: String,\n\t\t\t'default': 'POST'\n\t\t},\n\t\tinitialImgUrl: {\n\t\t\ttype: String,\n\t\t\t'default': ''\n    }\n\t},\n\tdata() {\n\t\tlet that = this,\n\t\t\t{\n\t\t\t\timgFormat,\n\t\t\t\tlangType,\n\t\t\t\tlangExt,\n\t\t\t\twidth,\n\t\t\t\theight\n\t\t\t} = that,\n\t\t\tisSupported = true,\n\t\t\tallowImgFormat = [\n\t\t\t\t'jpg',\n\t\t\t\t'png'\n\t\t\t],\n\t\t\ttempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat,\n\t\t\tlang = language[langType] ? language[langType] : language['en'],\n\t\t\tmime = mimes[tempImgFormat];\n\t\t// 规范图片格式\n\t\tthat.imgFormat = tempImgFormat;\n\n\t\tif (langExt) {\n\t\t\tObject.assign(lang, langExt);\n\t\t}\n\t\tif (typeof FormData != 'function') {\n\t\t\tisSupported = false;\n\t\t}\n\t\treturn {\n\t\t\t// 图片的mime\n\t\t\tmime,\n\n\t\t\t// 语言包\n\t\t\tlang,\n\n\t\t\t// 浏览器是否支持该控件\n\t\t\tisSupported,\n\t\t\t// 浏览器是否支持触屏事件\n\t\t\tisSupportTouch: document.hasOwnProperty(\"ontouchstart\"),\n\n\t\t\t// 步骤\n\t\t\tstep: 1, //1选择文件 2剪裁 3上传\n\n\t\t\t// 上传状态及进度\n\t\t\tloading: 0, //0未开始 1正在 2成功 3错误\n\t\t\tprogress: 0,\n\n\t\t\t// 是否有错误及错误信息\n\t\t\thasError: false,\n\t\t\terrorMsg: '',\n\n\t\t\t// 需求图宽高比\n\t\t\tratio: width / height,\n\n\t\t\t// 原图地址、生成图片地址\n\t\t\tsourceImg: null,\n\t\t\tsourceImgUrl: this.initialImgUrl,\n\t\t\tcreateImgUrl: this.initialImgUrl,\n\n\t\t\t// 原图片拖动事件初始值\n\t\t\tsourceImgMouseDown: {\n\t\t\t\ton: false,\n\t\t\t\tmX: 0, //鼠标按下的坐标\n\t\t\t\tmY: 0,\n\t\t\t\tx: 0, //scale原图坐标\n\t\t\t\ty: 0\n\t\t\t},\n\n\t\t\t// 生成图片预览的容器大小\n\t\t\tpreviewContainer: {\n\t\t\t\twidth: 100,\n\t\t\t\theight: 100\n\t\t\t},\n\n\t\t\t// 原图容器宽高\n\t\t\tsourceImgContainer: { // sic\n\t\t\t\twidth: 240,\n\t\t\t\theight: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈\n\t\t\t},\n\n\t\t\t// 原图展示属性\n\t\t\tscale: {\n\t\t\t\tzoomAddOn: false, //按钮缩放事件开启\n\t\t\t\tzoomSubOn: false, //按钮缩放事件开启\n\t\t\t\trange: 1, //最大100\n\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0,\n\t\t\t\tmaxWidth: 0,\n\t\t\t\tmaxHeight: 0,\n\t\t\t\tminWidth: 0, //最宽\n\t\t\t\tminHeight: 0,\n\t\t\t\tnaturalWidth: 0, //原宽\n\t\t\t\tnaturalHeight: 0\n\t\t\t}\n\t\t}\n\t},\n\tcomputed: {\n\t\t// 进度条样式\n\t\tprogressStyle() {\n\t\t\tlet {\n\t\t\t\tprogress\n\t\t\t} = this;\n\t\t\treturn {\n\t\t\t\twidth: progress + '%'\n\t\t\t}\n\t\t},\n\t\t// 原图样式\n\t\tsourceImgStyle() {\n\t\t\tlet {\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgMasking\n\t\t\t\t} = this,\n\t\t\t\ttop = scale.y + sourceImgMasking.y + 'px',\n\t\t\t\tleft = scale.x + sourceImgMasking.x + 'px';\n\t\t\treturn {\n\t\t\t\ttop,\n\t\t\t\tleft,\n\t\t\t\twidth: scale.width + 'px',\n\t\t\t\theight: scale.height + 'px',// 兼容 Opera\n\t\t\t}\n\t\t},\n\t\t// 原图蒙版属性\n\t\tsourceImgMasking() {\n\t\t\tlet {\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tsourceImgContainer\n\t\t\t\t} = this,\n\t\t\t\tsic = sourceImgContainer,\n\t\t\t\tsicRatio = sic.width / sic.height, // 原图容器宽高比\n\t\t\t\tx = 0,\n\t\t\t\ty = 0,\n\t\t\t\tw = sic.width,\n\t\t\t\th = sic.height,\n\t\t\t\tscale = 1;\n\t\t\tif (ratio < sicRatio) {\n\t\t\t\tscale = sic.height / height;\n\t\t\t\tw = sic.height * ratio;\n\t\t\t\tx = (sic.width - w) / 2;\n\t\t\t}\n\t\t\tif (ratio > sicRatio) {\n\t\t\t\tscale = sic.width / width;\n\t\t\t\th = sic.width / ratio;\n\t\t\t\ty = (sic.height - h) / 2;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tscale, // 蒙版相对需求宽高的缩放\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\twidth: w,\n\t\t\t\theight: h\n\t\t\t};\n\t\t},\n\t\t// 原图遮罩样式\n\t\tsourceImgShadeStyle() {\n\t\t\tlet {\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tsourceImgContainer\n\t\t\t\t} = this,\n\t\t\t\tsic = sourceImgContainer,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\tw = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2,\n\t\t\t\th = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2;\n\t\t\treturn {\n\t\t\t\twidth: w + 'px',\n\t\t\t\theight: h + 'px'\n\t\t\t};\n\t\t},\n\t\tpreviewStyle() {\n\t\t\tlet {\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tpreviewContainer\n\t\t\t\t} = this,\n\t\t\t\tpc = previewContainer,\n\t\t\t\tw = pc.width,\n\t\t\t\th = pc.height,\n\t\t\t\tpcRatio = w / h;\n\t\t\tif (ratio < pcRatio) {\n\t\t\t\tw = pc.height * ratio;\n\t\t\t}\n\t\t\tif (ratio > pcRatio) {\n\t\t\t\th = pc.width / ratio;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\twidth: w + 'px',\n\t\t\t\theight: h + 'px'\n\t\t\t};\n\t\t}\n\t},\n\twatch: {\n\t\tvalue(newValue) {\n\t\t\tif (newValue && this.loading != 1) {\n\t\t\t\tthis.reset();\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\t// 点击波纹效果\n\t\tripple(e) {\n\t\t\teffectRipple(e);\n\t\t},\n\t\t// 关闭控件\n\t\toff() {\n\t\t\tsetTimeout(()=> {\n\t\t\t\tthis.$emit('input', false);\n\t\t\t\tif(this.step == 3 && this.loading == 2){\n\t\t\t\t\tthis.setStep(1);\n\t\t\t\t}\n\t\t\t}, 200);\n\t\t},\n\t\t// 设置步骤\n\t\tsetStep(no) {\n\t\t\t// 延时是为了显示动画效果呢，哈哈哈\n\t\t\tsetTimeout(()=> {\n\t\t\t\tthis.step = no;\n\t\t\t}, 200);\n\t\t},\n\n\t\t/* 图片选择区域函数绑定\n\t\t ---------------------------------------------------------------*/\n\t\tpreventDefault(e) {\n\t\t\te.preventDefault();\n\t\t\treturn false;\n\t\t},\n\t\thandleClick(e) {\n\t\t\tif (this.loading !== 1) {\n\t\t\t\tif (e.target !== this.$refs.fileinput) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (document.activeElement !== this.$refs) {\n\t\t\t\t\t\tthis.$refs.fileinput.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\thandleChange(e) {\n\t\t\te.preventDefault();\n\t\t\tif (this.loading !== 1) {\n\t\t\t\tlet files = e.target.files || e.dataTransfer.files;\n\t\t\t\tthis.reset();\n\t\t\t\tif (this.checkFile(files[0])) {\n\t\t\t\t\tthis.setSourceImg(files[0]);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/* ---------------------------------------------------------------*/\n\n\t\t// 检测选择的文件是否合适\n\t\tcheckFile(file) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tlang,\n\t\t\t\t\tmaxSize\n\t\t\t\t} = that;\n\t\t\t// 仅限图片\n\t\t\tif (file.type.indexOf('image') === -1) {\n\t\t\t\tthat.hasError = true;\n\t\t\t\tthat.errorMsg = lang.error.onlyImg;\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// 超出大小\n\t\t\tif (file.size / 1024 > maxSize) {\n\t\t\t\tthat.hasError = true;\n\t\t\t\tthat.errorMsg = lang.error.outOfSize + maxSize + 'kb';\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\t\t// 重置控件\n\t\treset() {\n\t\t\tlet that = this;\n\t\t\tthat.loading = 0;\n\t\t\tthat.hasError = false;\n\t\t\tthat.errorMsg = '';\n\t\t\tthat.progress = 0;\n\t\t},\n\t\t// 设置图片源\n\t\tsetSourceImg(file) {\n\t\t\tthis.$emit('src-file-set', file.name, file.type, file.size);\n\t\t\tlet that = this,\n\t\t\t\tfr = new FileReader();\n\t\t\tfr.onload = function(e) {\n\t\t\t\tthat.sourceImgUrl = fr.result;\n\t\t\t\tthat.startCrop();\n\t\t\t}\n\t\t\tfr.readAsDataURL(file);\n\t\t},\n\t\t// 剪裁前准备工作\n\t\tstartCrop() {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgUrl,\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tlang\n\t\t\t\t} = that,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\timg = new Image();\n\t\t\timg.src = sourceImgUrl;\n\t\t\timg.onload = function() {\n\t\t\t\tlet nWidth = img.naturalWidth,\n\t\t\t\t\tnHeight = img.naturalHeight,\n\t\t\t\t\tnRatio = nWidth / nHeight,\n\t\t\t\t\tw = sim.width,\n\t\t\t\t\th = sim.height,\n\t\t\t\t\tx = 0,\n\t\t\t\t\ty = 0;\n\t\t\t\t// 图片像素不达标\n\t\t\t\tif (nWidth < width || nHeight < height) {\n\t\t\t\t\tthat.hasError = true;\n\t\t\t\t\tthat.errorMsg = lang.error.lowestPx + width + '*' + height;\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tif (ratio > nRatio) {\n\t\t\t\t\th = w / nRatio;\n\t\t\t\t\ty = (sim.height - h) / 2;\n\t\t\t\t}\n\t\t\t\tif (ratio < nRatio) {\n\t\t\t\t\tw = h * nRatio;\n\t\t\t\t\tx = (sim.width - w) / 2;\n\t\t\t\t}\n\t\t\t\tscale.range = 0;\n\t\t\t\tscale.x = x;\n\t\t\t\tscale.y = y;\n\t\t\t\tscale.width = w;\n\t\t\t\tscale.height = h;\n\t\t\t\tscale.minWidth = w;\n\t\t\t\tscale.minHeight = h;\n\t\t\t\tscale.maxWidth = nWidth * sim.scale;\n\t\t\t\tscale.maxHeight = nHeight * sim.scale;\n\t\t\t\tscale.naturalWidth = nWidth;\n\t\t\t\tscale.naturalHeight = nHeight;\n\t\t\t\tthat.sourceImg = img;\n\t\t\t\tthat.createImg();\n\t\t\t\tthat.setStep(2);\n\t\t\t};\n\t\t},\n\t\t// 鼠标按下图片准备移动\n\t\timgStartMove(e) {\n\t\t\te.preventDefault();\n\t\t\t// 支持触摸事件，则鼠标事件无效\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMouseDown,\n\t\t\t\t\tscale\n\t\t\t\t} = this,\n\t\t\t\tsimd = sourceImgMouseDown;\n\t\t\tsimd.mX = et.screenX;\n\t\t\tsimd.mY = et.screenY;\n\t\t\tsimd.x = scale.x;\n\t\t\tsimd.y = scale.y;\n\t\t\tsimd.on = true;\n\t\t},\n\t\t// 鼠标按下状态下移动，图片移动\n\t\timgMove(e) {\n\t\t\te.preventDefault();\n\t\t\t// 支持触摸事件，则鼠标事件无效\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMouseDown: {\n\t\t\t\t\t\ton,\n\t\t\t\t\t\tmX,\n\t\t\t\t\t\tmY,\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty\n\t\t\t\t\t},\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgMasking\n\t\t\t\t} = this,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\tnX = et.screenX,\n\t\t\t\tnY = et.screenY,\n\t\t\t\tdX = nX - mX,\n\t\t\t\tdY = nY - mY,\n\t\t\t\trX = x + dX,\n\t\t\t\trY = y + dY;\n\t\t\tif (!on) return;\n\t\t\tif (rX > 0) {\n\t\t\t\trX = 0;\n\t\t\t}\n\t\t\tif (rY > 0) {\n\t\t\t\trY = 0;\n\t\t\t}\n\t\t\tif (rX < sim.width - scale.width) {\n\t\t\t\trX = sim.width - scale.width;\n\t\t\t}\n\t\t\tif (rY < sim.height - scale.height) {\n\t\t\t\trY = sim.height - scale.height;\n\t\t\t}\n\t\t\tscale.x = rX;\n\t\t\tscale.y = rY;\n\t\t},\n\t\t// 顺时针旋转图片\n        rotateImg(e) {\n\t\t\tlet {\n\t\t\t\t\tsourceImg,\n                    scale: {\n\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\tnaturalHeight,\n                    }\n                } = this,\n\t\t\t\twidth = naturalHeight,\n\t\t\t\theight = naturalWidth,\n                canvas = this.$refs.canvas,\n                ctx = canvas.getContext('2d');\n\t\t\tcanvas.width = width;\n            canvas.height = height;\n            ctx.clearRect(0, 0, width, height);\n\n\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\n\t\t\tctx.fillRect(0, 0, width, height);\n\n\t\t\tctx.translate(width, 0);\n            ctx.rotate(Math.PI * 90 / 180);\n\n            ctx.drawImage(sourceImg, 0, 0, naturalWidth, naturalHeight);\n            let imgUrl = canvas.toDataURL(mimes['png']);\n\n\t\t\tthis.sourceImgUrl = imgUrl;\n\t\t\tthis.startCrop();\n        },\n        handleMouseWheel(e){\n\t\t\te = e || window.event;\n\t\t\tlet \t{ scale } = this;\n\t\t\tif (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件\n\t\t\t\tif (e.wheelDelta > 0) { //当滑轮向上滚动时\n\t\t\t\t\tthis.zoomImg(scale.range >= 100 ? 100 : ++scale.range);\n\t\t\t\t}\n\t\t\t\tif (e.wheelDelta < 0) {\n\t\t\t\t\tthis.zoomImg(scale.range <= 0 ? 0 : --scale.range);\n\t\t\t\t}\n\t\t\t} else if (e.detail) {  //Firefox滑轮事件\n\t\t\t\tif (e.detail > 0) { //当滑轮向上滚动时\n\t\t\t\t\tthis.zoomImg(scale.range >= 100 ? 100 : ++scale.range);\n\t\t\t\t}\n\t\t\t\tif (e.detail < 0) {\n\t\t\t\t\tthis.zoomImg(scale.range <= 0 ? 0 : --scale.range);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// 按钮按下开始放大\n\t\tstartZoomAdd(e) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tscale\n\t\t\t\t} = that;\n\t\t\tscale.zoomAddOn = true;\n\n\t\t\tfunction zoom() {\n\t\t\t\tif (scale.zoomAddOn) {\n\t\t\t\t\tlet range = scale.range >= 100 ? 100 : ++scale.range;\n\t\t\t\t\tthat.zoomImg(range);\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tzoom();\n\t\t\t\t\t}, 60);\n\t\t\t\t}\n\t\t\t}\n\t\t\tzoom();\n\t\t},\n\t\t// 按钮松开或移开取消放大\n\t\tendZoomAdd(e) {\n\t\t\tthis.scale.zoomAddOn = false;\n\t\t},\n\t\t// 按钮按下开始缩小\n\t\tstartZoomSub(e) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tscale\n\t\t\t\t} = that;\n\t\t\tscale.zoomSubOn = true;\n\n\t\t\tfunction zoom() {\n\t\t\t\tif (scale.zoomSubOn) {\n\t\t\t\t\tlet range = scale.range <= 0 ? 0 : --scale.range;\n\t\t\t\t\tthat.zoomImg(range);\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tzoom();\n\t\t\t\t\t}, 60);\n\t\t\t\t}\n\t\t\t}\n\t\t\tzoom();\n\t\t},\n\t\t// 按钮松开或移开取消缩小\n\t\tendZoomSub(e) {\n\t\t\tlet {\n\t\t\t\tscale\n\t\t\t} = this;\n\t\t\tscale.zoomSubOn = false;\n\t\t},\n\t\tzoomChange(e) {\n\t\t\tthis.zoomImg(e.target.value);\n\t\t},\n\t\t// 缩放原图\n\t\tzoomImg(newRange) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tsourceImgMouseDown,\n\t\t\t\t\tscale\n\t\t\t\t} = this,\n\t\t\t\t{\n\t\t\t\t\tmaxWidth,\n\t\t\t\t\tmaxHeight,\n\t\t\t\t\tminWidth,\n\t\t\t\t\tminHeight,\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tx,\n\t\t\t\t\ty,\n\t\t\t\t\trange\n\t\t\t\t} = scale,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\t// 蒙版宽高\n\t\t\t\tsWidth = sim.width,\n\t\t\t\tsHeight = sim.height,\n\t\t\t\t// 新宽高\n\t\t\t\tnWidth = minWidth + (maxWidth - minWidth) * newRange / 100,\n\t\t\t\tnHeight = minHeight + (maxHeight - minHeight) * newRange / 100,\n\t\t\t\t// 新坐标（根据蒙版中心点缩放）\n\t\t\t\tnX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x),\n\t\t\t\tnY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y);\n\n\t\t\t// 判断新坐标是否超过蒙版限制\n\t\t\tif (nX > 0) {\n\t\t\t\tnX = 0;\n\t\t\t}\n\t\t\tif (nY > 0) {\n\t\t\t\tnY = 0;\n\t\t\t}\n\t\t\tif (nX < sWidth - nWidth) {\n\t\t\t\tnX = sWidth - nWidth;\n\t\t\t}\n\t\t\tif (nY < sHeight - nHeight) {\n\t\t\t\tnY = sHeight - nHeight;\n\t\t\t}\n\n\t\t\t// 赋值处理\n\t\t\tscale.x = nX;\n\t\t\tscale.y = nY;\n\t\t\tscale.width = nWidth;\n\t\t\tscale.height = nHeight;\n\t\t\tscale.range = newRange;\n\t\t\tsetTimeout(function() {\n\t\t\t\tif (scale.range == newRange) {\n\t\t\t\t\tthat.createImg();\n\t\t\t\t}\n\t\t\t}, 300);\n\t\t},\n\t\t // 生成需求图片\n        createImg(e) {\n            let that = this,\n                {\n\t\t\t\t\timgFormat,\n\t\t\t\t\timgBgc,\n                    mime,\n                    sourceImg,\n                    scale: {\n                        x,\n                        y,\n                        width,\n                        height,\n                    },\n                    sourceImgMasking: {\n                        scale\n                    }\n                } = that,\n                canvas = that.$refs.canvas,\n                ctx = canvas.getContext('2d');\n            if (e) {\n                // 取消鼠标按下移动状态\n                that.sourceImgMouseDown.on = false;\n            }\n\t\t\tcanvas.width = that.width;\n            canvas.height = that.height;\n            ctx.clearRect(0, 0, that.width, that.height);\n\n\t\t\tif(imgFormat == 'png'){\n\t\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\n\t\t\t} else{\n\t\t\t\t// 如果jpg 为透明区域设置背景，默认白色\n\t\t\t\tctx.fillStyle = imgBgc;\n\t\t\t}\n\t\t\tctx.fillRect(0, 0, that.width, that.height);\n\n            ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale);\n            that.createImgUrl = canvas.toDataURL(mime);\n        },\n\t\tprepareUpload(){\n\t\t\tlet {\n\t\t\t\turl,\n\t\t\t\tcreateImgUrl,\n\t\t\t\tfield,\n\t\t\t\tki\n\t\t\t} = this;\n\t\t\tthis.$emit('crop-success', createImgUrl, field, ki);\n\t\t\tif(typeof url == 'string' && url){\n\t\t\t\tthis.upload();\n\t\t\t}else{\n\t\t\t\tthis.off();\n\t\t\t}\n\t\t},\n\t\t// 上传图片\n\t\tupload() {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tlang,\n\t\t\t\t\timgFormat,\n\t\t\t\t\tmime,\n\t\t\t\t\turl,\n\t\t\t\t\tparams,\n\t\t\t\t\theaders,\n\t\t\t\t\tfield,\n\t\t\t\t\tki,\n\t\t\t\t\tcreateImgUrl,\n\t\t\t\t\twithCredentials,\n\t\t\t\t\tmethod\n\t\t\t\t} = this,\n\t\t\t\tfmData = new FormData();\n\n\t\t\t// 添加其他参数\n\t\t\tif (typeof params == 'object' && params) {\n\t\t\t\tObject.keys(params).forEach((k) => {\n\t\t\t\t\tfmData.append(k, params[k]);\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// 将field的添加放到表单域的最后，以支持阿里云OSS的表单上传\n\t\t\tfmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat);\n\n\n\t\t\t// 监听进度回调\n\t\t\tconst uploadProgress = function(event) {\n\t\t\t\tif (event.lengthComputable) {\n\t\t\t\t\tthat.progress = 100 * Math.round(event.loaded) / event.total;\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// 上传文件\n\t\t\tthat.reset();\n\t\t\tthat.loading = 1;\n\t\t\tthat.setStep(3);\n\t\t\tnew Promise(function(resolve, reject) {\n\t\t\t\tlet client = new XMLHttpRequest();\n\t\t\t\tclient.open(method, url, true);\n\t\t\t\tclient.withCredentials = withCredentials;\n\t\t\t\tclient.onreadystatechange = function() {\n\t\t\t\t\tif (this.readyState !== 4) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (this.status === 200 || this.status === 201 || this.staus ===202 ) {\n\t\t\t\t\t\tresolve(JSON.parse(this.responseText));\n\t\t\t\t\t} else {\n\t\t\t\t\t\treject(this.status);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tclient.upload.addEventListener(\"progress\", uploadProgress, false); //监听进度\n\t\t\t\t// 设置header\n\t\t\t\tif (typeof headers == 'object' && headers) {\n\t\t\t\t\tObject.keys(headers).forEach((k) => {\n\t\t\t\t\t\tclient.setRequestHeader(k, headers[k]);\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tclient.send(fmData);\n\t\t\t}).then(\n\t\t\t\t// 上传成功\n\t\t\t\tfunction(resData) {\n\t\t\t\t\tif (that.value) {\n\t\t\t\t\t\tthat.loading = 2;\n\t\t\t\t\t\tthat.$emit('crop-upload-success', resData, field, ki);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// 上传失败\n\t\t\t\tfunction(sts) {\n\t\t\t\t\tif (that.value) {\n\t\t\t\t\t\tthat.loading = 3;\n\t\t\t\t\t\tthat.hasError = true;\n\t\t\t\t\t\tthat.errorMsg = lang.fail;\n\t\t\t\t\t\tthat.$emit('crop-upload-fail', sts, field, ki);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t},\n\thandleEscClose(e){\n\t\tif(this.value && (e.key == 'Escape' || e.keyCode == 27)){\n\t\t\tthis.off();\n\t\t}\n\t},\n\tcreated(){\n\t\t// 绑定按键esc隐藏此插件事件\n\t\tdocument.addEventListener('keyup', this.handleEscClose )\n\t},\n\tbeforeDestroy(){\n\t\tdocument.removeEventListener('keyup', this.handleEscClose )\n\t},\n\tmounted() {\n\t\tif (this.sourceImgUrl) {\n\t\t\tthis.startCrop();\n\t\t}\n  }\n}\n\n</script>\n\n<!--\n<style lang='sass' src=\"./scss/upload.scss\">\n</style> -->\n\n<style>\n@charset \"UTF-8\";\n@-webkit-keyframes vicp_progress {\n  0% {\n    background-position-y: 0; }\n  100% {\n    background-position-y: 40px; } }\n@keyframes vicp_progress {\n  0% {\n    background-position-y: 0; }\n  100% {\n    background-position-y: 40px; } }\n\n@-webkit-keyframes vicp {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(0) translatey(-60px);\n            transform: scale(0) translatey(-60px); }\n  100% {\n    opacity: 1;\n    -webkit-transform: scale(1) translatey(0);\n            transform: scale(1) translatey(0); } }\n\n@keyframes vicp {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(0) translatey(-60px);\n            transform: scale(0) translatey(-60px); }\n  100% {\n    opacity: 1;\n    -webkit-transform: scale(1) translatey(0);\n            transform: scale(1) translatey(0); } }\n\n.vue-image-crop-upload {\n  position: fixed;\n  display: block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  z-index: 10000;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.65);\n  -webkit-tap-highlight-color: transparent;\n  -moz-tap-highlight-color: transparent; }\n  .vue-image-crop-upload .vicp-wrap {\n    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n    position: fixed;\n    display: block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    z-index: 10000;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    width: 600px;\n    height: 330px;\n    padding: 25px;\n    background-color: #fff;\n    border-radius: 2px;\n    -webkit-animation: vicp 0.12s ease-in;\n            animation: vicp 0.12s ease-in; }\n    .vue-image-crop-upload .vicp-wrap .vicp-close {\n      position: absolute;\n      right: -30px;\n      top: -30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {\n        position: relative;\n        display: block;\n        width: 30px;\n        height: 30px;\n        cursor: pointer;\n        -webkit-transition: -webkit-transform 0.18s;\n        transition: -webkit-transform 0.18s;\n        transition: transform 0.18s;\n        transition: transform 0.18s, -webkit-transform 0.18s;\n        -webkit-transform: rotate(0);\n            -ms-transform: rotate(0);\n                transform: rotate(0); }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {\n          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n                  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n          content: '';\n          position: absolute;\n          top: 12px;\n          left: 4px;\n          width: 20px;\n          height: 3px;\n          -webkit-transform: rotate(45deg);\n              -ms-transform: rotate(45deg);\n                  transform: rotate(45deg);\n          background-color: #fff; }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {\n          -webkit-transform: rotate(-45deg);\n              -ms-transform: rotate(-45deg);\n                  transform: rotate(-45deg); }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {\n          -webkit-transform: rotate(90deg);\n              -ms-transform: rotate(90deg);\n                  transform: rotate(90deg); }\n    .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {\n      position: relative;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      padding: 35px;\n      height: 170px;\n      background-color: rgba(0, 0, 0, 0.03);\n      text-align: center;\n      border: 1px dashed rgba(0, 0, 0, 0.08);\n      overflow: hidden; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {\n        display: block;\n        margin: 0 auto 6px;\n        width: 42px;\n        height: 42px;\n        overflow: hidden; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {\n          display: block;\n          margin: 0 auto;\n          width: 0;\n          height: 0;\n          border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);\n          border-left: 14.7px solid transparent;\n          border-right: 14.7px solid transparent; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {\n          display: block;\n          width: 12.6px;\n          height: 14.7px;\n          margin: 0 auto;\n          background-color: rgba(0, 0, 0, 0.3); }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          display: block;\n          height: 12.6px;\n          border: 6px solid rgba(0, 0, 0, 0.3);\n          border-top: none; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {\n        display: block;\n        padding: 15px;\n        font-size: 14px;\n        color: #666;\n        line-height: 30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        padding: 30px;\n        width: 100%;\n        height: 60px;\n        line-height: 30px;\n        background-color: #eee;\n        text-align: center;\n        color: #666;\n        font-size: 14px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {\n        cursor: pointer;\n        border-color: rgba(0, 0, 0, 0.1);\n        background-color: rgba(0, 0, 0, 0.05); }\n    .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {\n      overflow: hidden; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {\n        float: left; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {\n          position: relative;\n          display: block;\n          width: 240px;\n          height: 180px;\n          background-color: #e5e5e0;\n          overflow: hidden; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {\n            position: absolute;\n            display: block;\n            cursor: move;\n            -webkit-user-select: none;\n               -moz-user-select: none;\n                -ms-user-select: none;\n                    user-select: none; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {\n            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n            position: absolute;\n            background-color: rgba(241, 242, 243, 0.8); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {\n              top: 0;\n              left: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {\n              bottom: 0;\n              right: 0; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {\n          position: relative;\n          width: 240px;\n          height: 18px; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {\n            display: block;\n            width: 18px;\n            height: 18px;\n            border-radius: 100%;\n            line-height: 18px;\n            text-align: center;\n            font-size: 12px;\n            font-weight: bold;\n            background-color: rgba(0, 0, 0, 0.08);\n            color: #fff;\n            overflow: hidden; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              cursor: pointer;\n              background-color: rgba(0, 0, 0, 0.14); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {\n              float: left; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {\n              float: right; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {\n          position: relative;\n          margin: 30px 0 10px 0;\n          width: 240px;\n          height: 18px; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\n            position: absolute;\n            top: 0;\n            width: 18px;\n            height: 18px;\n            border-radius: 100%;\n            background-color: rgba(0, 0, 0, 0.08); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              cursor: pointer;\n              background-color: rgba(0, 0, 0, 0.14); }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {\n            left: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {\n              position: absolute;\n              content: '';\n              display: block;\n              left: 3px;\n              top: 8px;\n              width: 12px;\n              height: 2px;\n              background-color: #fff; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\n            right: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {\n              position: absolute;\n              content: '';\n              display: block;\n              left: 3px;\n              top: 8px;\n              width: 12px;\n              height: 2px;\n              background-color: #fff; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {\n              position: absolute;\n              content: '';\n              display: block;\n              top: 3px;\n              left: 8px;\n              width: 2px;\n              height: 12px;\n              background-color: #fff; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {\n            display: block;\n            padding-top: 5px;\n            margin: 0 auto;\n            width: 180px;\n            height: 8px;\n            vertical-align: top;\n            background: transparent;\n            -webkit-appearance: none;\n               -moz-appearance: none;\n                    appearance: none;\n            cursor: pointer;\n            /* 滑块\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/\n            /* 轨道\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/ }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {\n              outline: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {\n              -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n                      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              -webkit-appearance: none;\n                      appearance: none;\n              margin-top: -3px;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border-radius: 100%;\n              border: none;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              -moz-appearance: none;\n                   appearance: none;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border-radius: 100%;\n              border: none;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              appearance: none;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border: none;\n              border-radius: 100%;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              margin-top: -4px;\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              height: 6px;\n              cursor: pointer;\n              border-radius: 2px;\n              border: none;\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              height: 6px;\n              cursor: pointer;\n              border-radius: 2px;\n              border: none;\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              cursor: pointer;\n              background: transparent;\n              border-color: transparent;\n              color: transparent;\n              height: 6px;\n              border-radius: 2px;\n              border: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {\n              background-color: rgba(68, 170, 119, 0.15); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {\n              background-color: rgba(68, 170, 119, 0.5); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {\n              background-color: rgba(68, 170, 119, 0.5); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {\n              background-color: rgba(68, 170, 119, 0.45); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {\n              background-color: rgba(68, 170, 119, 0.25); }\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {\n        float: right; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {\n          height: 150px;\n          overflow: hidden; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {\n            position: relative;\n            padding: 5px;\n            width: 100px;\n            height: 100px;\n            float: left;\n            margin-right: 16px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {\n              position: absolute;\n              bottom: -30px;\n              width: 100%;\n              font-size: 14px;\n              color: #bbb;\n              display: block;\n              text-align: center; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {\n              position: absolute;\n              display: block;\n              top: 0;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              margin: auto;\n              padding: 3px;\n              background-color: #fff;\n              border: 1px solid rgba(0, 0, 0, 0.15);\n              overflow: hidden;\n              -webkit-user-select: none;\n                 -moz-user-select: none;\n                  -ms-user-select: none;\n                      user-select: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {\n              margin-right: 0; }\n              .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {\n                border-radius: 100%; }\n    .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {\n      position: relative;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      padding: 35px;\n      height: 170px;\n      background-color: rgba(0, 0, 0, 0.03);\n      text-align: center;\n      border: 1px dashed #ddd; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {\n        display: block;\n        padding: 15px;\n        font-size: 16px;\n        color: #999;\n        line-height: 30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {\n        margin-top: 12px;\n        background-color: rgba(0, 0, 0, 0.08);\n        border-radius: 3px; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {\n          position: relative;\n          display: block;\n          height: 5px;\n          border-radius: 3px;\n          background-color: #4a7;\n          -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\n                  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\n          -webkit-transition: width 0.15s linear;\n          transition: width 0.15s linear;\n          background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\n          background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\n          background-size: 40px 40px;\n          -webkit-animation: vicp_progress 0.5s linear infinite;\n                  animation: vicp_progress 0.5s linear infinite; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {\n            content: '';\n            position: absolute;\n            display: block;\n            top: -3px;\n            right: -3px;\n            width: 9px;\n            height: 9px;\n            border: 1px solid rgba(245, 246, 247, 0.7);\n            -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\n                    box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\n            border-radius: 100%;\n            background-color: #4a7; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {\n        height: 100px;\n        line-height: 100px; }\n    .vue-image-crop-upload .vicp-wrap .vicp-operate {\n      position: absolute;\n      right: 20px;\n      bottom: 20px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-operate a {\n        position: relative;\n        float: left;\n        display: block;\n        margin-left: 10px;\n        width: 100px;\n        height: 36px;\n        line-height: 36px;\n        text-align: center;\n        cursor: pointer;\n        font-size: 14px;\n        color: #4a7;\n        border-radius: 2px;\n        overflow: hidden;\n        -webkit-user-select: none;\n           -moz-user-select: none;\n            -ms-user-select: none;\n                user-select: none; }\n        .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {\n          background-color: rgba(0, 0, 0, 0.03); }\n    .vue-image-crop-upload .vicp-wrap .vicp-error,\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\n      display: block;\n      font-size: 14px;\n      line-height: 24px;\n      height: 24px;\n      color: #d10;\n      text-align: center;\n      vertical-align: top; }\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\n      color: #4a7; }\n    .vue-image-crop-upload .vicp-wrap .vicp-icon3 {\n      position: relative;\n      display: inline-block;\n      width: 20px;\n      height: 20px;\n      top: 4px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon3::after {\n        position: absolute;\n        top: 3px;\n        left: 6px;\n        width: 6px;\n        height: 10px;\n        border-width: 0 2px 2px 0;\n        border-color: #4a7;\n        border-style: solid;\n        -webkit-transform: rotate(45deg);\n            -ms-transform: rotate(45deg);\n                transform: rotate(45deg);\n        content: ''; }\n    .vue-image-crop-upload .vicp-wrap .vicp-icon2 {\n      position: relative;\n      display: inline-block;\n      width: 20px;\n      height: 20px;\n      top: 4px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before {\n        content: '';\n        position: absolute;\n        top: 9px;\n        left: 4px;\n        width: 13px;\n        height: 2px;\n        background-color: #d10;\n        -webkit-transform: rotate(45deg);\n            -ms-transform: rotate(45deg);\n                transform: rotate(45deg); }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after {\n        -webkit-transform: rotate(-45deg);\n            -ms-transform: rotate(-45deg);\n                transform: rotate(-45deg); }\n\n.e-ripple {\n  position: absolute;\n  border-radius: 100%;\n  background-color: rgba(0, 0, 0, 0.15);\n  background-clip: padding-box;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-transform: scale(0);\n      -ms-transform: scale(0);\n          transform: scale(0);\n  opacity: 1; }\n  .e-ripple.z-active {\n    opacity: 0;\n    -webkit-transform: scale(2);\n        -ms-transform: scale(2);\n            transform: scale(2);\n    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }\n\n</style>\n","import mod from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upload-2.vue?vue&type=template&id=d93e530c&\"\nimport script from \"./upload-2.vue?vue&type=script&lang=js&\"\nexport * from \"./upload-2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./upload-2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../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","export * from \"-!../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/src/index.js??ref--6-oneOf-1-2!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./addProductToTrainerScoped.scss?vue&type=style&index=2&id=266ace3c&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./addProductToTrainerScoped.scss?vue&type=style&index=0&id=266ace3c&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./addProductToTrainer.scss?vue&type=style&index=3&lang=scss&\"","export const useInputImageRenderer = (inputEl, callback) => {\r\n  const inputImageRenderer = () => {\r\n    const file = inputEl.value.files[0]\r\n    const reader = new FileReader()\r\n\r\n    reader.addEventListener(\r\n      'load',\r\n      () => {\r\n        callback(reader.result)\r\n      },\r\n      false,\r\n    )\r\n    if (file) {\r\n      reader.readAsDataURL(file)\r\n    }\r\n  }\r\n  return {\r\n    inputImageRenderer,\r\n  }\r\n}\r\n\r\nexport const _ = null\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',{staticClass:\"d-flex align-items-top justify-content-center\"},[_c('b-col',{staticClass:\"col-sm-12 col-md-4 col-lg-4\"},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-2 shadow rounded\"},[_c('b-col',{staticClass:\"d-flex justify-content-center align-items-center product-img-side\",attrs:{\"cols\":\"12\"}},[_c('b-row',[_c('b-media',{staticClass:\"mb-2 css-reset\"},[_c('b-img',{ref:\"previewEl\",staticClass:\"product-img my-2\",attrs:{\"src\":_vm.userImg,\"center\":\"\"}})],1)],1)],1),_c('b-row',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-button',{attrs:{\"variant\":\"primary upload-button\"},on:{\"click\":_vm.toggleShow}},[_c('span',{staticClass:\"d-none d-sm-inline\"},[_c('b-icon-capslock-fill',{staticClass:\"up-icon\"}),_c('span',{staticClass:\"up-text\"},[_vm._v(_vm._s(_vm.$t('Upload')))])],1),_c('b-icon-capslock-fill',{staticClass:\"up-icon d-inline d-sm-none\"})],1),_c('my-upload',{attrs:{\"field\":\"img\",\"width\":150,\"height\":150,\"langType\":\"tr\",\"params\":_vm.params,\"headers\":_vm.headers,\"img-format\":\"png\"},on:{\"crop-success\":_vm.cropSuccess},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}}),_c('b-button',{staticClass:\"ml-1\",attrs:{\"variant\":\"danger remove-button\"},on:{\"click\":_vm.removePhoto}},[_c('span',{staticClass:\"d-none d-sm-inline\"},[_c('b-icon-trash',{staticClass:\"remove-icon\"}),_c('span',{staticClass:\"remove-text\"},[_vm._v(_vm._s(_vm.$t('Remove')))])],1),_c('b-icon-trash',{staticClass:\"remove-icon d-inline d-sm-none\"})],1)],1)],1)]),_c('b-col',{staticClass:\"col-sm-12 col-md-8 col-lg-8\"},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Product Title'),\"label-for\":\"product_title\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"ItalicIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"product_title\",\"name\":\"product_title\",\"type\":\"text\",\"placeholder\":_vm.$t('Product Title')},on:{\"blur\":function($event){return _vm.$v.product_data.product_title.$touch()}},model:{value:(_vm.product_data.product_title),callback:function ($$v) {_vm.$set(_vm.product_data, \"product_title\", $$v)},expression:\"product_data.product_title\"}})],1),(_vm.isSubmit && !_vm.$v.product_data.product_title.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Activity'),\"label-for\":\"activity\"}},[_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.activity_id; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.activities,\"value\":\"activity_id\",\"label\":\"name\",\"name\":\"activity\"},on:{\"blur\":function($event){return _vm.$v.selectedActivity.activity_id.$touch()}},model:{value:(_vm.selectedActivity),callback:function ($$v) {_vm.selectedActivity=$$v},expression:\"selectedActivity\"}}),(_vm.isSubmit && !_vm.$v.selectedActivity.idCheck)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()],1)],1),_c('b-col',{attrs:{\"cols\":\"12\"}},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Product Description'),\"label-for\":\"product-description\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"ItalicIcon\"}})],1),_c('b-form-textarea',{attrs:{\"id\":\"product_description\",\"name\":\"product_description\",\"placeholder\":_vm.$t('Product Description'),\"rows\":\"2\"},on:{\"blur\":function($event){return _vm.$v.product_data.product_description.$touch()}},model:{value:(_vm.product_data.product_description),callback:function ($$v) {_vm.$set(_vm.product_data, \"product_description\", $$v)},expression:\"product_data.product_description\"}})],1),(\n                _vm.isSubmit && !_vm.$v.product_data.product_description.required\n              )?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()],1)],1)],1)]),_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row p-0 mt-0\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-form-group',[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"scheduler-type\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('The Number Of Participants'))+\" \")]),_c('hr',{staticClass:\"pr-1\"})]),_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"participants_count\",\"name\":\"participants_count\",\"type\":\"number\",\"placeholder\":_vm.$t('The Number Of Participants')},on:{\"blur\":function($event){return _vm.$v.product_data.participants_count.$touch()}},model:{value:(_vm.product_data.participants_count),callback:function ($$v) {_vm.$set(_vm.product_data, \"participants_count\", $$v)},expression:\"product_data.participants_count\"}})],1)],1),(_vm.isSubmit && !_vm.$v.product_data.participants_count.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()]),_c('b-form-group',{attrs:{\"label-for\":\"scheduler\"}},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"price-type\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('The Period Of Validity'))+\" \"),_c('info-icon',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-2\",modifiers:{\"modal-2\":true}}],staticClass:\"custom-class\",attrs:{\"size\":\"1.25x\"}})],1),_c('hr')]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6 col-sm-12\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Month')))]),_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.value; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.optionsMonth,\"value\":\"value\",\"label\":\"text\",\"name\":\"month\",\"clearable\":false,\"disabled\":_vm.isMonthDisabled},on:{\"blur\":function($event){return _vm.$v.month.$touch()}},model:{value:(_vm.month),callback:function ($$v) {_vm.month=$$v},expression:\"month\"}}),(!_vm.$v.month.check && _vm.isSubmit)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(\" Geçerlilik süresi ay seçimi zorunlu bir alandır. \")]):_vm._e()],1),_c('div',{staticClass:\"col-md-6 col-sm-12\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Day')))]),_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.value; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.optionsDay,\"value\":\"value\",\"label\":\"text\",\"name\":\"day\",\"clearable\":false,\"disabled\":_vm.isDayDisabled},on:{\"blur\":function($event){return _vm.$v.day.$touch()}},model:{value:(_vm.day),callback:function ($$v) {_vm.day=$$v},expression:\"day\"}}),(!_vm.$v.day.check && _vm.isSubmit)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(\" Geçerlilik süresi gün seçimi zorunlu bir alandır. \")]):_vm._e()],1)]),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col\"},[_c('b-form-checkbox',{attrs:{\"value\":\"checked\"},model:{value:(_vm.selectNoExpired),callback:function ($$v) {_vm.selectNoExpired=$$v},expression:\"selectNoExpired\"}},[_vm._v(\" \"+_vm._s(_vm.$t('No Time Limit'))+\" \")])],1)])])]),_c('b-form-group',{attrs:{\"label-for\":\"scheduler\"}},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"price-type\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('Price Type'))+\" \"),_c('info-icon',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-3\",modifiers:{\"modal-3\":true}}],staticClass:\"custom-class\",attrs:{\"size\":\"1.25x\"}})],1),_c('hr')]),_c('b-form-radio',{staticClass:\"d-inline custom-radio\",attrs:{\"name\":\"priceType\",\"value\":\"total\"},model:{value:(_vm.priceType),callback:function ($$v) {_vm.priceType=$$v},expression:\"priceType\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Total Price'))+\" \")]),_c('b-form-radio',{staticClass:\"d-inline mx-2 custom-radio\",attrs:{\"name\":\"priceType\",\"value\":\"unit\"},model:{value:(_vm.priceType),callback:function ($$v) {_vm.priceType=$$v},expression:\"priceType\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Unit Price'))+\" \")]),(_vm.isSubmit && !_vm.$v.priceType.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e(),_c('hr'),(_vm.priceType === 'total')?[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pr-1 pt-1 shadow rounded\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Total Price'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.price),expression:\"product_data.price\"}],staticClass:\"form-control\",attrs:{\"id\":\"price\",\"type\":\"number\",\"placeholder\":\"0.00\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.product_data.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"price\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.price.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()]),_c('b-form-group',{attrs:{\"label\":_vm.$t('Session Count'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.sessionCount),expression:\"product_data.sessionCount\"}],staticClass:\"form-control\",attrs:{\"id\":\"session-count\",\"type\":\"number\",\"placeholder\":\"0\",\"maxlength\":\"4\"},domProps:{\"value\":(_vm.product_data.sessionCount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"sessionCount\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.sessionCount.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()])],1)]:_vm._e(),(_vm.priceType === 'unit')?[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pr-1 pt-1 shadow rounded\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Unit Price'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.price),expression:\"product_data.price\"}],staticClass:\"form-control\",attrs:{\"id\":\"price\",\"type\":\"number\",\"placeholder\":\"0.00\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.product_data.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"price\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.price.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t('This field is required')))]):_vm._e()])],1)]:_vm._e()],2)])],1)]),_c('div',{staticClass:\"mt-2\"},[_c('b-col',{staticClass:\"right\",attrs:{\"cols\":\"12\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-1\",attrs:{\"type\":\"reset\",\"variant\":\"outline-primary\",\"to\":{ name: 'studio_instructors_list' }}},[_vm._v(\" \"+_vm._s(_vm.$t('Cancel'))+\" \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"submit\",\"variant\":\"primary\"},on:{\"click\":_vm.create}},[_vm._v(\" \"+_vm._s(_vm.$t('Save'))+\" \")])],1)],1)])],1)],1),_c('b-modal',{attrs:{\"id\":\"modal-3\",\"title\":_vm.$t('Fiyat Türü'),\"ok-only\":\"\",\"header-text-variant\":\"primary\",\"ok-title\":_vm.$t('Ok')}},[_c('b-card-text',[_vm._v(\" \"+_vm._s(_vm.$t('Ürününüzü oluşturmadan önce ürününüzün fiyat türünü belirlediğinize emin olunuz.'))+\" \"),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Toplam Fiyat\")])]),_c('p',[_vm._v(\" Ürününüzün fiyat türünü \"),_c('b',[_vm._v(\"Toplam Fiyat\")]),_vm._v(\" olarak belirlediğinizde ürününüz için \"),_c('b',[_vm._v(\" toplam fiyat ve oturum sayısı değerlerini \")]),_vm._v(\" belirlemeniz gerekmektedir. Toplam fiyat türü ile ile oluşturulan ürünler \"),_c('b',[_vm._v(\" belirlenen oturum sayısı kadar randevu hakkı sağlar ve tüm bu oturumlar için müşterinin toplam bir fiyat üzerinden \")]),_vm._v(\" ödemeyi gerçekleştirmesi gerekmektedir. \")]),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Birim Fiyat\")])]),_c('p',[_vm._v(\" Ürününüzün fiyat türünü \"),_c('b',[_vm._v(\"Birim Fiyat\")]),_vm._v(\" olarak belirlediğinizde ürününüz için \"),_c('b',[_vm._v(\" birim fiyat değerini \")]),_vm._v(\" belirlemeniz gerekmektedir. Birim fiyat türü ile oluşturulan ürünler müşteri tarafından \"),_c('b',[_vm._v(\" seçilen oturum sayısınca \")]),_vm._v(\" satın alınabilir. Müşterinin \"),_c('b',[_vm._v(\" (ürün için belirlenen birim fiyat X müşterinin seçmiş olduğu oturum sayısı) \")]),_vm._v(\" tutarında ödemeyi gerçekleştirmesi gerekmektedir. \")])])],1),_c('b-modal',{attrs:{\"id\":\"modal-2\",\"title\":_vm.$t('Geçerlilik Süresi'),\"ok-only\":\"\",\"header-text-variant\":\"primary\",\"ok-title\":_vm.$t('Ok')}},[_c('b-card-text',[_vm._v(\" \"+_vm._s(_vm.$t('Ürününüzü oluşturmadan önce ürününüzün geçerlilik süresini belirlediğinize emin olunuz.'))+\" \"),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Ay ve Gün Değerleri\")])]),_c('p',[_vm._v(\" Ürününüzün geçerlilik süresini \"),_c('b',[_vm._v(\"ay ve gün parametreleri\")]),_vm._v(\" ile belirleyebilirsiniz. \"),_c('b',[_vm._v(\" Ürün satın alınan tarihten itibaren seçmiş olduğunuz ay ve gün değerleri kadar ileri bir tarih için geçerlilik süresine sahip olacaktır. \")]),_vm._v(\" Müşteri ürününüzü satın aldığından itibaren \"),_c('b',[_vm._v(\"geçerlilik süresince\")]),_vm._v(\" kalan hakkını tüketebilecektir. \")]),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Süre Sınırı Olmasın\")])]),_c('p',[_vm._v(\" Ürününüzün \"),_c('b',[_vm._v(\"sınırsız bir geçerlilik süresine\")]),_vm._v(\" sahip olmasını istiyorsanız bu seçeneği işaretlemelisiniz. Süre sınırı olmayan ürünler \"),_c('b',[_vm._v(\" müşteri tarafından satın almış olduğu ürün aktif olduğu sürece herhangi bir tarih sonrasında \")]),_vm._v(\" kalan hakkını tüketebilecektir. \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-card>\r\n        <b-form @submit.prevent>\r\n            <b-row class=\"d-flex align-items-top justify-content-center\">\r\n                <b-col class=\"col-sm-12 col-md-4 col-lg-4\">\r\n                    <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-2 shadow rounded\">\r\n                        <b-col cols=\"12\" class=\"d-flex justify-content-center align-items-center product-img-side\">\r\n                            <b-row>\r\n                                <b-media class=\"mb-2 css-reset\">\r\n                                    <b-img ref=\"previewEl\" :src=\"userImg\" class=\"product-img my-2\" center />\r\n                                </b-media>\r\n                            </b-row>\r\n                        </b-col>\r\n                        <b-row class=\"d-flex justify-content-center align-items-center\">\r\n                            <b-button variant=\"primary upload-button\" @click=\"toggleShow\">\r\n                                <span class=\"d-none d-sm-inline\">\r\n                                    <b-icon-capslock-fill class=\"up-icon\" />\r\n                                    <span class=\"up-text\">{{ $t('Upload') }}</span>\r\n                                </span>\r\n                                <b-icon-capslock-fill class=\"up-icon d-inline d-sm-none\" />\r\n                            </b-button>\r\n\r\n                            <my-upload field=\"img\"\r\n                                       @crop-success=\"cropSuccess\"\r\n                                       v-model=\"show\"\r\n                                       :width=\"150\"\r\n                                       :height=\"150\"\r\n                                       langType=\"tr\"\r\n                                       :params=\"params\"\r\n                                       :headers=\"headers\"\r\n                                       img-format=\"png\"></my-upload>\r\n\r\n                            <b-button variant=\"danger remove-button\"\r\n                                      class=\"ml-1\"\r\n                                      @click=\"removePhoto\">\r\n                                <span class=\"d-none d-sm-inline\">\r\n                                    <b-icon-trash class=\"remove-icon\" />\r\n                                    <span class=\"remove-text\">{{ $t('Remove') }}</span>\r\n                                </span>\r\n                                <b-icon-trash class=\"remove-icon d-inline d-sm-none\" />\r\n                            </b-button>\r\n                        </b-row>\r\n                    </div>\r\n                </b-col>\r\n\r\n                <b-col class=\"col-sm-12 col-md-8 col-lg-8\">\r\n                    <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\">\r\n                        <!-- ürün başlığı -->\r\n                        <b-col cols=\"12\">\r\n                            <b-form-group :label=\"$t('Product Title')\"\r\n                                          label-for=\"product_title\">\r\n                                <b-input-group class=\"input-group-merge\">\r\n                                    <b-input-group-prepend is-text>\r\n                                        <feather-icon icon=\"ItalicIcon\" />\r\n                                    </b-input-group-prepend>\r\n                                    <b-form-input id=\"product_title\"\r\n                                                  name=\"product_title\"\r\n                                                  type=\"text\"\r\n                                                  :placeholder=\"$t('Product Title')\"\r\n                                                  v-model=\"product_data.product_title\"\r\n                                                  @blur=\"$v.product_data.product_title.$touch()\" />\r\n                                </b-input-group>\r\n                                <small v-if=\"isSubmit && !$v.product_data.product_title.required\"\r\n                                       class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                            </b-form-group>\r\n                        </b-col>\r\n\r\n\r\n                        <b-col cols=\"12\">\r\n                            <b-form-group :label=\"$t('Activity')\" label-for=\"activity\">\r\n                                <v-select style=\"width: 100%; z-index: 400; display: inline-block\"\r\n                                          :reduce=\"(x) => x.activity_id\"\r\n                                          v-model=\"selectedActivity\"\r\n                                          :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                                          :options=\"activities\"\r\n                                          value=\"activity_id\"\r\n                                          label=\"name\"\r\n                                          name=\"activity\"\r\n                                          @blur=\"$v.selectedActivity.activity_id.$touch()\">\r\n                                </v-select>\r\n                                <small v-if=\"isSubmit && !$v.selectedActivity.idCheck\"\r\n                                       class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                            </b-form-group>\r\n                        </b-col>\r\n\r\n                        <!-- ürün açıklaması -->\r\n                        <b-col cols=\"12\">\r\n                            <b-form-group :label=\"$t('Product Description')\"\r\n                                          label-for=\"product-description\">\r\n                                <b-input-group class=\"input-group-merge\">\r\n                                    <b-input-group-prepend is-text>\r\n                                        <feather-icon icon=\"ItalicIcon\" />\r\n                                    </b-input-group-prepend>\r\n                                    <b-form-textarea v-model=\"product_data.product_description\"\r\n                                                     id=\"product_description\"\r\n                                                     name=\"product_description\"\r\n                                                     :placeholder=\"$t('Product Description')\"\r\n                                                     rows=\"2\"\r\n                                                     @blur=\"$v.product_data.product_description.$touch()\" />\r\n                                </b-input-group>\r\n                                <small v-if=\"\r\n                    isSubmit && !$v.product_data.product_description.required\r\n                  \"\r\n                                       class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                            </b-form-group>\r\n                        </b-col>\r\n                    </div>\r\n                </b-col>\r\n\r\n                <div class=\"container-fluid\">\r\n\r\n                    <div class=\"row p-0 mt-0\">\r\n                        <div class=\"col-md-12\">\r\n\r\n                            <!-- Geçerlilik Süresi -->\r\n                            <b-form-group>\r\n                                <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\">\r\n                                    <label for=\"scheduler-type\" class=\"d-block\">\r\n                                        <p>\r\n                                            {{ $t('The Number Of Participants') }}\r\n                                        </p>\r\n                                        <hr class=\"pr-1\" />\r\n                                    </label>\r\n                                    <b-input-group class=\"input-group-merge\">\r\n                                        <b-input-group-prepend is-text>\r\n                                            <feather-icon icon=\"UserIcon\" />\r\n                                        </b-input-group-prepend>\r\n                                        <b-form-input id=\"participants_count\" name=\"participants_count\" type=\"number\" :placeholder=\"$t('The Number Of Participants')\" v-model=\"product_data.participants_count\" @blur=\"$v.product_data.participants_count.$touch()\" />\r\n                                    </b-input-group>\r\n                                </div>\r\n                                <small v-if=\"isSubmit && !$v.product_data.participants_count.required\"\r\n                                       class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                            </b-form-group>\r\n\r\n                            <b-form-group label-for=\"scheduler\">\r\n                                <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\">\r\n                                    <label for=\"price-type\" class=\"d-block\">\r\n                                        <p>\r\n                                            {{ $t('The Period Of Validity') }}\r\n                                            <info-icon v-b-modal.modal-2 size=\"1.25x\" class=\"custom-class\"></info-icon>\r\n                                        </p>\r\n                                      <hr />\r\n                                    </label>\r\n                                 \r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-6 col-sm-12\">\r\n\r\n                                            <label for=\"\">{{ $t('Month') }}</label>\r\n                                            <v-select style=\"width: 100%; z-index: 400; display: inline-block\"\r\n                                                      :reduce=\"(x) => x.value\"\r\n                                                      v-model=\"month\"\r\n                                                      :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                                                      :options=\"optionsMonth\"\r\n                                                      value=\"value\"\r\n                                                      label=\"text\"\r\n                                                      name=\"month\"\r\n                                                      :clearable=\"false\"\r\n                                                      :disabled=\"isMonthDisabled\"\r\n                                                      @blur=\"$v.month.$touch()\">\r\n                                            </v-select>\r\n                                            <small v-if=\"!$v.month.check && isSubmit\" class=\"form-text text-danger\"> Geçerlilik süresi ay seçimi zorunlu bir alandır. </small>\r\n                                        </div>\r\n                                        <div class=\"col-md-6 col-sm-12\">\r\n                                            <label for=\"\">{{ $t('Day') }}</label>\r\n                                            <v-select style=\"width: 100%; z-index: 400; display: inline-block\" :reduce=\"(x) => x.value\" v-model=\"day\" :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\" :options=\"optionsDay\" value=\"value\" label=\"text\" name=\"day\" :clearable=\"false\" :disabled=\"isDayDisabled\" @blur=\"$v.day.$touch()\">\r\n                                            </v-select>\r\n                                            <small v-if=\"!$v.day.check && isSubmit\" class=\"form-text text-danger\"> Geçerlilik süresi gün seçimi zorunlu bir alandır. </small>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"row mt-1\">\r\n                                        <div class=\"col\">\r\n                                            <b-form-checkbox v-model=\"selectNoExpired\" value=\"checked\">\r\n                                                {{ $t('No Time Limit') }}\r\n                                            </b-form-checkbox>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </b-form-group>\r\n\r\n\r\n                            <b-form-group label-for=\"scheduler\"> \r\n                                <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\">\r\n                                    <label for=\"price-type\" class=\"d-block\">\r\n                                        <p>\r\n                                            {{ $t('Price Type') }}\r\n                                            <info-icon v-b-modal.modal-3\r\n                                                       size=\"1.25x\"\r\n                                                       class=\"custom-class\">\r\n                                            </info-icon>\r\n                                        </p>\r\n                                        <hr />\r\n                                    </label>\r\n                                    <b-form-radio v-model=\"priceType\"\r\n                                                  name=\"priceType\"\r\n                                                  value=\"total\"\r\n                                                  class=\"d-inline custom-radio\">\r\n                                        {{ $t('Total Price') }}\r\n                                    </b-form-radio>\r\n                                    <b-form-radio v-model=\"priceType\" name=\"priceType\" value=\"unit\" class=\"d-inline mx-2 custom-radio\">\r\n                                        {{ $t('Unit Price') }}\r\n                                    </b-form-radio>\r\n\r\n                                    <small v-if=\"isSubmit && !$v.priceType.required\"\r\n                                           class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                                    <hr />\r\n\r\n                                    <template v-if=\"priceType === 'total'\">\r\n                                        <div class=\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pr-1 pt-1 shadow rounded\">\r\n                                            <b-form-group :label=\"$t('Total Price')\" label-for=\"town\">\r\n                                                <input class=\"form-control\" id=\"price\" v-model=\"product_data.price\" type=\"number\" placeholder=\"0.00\" maxlength=\"20\" />\r\n                                                <small v-if=\"isSubmit && !$v.product_data.price.required\" class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                                            </b-form-group>\r\n\r\n                                            <b-form-group :label=\"$t('Session Count')\" label-for=\"town\">\r\n                                                <input class=\"form-control\" id=\"session-count\" v-model=\"product_data.sessionCount\" type=\"number\" placeholder=\"0\" maxlength=\"4\" />\r\n                                                <small v-if=\"isSubmit && !$v.product_data.sessionCount.required\" class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                    </template>\r\n                                    <template v-if=\"priceType === 'unit'\">\r\n                                        <div class=\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pr-1 pt-1 shadow rounded\">\r\n                                            <b-form-group :label=\"$t('Unit Price')\" label-for=\"town\">\r\n                                                <input class=\"form-control\" id=\"price\" v-model=\"product_data.price\" type=\"number\" placeholder=\"0.00\" maxlength=\"20\" />\r\n                                                <small v-if=\"isSubmit && !$v.product_data.price.required\" class=\"form-text text-danger\">{{ $t('This field is required') }}</small>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                    </template>\r\n                                </div>\r\n                            </b-form-group>\r\n                        </div>\r\n                    </div>\r\n\r\n    \r\n                    <div class=\"mt-2\">\r\n                        <b-col cols=\"12\" class=\"right\">\r\n                            <b-button v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n                                      type=\"reset\"\r\n                                      variant=\"outline-primary\"\r\n                                      class=\"mr-1\"\r\n                                      :to=\"{ name: 'studio_instructors_list' }\">\r\n                                {{ $t('Cancel') }}\r\n                            </b-button>\r\n                            <b-button v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                                      type=\"submit\"\r\n                                      variant=\"primary\"\r\n                                      @click=\"create\">\r\n                                {{ $t('Save') }}\r\n                            </b-button>\r\n                        </b-col>\r\n                    </div>\r\n                </div>\r\n            </b-row>\r\n        </b-form>\r\n        <b-modal id=\"modal-3\"\r\n                 :title=\"$t('Fiyat Türü')\"\r\n                 ok-only\r\n                 header-text-variant=\"primary\"\r\n                 :ok-title=\"$t('Ok')\">\r\n            <b-card-text>\r\n                {{ $t('Ürününüzü oluşturmadan önce ürününüzün fiyat türünü belirlediğinize emin olunuz.') }}\r\n                <p class=\"mt-2\"><b>Toplam Fiyat</b></p>\r\n                <p>\r\n                    Ürününüzün fiyat türünü <b>Toplam Fiyat</b> olarak belirlediğinizde ürününüz için <b>\r\n                        toplam fiyat ve\r\n                        oturum sayısı değerlerini\r\n                    </b> belirlemeniz gerekmektedir. Toplam fiyat türü ile ile oluşturulan ürünler\r\n                    <b>\r\n                        belirlenen oturum sayısı kadar randevu hakkı sağlar ve tüm bu oturumlar için müşterinin toplam bir\r\n                        fiyat üzerinden\r\n                    </b> ödemeyi gerçekleştirmesi gerekmektedir.\r\n                </p>\r\n                <p class=\"mt-2\"><b>Birim Fiyat</b></p>\r\n                <p>\r\n                    Ürününüzün fiyat türünü <b>Birim Fiyat</b> olarak belirlediğinizde ürününüz için <b>\r\n                        birim fiyat\r\n                        değerini\r\n                    </b> belirlemeniz gerekmektedir. Birim fiyat türü ile oluşturulan ürünler müşteri tarafından <b>\r\n                        seçilen\r\n                        oturum sayısınca\r\n                    </b> satın alınabilir. Müşterinin <b>\r\n                        (ürün için belirlenen birim fiyat X müşterinin\r\n                        seçmiş olduğu oturum sayısı)\r\n                    </b> tutarında ödemeyi gerçekleştirmesi gerekmektedir.\r\n                </p>\r\n            </b-card-text>\r\n        </b-modal>\r\n\r\n        <b-modal id=\"modal-2\"\r\n                 :title=\"$t('Geçerlilik Süresi')\"\r\n                 ok-only\r\n                 header-text-variant=\"primary\"\r\n                 :ok-title=\"$t('Ok')\">\r\n            <b-card-text>\r\n                {{ $t('Ürününüzü oluşturmadan önce ürününüzün geçerlilik süresini belirlediğinize emin olunuz.') }}\r\n                <p class=\"mt-2\"><b>Ay ve Gün Değerleri</b></p>\r\n                <p>\r\n                    Ürününüzün geçerlilik süresini <b>ay ve gün parametreleri</b> ile belirleyebilirsiniz. <b>\r\n                        Ürün satın\r\n                        alınan tarihten itibaren seçmiş olduğunuz ay ve gün değerleri kadar ileri bir tarih için geçerlilik\r\n                        süresine sahip olacaktır.\r\n                    </b> Müşteri ürününüzü satın aldığından itibaren <b>geçerlilik süresince</b>\r\n                    kalan hakkını tüketebilecektir.\r\n                </p>\r\n                <p class=\"mt-2\"><b>Süre Sınırı Olmasın</b></p>\r\n                <p>\r\n                    Ürününüzün <b>sınırsız bir geçerlilik süresine</b> sahip olmasını istiyorsanız bu seçeneği\r\n                    işaretlemelisiniz. Süre sınırı olmayan ürünler <b>\r\n                        müşteri tarafından satın almış olduğu ürün aktif\r\n                        olduğu sürece herhangi bir tarih sonrasında\r\n                    </b> kalan hakkını tüketebilecektir.\r\n                </p>\r\n            </b-card-text>\r\n        </b-modal>\r\n    </b-card>\r\n</template>\r\n\r\n\r\n<script>\r\n    import {\r\n        BAlert,\r\n        BAvatar,\r\n        BButton,\r\n        BCard,\r\n        BCardHeader,\r\n        BCardText,\r\n        BCardTitle,\r\n        BCol,\r\n        BForm,\r\n        BFormCheckbox,\r\n        BFormGroup,\r\n        BFormInput,\r\n        BFormInvalidFeedback,\r\n        BFormRadio,\r\n        BFormSelect,\r\n        BFormTextarea,\r\n        BImg,\r\n        BInputGroup,\r\n        BInputGroupPrepend,\r\n        BMedia,\r\n        BModal,\r\n        BRow,\r\n        BTable,\r\n        VBModal,\r\n    } from 'bootstrap-vue'\r\n    import vSelect from 'vue-select'\r\n    import { mapActions, mapGetters } from 'vuex'\r\n    import Ripple from 'vue-ripple-directive'\r\n    import Cleave from 'vue-cleave-component'\r\n    import { ref } from '@vue/composition-api'\r\n    import { useInputImageRenderer } from '@core/comp-functions/forms/form-utils'\r\n    import { InfoIcon } from 'vue-feather-icons'\r\n    import { required } from 'vuelidate/lib/validators'\r\n    import myUpload from 'vue-image-crop-upload/upload-2.vue'\r\n\r\n    export default {\r\n        setup() {\r\n            const userImg = ref('')\r\n            const previewEl = ref(null)\r\n            let refInputEl = ref(null)\r\n            const { inputImageRenderer } = useInputImageRenderer(\r\n                refInputEl,\r\n                function (base64) {\r\n                    userImg.value = base64\r\n                }\r\n            )\r\n            return {\r\n                refInputEl,\r\n                inputImageRenderer,\r\n                userImg,\r\n                previewEl,\r\n            };\r\n        },\r\n        directives: {\r\n            'b-modal': VBModal,\r\n            Ripple,\r\n        },\r\n        components: {\r\n            InfoIcon,\r\n            BModal,\r\n            VBModal,\r\n            BAlert,\r\n            BImg,\r\n            BFormRadio,\r\n            BFormSelect,\r\n            BButton,\r\n            Cleave,\r\n            BMedia,\r\n            BAvatar,\r\n            BRow,\r\n            BCol,\r\n            BFormGroup,\r\n            BFormInput,\r\n            BForm,\r\n            BFormInvalidFeedback,\r\n            BTable,\r\n            BCard,\r\n            BCardHeader,\r\n            BCardTitle,\r\n            BFormCheckbox,\r\n            BInputGroup,\r\n            BInputGroupPrepend,\r\n            BCardText,\r\n            vSelect,\r\n            mapGetters,\r\n            mapActions,\r\n            BFormTextarea,\r\n            'my-upload': myUpload,\r\n        },\r\n        props: {},\r\n\r\n        data() {\r\n            return {\r\n                selectedCity: {\r\n                    city_id: '00000000-0000-0000-0000-000000000000',\r\n                    city_name: this.$t('Please choose'),\r\n                },\r\n                selectedTown: {\r\n                    town_id: '00000000-0000-0000-0000-000000000000',\r\n                    town_name: this.$t('Please choose'),\r\n                },\r\n\r\n                //product to trainer/////////////////////////////////\r\n                product_data: {\r\n                    product_title: null,\r\n                    product_description: null,\r\n                    trainer_id: null,\r\n                    trainer_name: null,\r\n                    activity_id: null,\r\n                    //is_planned:null, // belki\r\n                    price: null,\r\n                    sessionCount: null,\r\n                    participants_count: 10,\r\n                },\r\n                //activites\r\n                activities: [],\r\n                selectedActivity: {\r\n                    activity_id: '00000000-0000-0000-0000-000000000000',\r\n                    name: this.$t('Please choose'),\r\n                },\r\n                companyBranchId: null,\r\n                //Scheduler Type\r\n                schedulerSelectedIsPlanned: null,\r\n                //Price Type\r\n                priceType: null,\r\n                //session type\r\n                // sessionOptions: [\r\n                //     { value: 'PT', text: 'Single Session' },\r\n                //     { value: 'GROUP', text: 'Unlimited Session' },\r\n                // ],\r\n                // sessionSelected: {\r\n                //     value: null,\r\n                //     text: this.$t('Please choose')\r\n                // },\r\n                /////////////////////////////////////////////////////\r\n                dataloaded: false,\r\n                selectedIndex: 0,\r\n                isSubmit: false,\r\n\r\n                show: false,\r\n                params: {\r\n                    token: '123456798',\r\n                    name: 'avatar',\r\n                },\r\n                headers: {\r\n                    smail: '*_~',\r\n                },\r\n                userImg: '',\r\n                month: {\r\n                    value: 'please',\r\n                    text: this.$t('Please Select Month')\r\n                },\r\n                optionsMonth: [],\r\n                day: {\r\n                    value: 'please',\r\n                    text: this.$t('Please Select The Day')\r\n                },\r\n                optionsDay: [],\r\n                selectNoExpired: false,\r\n                isMonthDisabled: false,\r\n                isDayDisabled: false\r\n            };\r\n        },\r\n        validations: {\r\n            month: {\r\n                check: (val, vm) => {\r\n                    return vm.month.value === 'please' ? false : true;\r\n                }\r\n            },\r\n            day: {\r\n                check: (val, vm) => {\r\n                    return vm.day.value === 'please' ? false : true;\r\n                }\r\n            },\r\n            product_data: {\r\n                product_title: {\r\n                    required,\r\n                },\r\n                product_description: {\r\n                    required,\r\n                },\r\n                price: {\r\n                    required,\r\n                },\r\n                sessionCount: {\r\n                    required,\r\n                },\r\n            },\r\n            selectedActivity: {\r\n                //yazdığım custom filter\r\n                idCheck(val, vm) {\r\n                    //lütfen seçiniz kısmında gelen default id var ise false dön yani seçim yaptırmaya zorla\r\n                    return vm.selectedActivity.activity_id ===\r\n                        '00000000-0000-0000-0000-000000000000'\r\n                        ? false\r\n                        : true;\r\n                },\r\n            },\r\n            // schedulerSelectedIsPlanned: {\r\n            //   required,\r\n            // },\r\n            priceType: {\r\n                required,\r\n            },\r\n        },\r\n\r\n        methods: {\r\n            ...mapActions('mockUser', ['fetchUser']),\r\n            removePhoto() {\r\n                this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n            },\r\n            toggleShow() {\r\n                this.show = !this.show;\r\n            },\r\n            /**s\r\n             * crop success\r\n             *\r\n             * [param] userImg\r\n             * [param] field\r\n             */\r\n            cropSuccess(userImg, field) {\r\n                this.userImg = userImg;\r\n                console.log(this.userImg);\r\n            },\r\n            /**\r\n             * upload success\r\n             *\r\n             * [param] jsonData  server api return data, already json encode\r\n             * [param] field\r\n             */\r\n            cropUploadSuccess(jsonData, field) {\r\n                console.log('-------- upload success --------');\r\n                console.log(jsonData);\r\n                console.log('field: ' + field);\r\n            },\r\n            /**\r\n             * upload fail\r\n             *\r\n             * [param] status    server api return error status, like 500\r\n             * [param] field\r\n             */\r\n            cropUploadFail(status, field) {\r\n                console.log('-------- upload fail --------');\r\n                console.log(status);\r\n                console.log('field: ' + field);\r\n            },\r\n\r\n            create() {\r\n                //gönderilme isteği gönderildiği için true'ya çek\r\n                this.isSubmit = true;\r\n                if (this.month == 0 && this.day == 0 && this.selectNoExpired == false) {\r\n                    this.$functions.Messages.warning('Gün ve Ay değerlerinin ikiside 0 olamaz!');\r\n                    return false;\r\n                }\r\n                //eğer doğrulama tamamlanmış ise\r\n                if (this.$v.$invalid === false) {\r\n                    //eğer süre sınırı yok işaretlenir ise gün,ay değerlerini 0'a çekme doğrulaması (obj -> to int)\r\n                    if (this.selectNoExpired == 'checked') {\r\n                        this.month = 0;\r\n                        this.day = 0;\r\n                    }\r\n                    this.$database.StudioService.trainer_product_create(\r\n                        this.companyBranchId,\r\n                        this.product_data.trainer_id,\r\n                        this.product_data.activity_id,\r\n                        this.$functions.QuoteFormat(this.product_data.product_title),\r\n                        this.$functions.QuoteFormat(this.product_data.product_description),\r\n                        this.product_data.price,\r\n                        this.product_data.sessionCount,\r\n                        this.userImg,\r\n                        this.product_data.participants_count,\r\n                        this.month, //geçerlilik süresi ay bilgisi\r\n                        this.day //geçerlilik süresi gün bilgisi\r\n                    )\r\n                        .then((res) => {\r\n                            if (res.is_success === true) {\r\n                                this.$functions.Messages.success(\r\n                                    'The Product Has Been Successfully Added'\r\n                                );\r\n                                this.$router.push({ name: 'products' });\r\n                            } else {\r\n                                this.$functions.Messages.error('Action failed!');\r\n                            }\r\n                        });\r\n                }\r\n            },\r\n            // getCities() {\r\n            //   this.$database.DistributorService.studio_get_cities()\r\n            //       .then((res) => {\r\n            //         if (!res.is_success) return;\r\n            //         this.cities = res.result;\r\n            //         // this.studio_data.city_id=res.result[0].city_id\r\n            //         this.dataloaded = true;\r\n            //         //  this.getTowns();\r\n            //       });\r\n            // },\r\n            getActivities() {\r\n                this.$database.StudioService.activity_get_list(\r\n                    this.companyBranchId,\r\n                    1\r\n                )\r\n                    .then((res) => {\r\n                        if (!res.is_success) return;\r\n                        this.activities = res.result;\r\n                        this.dataloaded = true;\r\n                    });\r\n            },\r\n            getTrainerInfo() {\r\n                this.$database.StudioService.get_trainer_info(\r\n                    this.$route.params.trainerID //person_id geliyor routetan..\r\n                )\r\n                    .then((res) => {\r\n                        this.product_data.trainer_id = res.result.trainer_id;\r\n                    });\r\n            },\r\n            addMonth() {\r\n                this.optionsMonth.push({\r\n                    value: 0,\r\n                    text: '0'\r\n                });\r\n                for (let i = 1; i <= 36; i++) {\r\n                    this.optionsMonth.push({\r\n                        value: i,\r\n                        text: `${i} ${this.$t('Month')}`\r\n                    });\r\n                }\r\n            },\r\n            addDay() {\r\n                this.optionsDay.push({\r\n                    value: 0,\r\n                    text: '0'\r\n                });\r\n                for (let i = 1; i <= 31; i++) {\r\n                    this.optionsDay.push({\r\n                        value: i,\r\n                        text: `${i} ${this.$t('Day')}`\r\n                    });\r\n                }\r\n            },\r\n            // async getTrainerName(){\r\n            //   //person_id -> trainer name (name bilgisi persondan geliyor sonuçta)\r\n            //   await this.$database.StudioService.get_trainer_name(\r\n            //       this.$route.params.trainerID //aslında person_id\r\n            //   ).then(res => {\r\n            //       this.product_data.trainer_name = res.result.name  + ' ' + res.result.last_name\r\n            //   })\r\n\r\n            // }\r\n        },\r\n        watch: {\r\n            selectNoExpired(val) {\r\n                if (val == 'checked') {\r\n                    this.day = {\r\n                        value: 0,\r\n                        text: this.$t('No Day Limit')\r\n                    };\r\n                    this.month = {\r\n                        value: 0,\r\n                        text: this.$t('No Month Limit')\r\n                    };\r\n                    this.isMonthDisabled = true;\r\n                    this.isDayDisabled = true;\r\n                } else {\r\n                    this.isMonthDisabled = false;\r\n                    this.isDayDisabled = false;\r\n                    this.day = {\r\n                        value: 'please',\r\n                        text: this.$t('Please choose')\r\n                    };\r\n                    this.month = {\r\n                        value: 'please',\r\n                        text: this.$t('Please choose')\r\n                    };\r\n                }\r\n            },\r\n            //2.kontrol mekanizmam - asenkron inputları izleyerek şu an 20 (max) karakter ile sınırlandırıyorum\r\n            'product_data.price'(val) {\r\n                if (this.product_data.price.length > 20) {\r\n                    this.product_data.price = val.slice(0, 20);\r\n                }\r\n            },\r\n            'product_data.sessionCount'(val) {\r\n                if (this.product_data.sessionCount > 5) {\r\n                    this.product_data.sessionCount = val.slice(0, 5);\r\n                }\r\n            },\r\n            priceType(val) {\r\n                if (val === 'unit') {\r\n                    this.product_data.sessionCount = 1;\r\n                }\r\n            },\r\n\r\n            selectedActivity(val) {\r\n                if (this.dataloaded == true) {\r\n                    this.product_data.activity_id = val;\r\n                }\r\n            },\r\n        },\r\n        created() {\r\n            this.companyBranchId =\r\n                this.$store.getters['auth/userInfo'].company_branch_id;\r\n            //this.getCities();\r\n            // this.getTrainerName();\r\n            this.getActivities();\r\n            this.getTrainerInfo();\r\n            this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n            this.addMonth();\r\n            this.addDay();\r\n        },\r\n    };\r\n</script>\r\n\r\n<!-- stillendirme -->\r\n<style lang=\"scss\" src=\"@/styles/scss/addProductToTrainerScoped.scss\" scoped></style>\r\n<style lang=\"scss\" src=\"@/styles/scss/addProductToTrainer.scss\"></style>\r\n\r\n<script>\r\n    import {\r\n        BAlert,\r\n        BAvatar,\r\n        BButton,\r\n        BCard,\r\n        BCardHeader,\r\n        BCardText,\r\n        BCardTitle,\r\n        BCol,\r\n        BForm,\r\n        BFormCheckbox,\r\n        BFormGroup,\r\n        BFormInput,\r\n        BFormInvalidFeedback,\r\n        BFormRadio,\r\n        BFormSelect,\r\n        BFormTextarea,\r\n        BImg,\r\n        BInputGroup,\r\n        BInputGroupPrepend,\r\n        BMedia,\r\n        BModal,\r\n        BRow,\r\n        BTable,\r\n        VBModal,\r\n    } from 'bootstrap-vue'\r\n    import vSelect from 'vue-select'\r\n    import { mapActions, mapGetters } from 'vuex'\r\n    import Ripple from 'vue-ripple-directive'\r\n    import Cleave from 'vue-cleave-component'\r\n    import { ref } from '@vue/composition-api'\r\n    import { useInputImageRenderer } from '@core/comp-functions/forms/form-utils'\r\n    import { InfoIcon } from 'vue-feather-icons'\r\n    import { required } from 'vuelidate/lib/validators'\r\n    import myUpload from 'vue-image-crop-upload/upload-2.vue'\r\n\r\n    export default {\r\n        setup() {\r\n            const userImg = ref('')\r\n            const previewEl = ref(null)\r\n            let refInputEl = ref(null)\r\n            const { inputImageRenderer } = useInputImageRenderer(\r\n                refInputEl,\r\n                function (base64) {\r\n                    userImg.value = base64\r\n                }\r\n            )\r\n            return {\r\n                refInputEl,\r\n                inputImageRenderer,\r\n                userImg,\r\n                previewEl,\r\n            };\r\n        },\r\n        directives: {\r\n            'b-modal': VBModal,\r\n            Ripple,\r\n        },\r\n        components: {\r\n            InfoIcon,\r\n            BModal,\r\n            VBModal,\r\n            BAlert,\r\n            BImg,\r\n            BFormRadio,\r\n            BFormSelect,\r\n            BButton,\r\n            Cleave,\r\n            BMedia,\r\n            BAvatar,\r\n            BRow,\r\n            BCol,\r\n            BFormGroup,\r\n            BFormInput,\r\n            BForm,\r\n            BFormInvalidFeedback,\r\n            BTable,\r\n            BCard,\r\n            BCardHeader,\r\n            BCardTitle,\r\n            BFormCheckbox,\r\n            BInputGroup,\r\n            BInputGroupPrepend,\r\n            BCardText,\r\n            vSelect,\r\n            mapGetters,\r\n            mapActions,\r\n            BFormTextarea,\r\n            'my-upload': myUpload,\r\n        },\r\n        props: {},\r\n\r\n        data() {\r\n            return {\r\n                selectedCity: {\r\n                    city_id: '00000000-0000-0000-0000-000000000000',\r\n                    city_name: this.$t('Please choose'),\r\n                },\r\n                selectedTown: {\r\n                    town_id: '00000000-0000-0000-0000-000000000000',\r\n                    town_name: this.$t('Please choose'),\r\n                },\r\n\r\n                //product to trainer/////////////////////////////////\r\n                product_data: {\r\n                    product_title: null,\r\n                    product_description: null,\r\n                    trainer_id: null,\r\n                    trainer_name: null,\r\n                    activity_id: null,\r\n                    //is_planned:null, // belki\r\n                    price: null,\r\n                    sessionCount: null,\r\n                    participants_count: 10,\r\n                },\r\n                //activites\r\n                activities: [],\r\n                selectedActivity: {\r\n                    activity_id: '00000000-0000-0000-0000-000000000000',\r\n                    name: this.$t('Please choose'),\r\n                },\r\n                companyBranchId: null,\r\n                //Scheduler Type\r\n                schedulerSelectedIsPlanned: null,\r\n                //Price Type\r\n                priceType: null,\r\n                //session type\r\n                // sessionOptions: [\r\n                //     { value: 'PT', text: 'Single Session' },\r\n                //     { value: 'GROUP', text: 'Unlimited Session' },\r\n                // ],\r\n                // sessionSelected: {\r\n                //     value: null,\r\n                //     text: this.$t('Please choose')\r\n                // },\r\n                /////////////////////////////////////////////////////\r\n                dataloaded: false,\r\n                selectedIndex: 0,\r\n                isSubmit: false,\r\n\r\n                show: false,\r\n                params: {\r\n                    token: '123456798',\r\n                    name: 'avatar',\r\n                },\r\n                headers: {\r\n                    smail: '*_~',\r\n                },\r\n                userImg: '',\r\n                month: {\r\n                    value: 'please',\r\n                    text: this.$t('Please Select Month')\r\n                },\r\n                optionsMonth: [],\r\n                day: {\r\n                    value: 'please',\r\n                    text: this.$t('Please Select The Day')\r\n                },\r\n                optionsDay: [],\r\n                selectNoExpired: false,\r\n                isMonthDisabled: false,\r\n                isDayDisabled: false\r\n            };\r\n        },\r\n        validations: {\r\n            month: {\r\n                check: (val, vm) => {\r\n                    return vm.month.value === 'please' ? false : true;\r\n                }\r\n            },\r\n            day: {\r\n                check: (val, vm) => {\r\n                    return vm.day.value === 'please' ? false : true;\r\n                }\r\n            },\r\n            product_data: {\r\n                product_title: {\r\n                    required,\r\n                },\r\n                product_description: {\r\n                    required,\r\n                },\r\n                price: {\r\n                    required,\r\n                },\r\n                sessionCount: {\r\n                    required,\r\n                },\r\n                participants_count: {\r\n                    required\r\n                }\r\n            },\r\n            selectedActivity: {\r\n                //yazdığım custom filter\r\n                idCheck(val, vm) {\r\n                    //lütfen seçiniz kısmında gelen default id var ise false dön yani seçim yaptırmaya zorla\r\n                    return vm.selectedActivity.activity_id ===\r\n                        '00000000-0000-0000-0000-000000000000'\r\n                        ? false\r\n                        : true;\r\n                },\r\n            },\r\n            // schedulerSelectedIsPlanned: {\r\n            //   required,\r\n            // },\r\n            priceType: {\r\n                required,\r\n            },\r\n        },\r\n\r\n        methods: {\r\n            ...mapActions('mockUser', ['fetchUser']),\r\n            removePhoto() {\r\n                this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n            },\r\n            toggleShow() {\r\n                this.show = !this.show;\r\n            },\r\n            /**s\r\n             * crop success\r\n             *\r\n             * [param] userImg\r\n             * [param] field\r\n             */\r\n            cropSuccess(userImg, field) {\r\n                this.userImg = userImg;\r\n                console.log(this.userImg);\r\n            },\r\n            /**\r\n             * upload success\r\n             *\r\n             * [param] jsonData  server api return data, already json encode\r\n             * [param] field\r\n             */\r\n            cropUploadSuccess(jsonData, field) {\r\n                console.log('-------- upload success --------');\r\n                console.log(jsonData);\r\n                console.log('field: ' + field);\r\n            },\r\n            /**\r\n             * upload fail\r\n             *\r\n             * [param] status    server api return error status, like 500\r\n             * [param] field\r\n             */\r\n            cropUploadFail(status, field) {\r\n                console.log('-------- upload fail --------');\r\n                console.log(status);\r\n                console.log('field: ' + field);\r\n            },\r\n\r\n            create() {\r\n                //gönderilme isteği gönderildiği için true'ya çek\r\n                this.isSubmit = true;\r\n                if (this.month == 0 && this.day == 0 && this.selectNoExpired == false) {\r\n                    this.$functions.Messages.warning('Gün ve Ay değerlerinin ikiside 0 olamaz!');\r\n                    return false;\r\n                }\r\n                //eğer doğrulama tamamlanmış ise\r\n                if (this.$v.$invalid === false) {\r\n                    //eğer süre sınırı yok işaretlenir ise gün,ay değerlerini 0'a çekme doğrulaması (obj -> to int)\r\n                    if (this.selectNoExpired == 'checked') {\r\n                        this.month = 0;\r\n                        this.day = 0;\r\n                    }\r\n                    this.$database.StudioService.trainer_product_create(\r\n                        this.companyBranchId,\r\n                        this.product_data.trainer_id,\r\n                        this.product_data.activity_id,\r\n                        this.$functions.QuoteFormat(this.product_data.product_title),\r\n                        this.$functions.QuoteFormat(this.product_data.product_description),\r\n                        this.product_data.price,\r\n                        this.product_data.sessionCount,\r\n                        this.userImg,\r\n                        this.product_data.participants_count,\r\n                        this.month, //geçerlilik süresi ay bilgisi\r\n                        this.day //geçerlilik süresi gün bilgisi\r\n                    )\r\n                        .then((res) => {\r\n                            if (res.is_success === true) {\r\n                                this.$functions.Messages.success(\r\n                                    'The Product Has Been Successfully Added'\r\n                                );\r\n                                this.$router.push({ name: 'products' });\r\n                            } else {\r\n                                this.$functions.Messages.error('Action failed!');\r\n                            }\r\n                        });\r\n                }\r\n            },\r\n            getActivities() {\r\n                this.$database.StudioService.activity_get_list(\r\n                    this.companyBranchId,\r\n                    1\r\n                )\r\n                    .then((res) => {\r\n                        if (!res.is_success) return;\r\n                        this.activities = res.result;\r\n                        this.dataloaded = true;\r\n                    });\r\n            },\r\n            getTrainerInfo() {\r\n                this.$database.StudioService.get_trainer_info(\r\n                    this.$route.params.trainerID //person_id geliyor routetan..\r\n                )\r\n                    .then((res) => {\r\n                        this.product_data.trainer_id = res.result.trainer_id;\r\n                    });\r\n            },\r\n            addMonth() {\r\n                this.optionsMonth.push({\r\n                    value: 0,\r\n                    text: '0'\r\n                });\r\n                for (let i = 1; i <= 36; i++) {\r\n                    this.optionsMonth.push({\r\n                        value: i,\r\n                        text: `${i} ${this.$t('Month')}`\r\n                    });\r\n                }\r\n            },\r\n            addDay() {\r\n                this.optionsDay.push({\r\n                    value: 0,\r\n                    text: '0'\r\n                });\r\n                for (let i = 1; i <= 31; i++) {\r\n                    this.optionsDay.push({\r\n                        value: i,\r\n                        text: `${i} ${this.$t('Day')}`\r\n                    });\r\n                }\r\n            },\r\n            // async getTrainerName(){\r\n            //   //person_id -> trainer name (name bilgisi persondan geliyor sonuçta)\r\n            //   await this.$database.StudioService.get_trainer_name(\r\n            //       this.$route.params.trainerID //aslında person_id\r\n            //   ).then(res => {\r\n            //       this.product_data.trainer_name = res.result.name  + ' ' + res.result.last_name\r\n            //   })\r\n\r\n            // }\r\n        },\r\n        watch: {\r\n            selectNoExpired(val) {\r\n                if (val == 'checked') {\r\n                    this.day = {\r\n                        value: 0,\r\n                        text: this.$t('No Day Limit')\r\n                    };\r\n                    this.month = {\r\n                        value: 0,\r\n                        text: this.$t('No Month Limit')\r\n                    };\r\n                    this.isMonthDisabled = true;\r\n                    this.isDayDisabled = true;\r\n                } else {\r\n                    this.isMonthDisabled = false;\r\n                    this.isDayDisabled = false;\r\n                    this.day = {\r\n                        value: 'please',\r\n                        text: this.$t('Please choose')\r\n                    };\r\n                    this.month = {\r\n                        value: 'please',\r\n                        text: this.$t('Please choose')\r\n                    };\r\n                }\r\n            },\r\n            //2.kontrol mekanizmam - asenkron inputları izleyerek şu an 20 (max) karakter ile sınırlandırıyorum\r\n            'product_data.price'(val) {\r\n                if (this.product_data.price.length > 20) {\r\n                    this.product_data.price = val.slice(0, 20);\r\n                }\r\n            },\r\n            'product_data.sessionCount'(val) {\r\n                if (this.product_data.sessionCount > 5) {\r\n                    this.product_data.sessionCount = val.slice(0, 5);\r\n                }\r\n            },\r\n            priceType(val) {\r\n                if (val === 'unit') {\r\n                    this.product_data.sessionCount = 1;\r\n                }\r\n            },\r\n\r\n            selectedActivity(val) {\r\n                if (this.dataloaded == true) {\r\n                    this.product_data.activity_id = val;\r\n                }\r\n            },\r\n        },\r\n        created() {\r\n            this.companyBranchId =\r\n                this.$store.getters['auth/userInfo'].company_branch_id;\r\n            //this.getCities();\r\n            // this.getTrainerName();\r\n            this.getActivities();\r\n            this.getTrainerInfo();\r\n            this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n            this.addMonth();\r\n            this.addDay();\r\n        },\r\n    };\r\n</script>\r\n\r\n<!-- stillendirme -->\r\n<style lang=\"scss\" src=\"@/styles/scss/addProductToTrainerScoped.scss\" scoped></style>\r\n<style lang=\"scss\" src=\"@/styles/scss/addProductToTrainer.scss\"></style>\r\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!./add_product_to_trainer.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!./add_product_to_trainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./add_product_to_trainer.vue?vue&type=template&id=266ace3c&scoped=true&\"\nimport script from \"./add_product_to_trainer.vue?vue&type=script&lang=js&\"\nexport * from \"./add_product_to_trainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"@/styles/scss/addProductToTrainerScoped.scss?vue&type=style&index=0&id=266ace3c&lang=scss&scoped=true&\"\nimport style1 from \"@/styles/scss/addProductToTrainer.scss?vue&type=style&index=1&lang=scss&\"\nimport style2 from \"@/styles/scss/addProductToTrainerScoped.scss?vue&type=style&index=2&id=266ace3c&lang=scss&scoped=true&\"\nimport style3 from \"@/styles/scss/addProductToTrainer.scss?vue&type=style&index=3&lang=scss&\"\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  \"266ace3c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./addProductToTrainer.scss?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}