{"version":3,"sources":["webpack:///./src/client/system_app_settings.vue?467a","webpack:///./src/client/system_app_settings.vue","webpack:///src/client/system_app_settings.vue","webpack:///./src/client/system_app_settings.vue?85af","webpack:///./src/client/system_app_settings.vue?83bd","webpack:///./src/client/field_guide.vue?2101","webpack:///./src/client/field_guide.vue","webpack:///src/client/field_guide.vue","webpack:///./src/client/field_guide.vue?82d0","webpack:///./src/client/field_guide.vue?623a"],"names":["render","_vm","this","_c","_self","attrs","staticClass","permissionExist","on","collapseAll","_v","_s","$t","_e","staticRenderFns","toast","timeout","position","Vue","components","data","version_code","version_name","collapses","show","getPermissionsData","methods","getPermissions","getClient","id","API","param","mounted","document","el","beforeMount","watch","$route","component","$event","stopPropagation","preventDefault","onSubmitEditor","apply","arguments","editor","editorConfig","onEditorInput","onReady","model","value","editorForm","editor_content","callback","$$v","$set","expression","isDisabled1","name","mixins","system_app_settings","form","header_color","font_color","require_approval","require_lat_lang","require_photo","latitude","longitude","default_map_zoom","default_map","stock_image","client_id","sliderCustomzie","lineHeight","processStyle","backgroundColor","tooltipStyles","borderColor","extraPlugins","toolbar","items","language","image","table","contentToolbar","selectedFile","image_error","url","client_url","isDisabled","showProgressBar","closeOnClick","pauseOnHover","onFileSelected","event","img","console","getAppSettings","getClientSettings","handleAttachmentChanges","upload","href","removeImage","uploader"],"mappings":"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AEAC,eACAD,0BACAE,wBAGA3B,YACAC,kBACAoB,yDAEA3B,WACAC,cACAiC,6BACAC,SACAC,OACA,UACA,IACA,YAEA,WACA,aACA,YACA,sBACA,IACA,OACA,SACA,YACA,gBACA,IACA,YACA,IACA,eACA,eACA,IACA,SACA,UACA,IACA,OACA,aACA,cACA,cACA,aACA,IACA,OACA,SAEAC,cACAC,OACAH,SACA,uBAEA,sBAGAI,OACAC,gBACA,cACA,WACA,qBAIAC,kBACAC,eACAC,SACAC,gBACAC,gBAIAhE,SACAgB,eADA,WACA,WACA,oBACAZ,2BACA,iBACA,YACA,iBACA,8BACAd,YACA2E,mBACAC,gBACAC,qBAGA,YACA,iBACA,4BACA7E,YACA2E,mBACAC,gBACAC,sBAMAC,eA1BA,SA0BAC,GAAA,WACA,YACA,oBACAC,6BAGAA,oBACAC,4CACA,sFACA,iBACA,iCACA,2CAEA,mBAIAC,eA3CA,WA2CA,WACA,GACA1B,yDAEA1C,sBACAV,GACA,YACA,kDACA,wCACA,oCACA,gCACA,kCACA,gDACA,4FACA,8CACA,oDACA,oDAGA,sBAEA,iBAIA+E,kBApEA,WAqEA,wEACA,sBACA,0CAGAC,wBA1EA,SA0EAL,GAEA,wBAEA,GACAM,UAGAvE,uBACAV,GACA,YACA,OACAoE,UACAc,YAEAP,iCAEA,iBAcAQ,YAzGA,WA0GA,qBACA,aAEAxD,cA7GA,SA6GAgD,KAEAS,SA/GA,SA+GA3D,GACAA,gEACA,uBAGAG,QApHA,SAoHAH,GACAA,qDACAA,0BACAA,6BASAV,YAlOA,WAoOA,sBACA,2BClrBqV,I,wBCQjVG,EAAY,eACd,EACAtC,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAwB,E","file":"js/chunk-a5a89dca.b0645afd.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./system_app_settings.vue?vue&type=style&index=0&id=1d7227c8&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[_c('nav',{staticClass:\"navbar navbar-expand-lg navbar-dark\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"collapse navbar-collapse\",attrs:{\"id\":\"navbar\"}},[_c('ul',{staticClass:\"navbar-nav\"},[(_vm.permissionExist('share_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/share/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('share-settings')))])])],1):_vm._e(),(_vm.permissionExist('map_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/map/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('map-settings')))])])],1):_vm._e(),(_vm.permissionExist('spotter_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/spotter/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('spotter-settings')))])])],1):_vm._e(),(_vm.permissionExist('brand_settings'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/branding/settings\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('branding')))])])],1):_vm._e(),(_vm.permissionExist('field_guide'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/field_guide\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('field-guide')))])])],1):_vm._e(),(_vm.permissionExist('field_guide'))?_c('li',{staticClass:\"nav-item me-3\",on:{\"click\":_vm.collapseAll}},[_c('router-link',{staticClass:\"navbar-brand d-flex align-items-center nav-link\",attrs:{\"to\":\"/app/notification\"}},[_c('span',{staticClass:\"menu-title\"},[_vm._v(_vm._s(_vm.$t('notifications')))])])],1):_vm._e()])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n<template>\r\n<div id=\"app\">\r\n    <nav class=\"navbar navbar-expand-lg navbar-dark\">\r\n      <div class=\"container-fluid\">\r\n        <div class=\"collapse navbar-collapse\" id=\"navbar\">\r\n          <ul class=\"navbar-nav\">\r\n            <!-- <li class=\"nav-item me-3\" v-if=\"permissionExist('system_settings')\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/system/settings\">\r\n                    <span class=\"menu-title\">{{ $t('System Settings') }}</span>\r\n                </router-link>\r\n            </li> -->\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('share_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/share/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('share-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('map_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/map/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('map-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('spotter_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/spotter/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('spotter-settings') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('brand_settings')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/branding/settings\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('branding') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/field_guide\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('field-guide') }}</span>\r\n                </router-link>\r\n            </li>\r\n            <!-- <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/billing\">\r\n                   <i class=\"ti-user menu-icon me-1\"></i> \r\n                    <span class=\"menu-title\">{{ $t('billing') }}</span>\r\n                </router-link>\r\n            </li> -->\r\n            <li class=\"nav-item me-3\" v-if=\"permissionExist('field_guide')\" v-on:click=\"collapseAll\">\r\n                <router-link class=\"navbar-brand d-flex align-items-center nav-link\" to=\"/app/notification\">\r\n                    <!-- <i class=\"ti-user menu-icon me-1\"></i> -->\r\n                    <span class=\"menu-title\">{{ $t('notifications') }}</span>\r\n                </router-link>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </nav>\r\n</div>\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import Vue from \"vue\";\r\n    import {validationMixin} from \"vuelidate\";\r\n    import $ from 'jquery';\r\n    import {required, minLength, email, requiredIf, sameAs, between} from \"vuelidate/lib/validators\";\r\n    const options = {\r\n        toast: {\r\n            timeout: 2000,\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        components:{\r\n        },\r\n        data() {\r\n            return {\r\n                version_code: '',\r\n                version_name: '',\r\n                collapses: [{show: false}, {show: false}, {show: false}],\r\n                getPermissionsData: [],\r\n            };\r\n        },\r\n        methods: {\r\n            getPermissions() {\r\n                this.getPermissionsData = JSON.parse(localStorage.getItem('userPermissions'));\r\n            },\r\n            getClient() {\r\n                const data = {\r\n                    id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.get_client(\r\n                    data,\r\n                    data => {\r\n                        if(data.version) {\r\n                            this.version_name = data.version.version_name;\r\n                            this.version_code = data.version.version_code;\r\n                        }\r\n                    },\r\n                    err => {})\r\n            },\r\n            permissionExist(param) {\r\n                var check = this.getPermissionsData.includes(param);\r\n                if (check) {\r\n                    return true;\r\n                } else {\r\n                    return false;\r\n                }\r\n            },\r\n            collapseAll() {\r\n                var exp_elm = document.getElementsByClassName(\"show\");\r\n                if (exp_elm.length > 0) {\r\n                    var elm_id = exp_elm[0].id;\r\n                    this.$root.$emit(\"bv::toggle::collapse\", elm_id);\r\n                }\r\n            },\r\n            // activeParent() {\r\n            //     document.querySelector(\".nav-link.active\").classList.parent.a.addClass(\"sub-nav-item\");\r\n            // }\r\n        },\r\n        mounted() {\r\n            const body = document.querySelector(\"body\");\r\n            // add class 'hover-open' to sidebar navitem while hover in sidebar-icon-only menu\r\n            document.querySelectorAll(\".navbar .nav-item\").forEach(function (el) {\r\n                el.addEventListener(\"mouseover\", function () {\r\n                    if (body.classList.contains(\"sidebar-icon-only\")) {\r\n                        el.classList.add(\"hover-open\");\r\n                    }\r\n                });\r\n                el.addEventListener(\"mouseout\", function () {\r\n                    if (body.classList.contains(\"sidebar-icon-only\")) {\r\n                        el.classList.remove(\"hover-open\");\r\n                    }\r\n                });\r\n            });\r\n\r\n\r\n        }, beforeMount() {\r\n            this.getPermissions();\r\n            var client_id = JSON.parse(localStorage.getItem('client_id'));\r\n            if(client_id !== null) {\r\n                this.getClient();\r\n            }\r\n        },\r\n        watch: {\r\n            $route() {\r\n                document.querySelector(\"#sidebar\").classList.toggle(\"active\");\r\n            }\r\n        }\r\n    };\r\n\r\n</script>\r\n<style scoped>\r\n    .document-editor {\r\n        border: 1px solid var(--ck-color-base-border);\r\n        border-radius: var(--ck-border-radius);\r\n\r\n        /* Set vertical boundaries for the document editor. */\r\n        max-height: 700px;\r\n\r\n        /* This element is a flex container for easier rendering. */\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n    }\r\n\r\n    .document-editor__toolbar {\r\n        /* Make sure the toolbar container is always above the editable. */\r\n        z-index: 1;\r\n\r\n        /* Create the illusion of the toolbar floating over the editable. */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .2);\r\n\r\n        /* Use the CKEditor CSS variables to keep the UI consistent. */\r\n        border-bottom: 1px solid var(--ck-color-toolbar-border);\r\n    }\r\n\r\n    /* Adjust the look of the toolbar inside the container. */\r\n    .document-editor__toolbar .ck-toolbar {\r\n        border: 0;\r\n        border-radius: 0;\r\n    }\r\n\r\n    /* Make the editable container look like the inside of a native word processor application. */\r\n    .document-editor__editable-container {\r\n        padding: calc(2 * var(--ck-spacing-large));\r\n        background: var(--ck-color-base-foreground);\r\n\r\n        /* Make it possible to scroll the \"page\" of the edited content. */\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .document-editor__editable-container .ck-editor__editable {\r\n        /* Set the dimensions of the \"page\". */\r\n        width: 15.8cm;\r\n        min-height: 21cm;\r\n\r\n        /* Keep the \"page\" off the boundaries of the container. */\r\n        padding: 1cm 2cm 2cm;\r\n\r\n        border: 1px hsl(0, 0%, 82.7%) solid;\r\n        border-radius: var(--ck-border-radius);\r\n        background: white;\r\n\r\n        /* The \"page\" should cast a slight shadow (3D illusion). */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .1);\r\n\r\n        /* Center the \"page\". */\r\n        margin: 0 auto;\r\n    }\r\n\r\n    /* Set the default font for the \"page\" of the content. */\r\n    .document-editor .ck-content,\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    /* Adjust the headings dropdown to host some larger heading styles. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base));\r\n        min-width: 6em;\r\n    }\r\n\r\n    /* Scale down all heading previews because they are way too big to be presented in the UI.\r\n    Preserve the relative scale, though. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {\r\n        transform: scale(0.8);\r\n        transform-origin: left;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 1\". */\r\n    .document-editor .ck-content h2,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {\r\n        font-size: 2.18em;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .document-editor .ck-content h2 {\r\n        line-height: 1.37em;\r\n        padding-top: .342em;\r\n        margin-bottom: .142em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {\r\n        font-size: 1.75em;\r\n        font-weight: normal;\r\n        color: hsl(203, 100%, 50%);\r\n    }\r\n\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {\r\n        color: var(--ck-color-list-button-on-text);\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3 {\r\n        line-height: 1.86em;\r\n        padding-top: .171em;\r\n        margin-bottom: .357em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 3\". */\r\n    .document-editor .ck-content h4,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {\r\n        font-size: 1.31em;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .document-editor .ck-content h4 {\r\n        line-height: 1.24em;\r\n        padding-top: .286em;\r\n        margin-bottom: .952em;\r\n    }\r\n\r\n    /* Set the styles for \"Paragraph\". */\r\n    .document-editor .ck-content p {\r\n        font-size: 1em;\r\n        line-height: 1.63em;\r\n        padding-top: .5em;\r\n        margin-bottom: 1.13em;\r\n    }\r\n\r\n    /* Make the block quoted text serif with some additional spacing. */\r\n    .document-editor .ck-content blockquote {\r\n        font-family: Georgia, serif;\r\n        margin-left: calc(2 * var(--ck-spacing-large));\r\n        margin-right: calc(2 * var(--ck-spacing-large));\r\n    }\r\n\r\n    .ck.ck-editor__editable_inline {\r\n        border: 1px solid #e3e3e3;\r\n        overflow: auto;\r\n        padding: 0 var(--ck-spacing-standard);\r\n    }\r\n\r\n.btn-2 {\r\n  display: flex;\r\n  align-items: center;\r\n  --background: #2b3044;\r\n  --background-hover: #1e2235;\r\n  background: none;\r\n  border: 1px solid lighten(gray, 24%);\r\n  height: 48px;\r\n  padding: 0 24px 0 16px;\r\n  letter-spacing: .25px;\r\n  border-radius: 18px;\r\n  cursor: pointer;\r\n}\r\n\r\n.btn-delete {\r\n  font-size: 12px;\r\n  color: red;\r\n}\r\n\r\n.button-62 {\r\n  background: linear-gradient(to bottom right, #EF4765, #FF9A5A);\r\n  border: 0;\r\n  border-radius: 12px;\r\n  color: #FFFFFF;\r\n  cursor: pointer;\r\n  display: inline-block;\r\n  font-family: -apple-system,system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\r\n  font-size: 16px;\r\n  font-weight: 500;\r\n  line-height: 2.5;\r\n  outline: transparent;\r\n  padding: 0 1rem;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: box-shadow .2s ease-in-out;\r\n  user-select: none;\r\n  -webkit-user-select: none;\r\n  touch-action: manipulation;\r\n  white-space: nowrap;\r\n}\r\n\r\n.btn-2:not([disabled]):focus {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n\r\n.btn-2:not([disabled]):hover {\r\n  box-shadow: 0 0 .25rem rgba(0, 0, 0, 0), -.125rem -.125rem 1rem rgba(239, 71, 101, 0.5), .125rem .125rem 1rem rgba(255, 154, 90, 0.5);\r\n}\r\n.tab .nav-tabs{\r\n    border-bottom:0 none;\r\n    margin-top: 20px;\r\n    /* width: 80% ; */\r\n}\r\n.navbar{\r\n    background-color: #9a5379;\r\n    color: #9a5379;\r\n}\r\n.tab .nav-tabs li a {\r\n    font-size:14px;\r\n    color:#fff;\r\n    margin-right:0;\r\n    padding:10px 45px;\r\n    border-radius:0;\r\n    overflow: hidden;\r\n    background:#9a5379;\r\n    text-transform:uppercase;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n    transition: all 0.4s ease 0s;\r\n    -webkit-transition: all 0.4s ease 0s;\r\n    -moz-transition: all 0.4s ease 0s;\r\n    -o-transition: all 0.4s ease 0s;\r\n}\r\n.tab .nav-tabs li:first-child a{\r\n    border-top-left-radius:8px;\r\n}\r\n.tab .nav-tabs li:last-child a{\r\n    border-top-right-radius:8px;\r\n}\r\n.tab .nav-tabs li a:hover,\r\n.tab .nav-tabs li.active a:hover,\r\n.tab .nav-tabs li.active a{\r\n    background:#545f60;\r\n    color:#fff;\r\n    margin-top: -19px;\r\n    padding:20px 45px;\r\n    border:1px solid #545f60;\r\n}\r\n.tab .tab-content{\r\n    color:#545f60;\r\n    padding: 25px 20px;\r\n    /* background:#545f60; */\r\n    border-radius: 0 0 8px 8px;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n}\r\n/* .tab .tab-content .h3{\r\n    color:rgb(221, 19, 19);\r\n    padding: 25px 20px;\r\n    background:#fff;\r\n    border-radius: 0 0 8px 8px;\r\n    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);\r\n\r\n} */\r\n.my_nav{\r\n    list-style-type: none\r\n}\r\n@media (max-width: 1150px) {\r\n    .card .new-card-body {\r\n        padding: 1.25rem 1.437rem !important;\r\n    }\r\n}\r\n@media only screen and (max-width: 650px){\r\n    .tab .nav-tabs li{ width:100%; }\r\n    .tab .nav-tabs li a{\r\n        margin:0;\r\n        padding:20px 45px;\r\n        box-shadow: -2px -1px 25px 2px rgba(0, 0, 0, 0.4);\r\n    }\r\n    .tab .nav-tabs li:first-child a,\r\n    .tab .nav-tabs li:last-child a{\r\n        border-radius: 0;\r\n    }\r\n    .tab .nav-tabs li a:hover,\r\n    .tab .nav-tabs li.active a:hover,\r\n    .tab .nav-tabs li.active a{\r\n        margin:0;\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./system_app_settings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./system_app_settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./system_app_settings.vue?vue&type=template&id=1d7227c8&scoped=true&\"\nimport script from \"./system_app_settings.vue?vue&type=script&lang=js&\"\nexport * from \"./system_app_settings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./system_app_settings.vue?vue&type=style&index=0&id=1d7227c8&prod&scoped=true&lang=css&\"\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  \"1d7227c8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./field_guide.vue?vue&type=style&index=0&id=5e4fe500&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"advanced-form-elements new-updated-design\"},[_c('vue-snotify'),_c('system_app_settings'),_c('br'),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('field-guide')))])]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmitEditor.apply(null, arguments)}}},[_c('div',{staticClass:\"card-body new-card-body\"},[_c('h3',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('field-guide-info')))]),_c('ckeditor',{attrs:{\"editor\":_vm.editor,\"config\":_vm.editorConfig,\"height\":120,\"rows\":6},on:{\"input\":_vm.onEditorInput,\"ready\":_vm.onReady},model:{value:(_vm.editorForm.editor_content),callback:function ($$v) {_vm.$set(_vm.editorForm, \"editor_content\", $$v)},expression:\"editorForm.editor_content\"}},[_c('div',{staticClass:\"document-editor\"},[_c('div',{staticClass:\"document-editor__toolbar\"}),_c('div',{staticClass:\"document-editor__editable-container\"},[_c('div',{staticClass:\"document-editor__editable\"},[_c('p',[_vm._v(\"The initial editor data.\")])])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"}),_c('div',{staticClass:\"col-md-6\"},[_c('b-button',{staticClass:\"mt-3 float-right\",attrs:{\"type\":\"submit\",\"variant\":\"success\",\"disabled\":_vm.isDisabled1}},[_vm._v(_vm._s(_vm.$t('submit-btn'))+\" \")])],1)])],1)])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n        <section class=\"advanced-form-elements new-updated-design\">\r\n            <vue-snotify></vue-snotify>\r\n            <system_app_settings></system_app_settings>\r\n             <br>\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 grid-margin\">\r\n                    <div class=\"card\">\r\n                        <div class=\"card-header\">\r\n                            <h4 class=\"card-title\">{{ $t('field-guide') }}</h4>\r\n                        </div>\r\n                        <form @submit.stop.prevent=\"onSubmitEditor\">\r\n                            <div class=\"card-body new-card-body\">\r\n                                <h3 class=\"card-title\">{{ $t('field-guide-info') }}</h3>\r\n                                <ckeditor :editor=\"editor\" v-model=\"editorForm.editor_content\" :config=\"editorConfig\"\r\n                                          :height=\"120\" :rows=\"6\" @input=\"onEditorInput\" @ready=\"onReady\">\r\n                                    <div class=\"document-editor\">\r\n                                        <div class=\"document-editor__toolbar\"></div>\r\n                                        <div class=\"document-editor__editable-container\">\r\n                                            <div class=\"document-editor__editable\">\r\n                                                <p>The initial editor data.</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </ckeditor>\r\n                                <div class=\"row\">\r\n                                    <div class=\"col-md-6\"></div>\r\n                                    <div class=\"col-md-6\">\r\n                                        <b-button type=\"submit\" variant=\"success\" class=\"mt-3 float-right\"\r\n                                                  :disabled=\"isDisabled1\">{{ $t('submit-btn') }}\r\n                                        </b-button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </section>\r\n\r\n</template>\r\n\r\n<script lang=\"js\">\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import Vue from \"vue\";\r\n    import CKEditor from '@ckeditor/ckeditor5-vue2';\r\n    import CkEditorBuild from 'ckeditor5-custom-build/build/ckeditor';\r\n    import UploadAdapter from '@/UploadAdapter';\r\n    import {validationMixin} from \"vuelidate\";\r\n    // import VueSlideBar from 'vue-slide-bar'\r\n    import system_app_settings from './system_app_settings.vue';\r\n    \r\n\r\n    const options = {\r\n        toast: {\r\n            timeout: 2000,\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(CKEditor);\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        name: 'textEditor',\r\n        mixins: [validationMixin],\r\n        components: {\r\n            // VueSlideBar\r\n            system_app_settings\r\n        },\r\n        data() {\r\n            return {\r\n                form: {\r\n                    header_color: \"\",\r\n                    font_color: \"\",\r\n                    // training_complete: true,\r\n                    // enable_acoustic: true,\r\n                    require_approval: true,\r\n                    require_lat_lang: true,\r\n                    require_photo: true,\r\n                    latitude: \"\",\r\n                    longitude: \"\",\r\n                    default_map_zoom: \"\",\r\n                    default_map: \"mapbox://styles/mapbox/light-v10\",\r\n                    stock_image: [],\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                },\r\n                sliderCustomzie: {\r\n                    lineHeight: 10,\r\n                    processStyle: {\r\n                        backgroundColor: '#008ffb'\r\n                    },\r\n                    tooltipStyles: {\r\n                        backgroundColor: '#008ffb',\r\n                        borderColor: '#008ffb'\r\n                    }\r\n                },\r\n                editorForm: {\r\n                    editor_content: \"\",\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                },\r\n                editor: CkEditorBuild,\r\n                editorConfig: {\r\n                    extraPlugins: [this.uploader],\r\n                    toolbar: {\r\n                        items: [\r\n                            'heading',\r\n                            '|',\r\n                            'htmlEmbed',\r\n                            // 'pageBreak',\r\n                            'fontSize',\r\n                            'fontFamily',\r\n                            'fontColor',\r\n                            'fontBackgroundColor',\r\n                            '|',\r\n                            'bold',\r\n                            'italic',\r\n                            'underline',\r\n                            'strikethrough',\r\n                            '|',\r\n                            'alignment',\r\n                            '|',\r\n                            'numberedList',\r\n                            'bulletedList',\r\n                            '|',\r\n                            'indent',\r\n                            'outdent',\r\n                            '|',\r\n                            'link',\r\n                            'blockQuote',\r\n                            'imageUpload',\r\n                            'insertTable',\r\n                            'mediaEmbed',\r\n                            '|',\r\n                            'undo',\r\n                            'redo',\r\n                        ]\r\n                    }, language: 'cs',\r\n                    image: {\r\n                        toolbar: [\r\n                            'imageTextAlternative',\r\n\r\n                            'imageStyle:center',\r\n                        ]\r\n                    },\r\n                    table: {\r\n                        contentToolbar: [\r\n                            'tableColumn',\r\n                            'tableRow',\r\n                            'mergeTableCells'\r\n                        ]\r\n                    },\r\n                },\r\n                selectedFile: null,\r\n                image_error: false,\r\n                url: null,\r\n                client_url: null,\r\n                isDisabled: false,\r\n            }\r\n        },\r\n\r\n        methods: {\r\n            onSubmitEditor() {\r\n                this.isDisabled1 = true;\r\n                API.updateEditorContent(\r\n                    this.editorForm,\r\n                    data => {\r\n                        this.isDisabled1 = false;\r\n                        this.$snotify.success(data.message, {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n                    },\r\n                    err => {\r\n                        this.isDisabled1 = false;\r\n                        this.$snotify.error(err.message, {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n                    }\r\n                )\r\n            },\r\n\r\n            onFileSelected(event) {\r\n                var img = new Image();\r\n                var target_file = event.target.files[0];\r\n                img.src = URL.createObjectURL(target_file);\r\n\r\n\r\n                img.onload = () => {\r\n                    console.log(img.naturalWidth, img.naturalHeight)\r\n                    if ((img.naturalWidth === 50 && img.naturalHeight === 50) || (img.naturalWidth === 27 && img.naturalHeight === 27)) {\r\n                        this.image_error = false;\r\n                        this.selectedFile = event.target.files[0]\r\n                        this.url = URL.createObjectURL(this.selectedFile)\r\n                    } else {\r\n                        this.image_error = true;\r\n                    }\r\n                }\r\n            },\r\n            getAppSettings() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                }\r\n                API.getAppSettings(\r\n                    data,\r\n                    data => {\r\n                        this.editorForm.editor_content = data.data.editor_content;\r\n                        this.form.header_color = data.data.header_color;\r\n                        this.form.font_color = data.data.font_color;\r\n                        this.form.latitude = data.data.latitude;\r\n                        this.form.longitude = data.data.longitude;\r\n                        this.form.default_map_zoom = data.data.default_map_zoom;\r\n                        this.form.default_map = (data.data.default_map) ? data.data.default_map : 'mapbox://styles/mapbox/light-v10';\r\n                        this.form.require_photo = (data.data.require_photo === 1) ? true : false;\r\n                        this.form.require_lat_lang = (data.data.require_lat_lang === 1) ? true : false;\r\n                        this.form.require_approval = (data.data.require_approval === 1) ? true : false;\r\n                        // this.form.training_complete = (data.data.training_complete === 1) ? true : false;\r\n                        // this.form.enable_acoustic = (data.data.enable_acoustic === 1) ? true : false;\r\n                        this.url = data.data.image;\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            getClientSettings() {\r\n                this.clientSettings = JSON.parse(localStorage.getItem('client_settings'));\r\n                if (this.clientSettings) {\r\n                    this.client_url = this.clientSettings.url;\r\n                }\r\n            },\r\n            handleAttachmentChanges(event) {\r\n                // 1. get file object\r\n                let file = event.attachment.file;\r\n\r\n                let data = {\r\n                    upload: file\r\n                }\r\n\r\n                API.saveEditorImage(\r\n                    data,\r\n                    data => {\r\n                        let attributes = {\r\n                            url: data.url,\r\n                            href: data.url\r\n                        };\r\n                        event.attachment.setAttributes(attributes);\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n                // 2. upload file to remote server with FormData\r\n                // ...\r\n\r\n                // 3. if upload success, set back the attachment's URL attribute\r\n                // @param object data from remote server response data after upload.\r\n                // let attributes = {\r\n                //     url: remoteHost + data.path,\r\n                //     href: remoteHost + data.path\r\n                // };\r\n                // event.attachment.setAttributes(attributes);\r\n            },\r\n            removeImage() {\r\n                this.selectedFile = [];\r\n                this.url = '';\r\n            },\r\n            onEditorInput(event) {\r\n            },\r\n            uploader(editor) {\r\n                editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {\r\n                    return new UploadAdapter(loader);\r\n                };\r\n            },\r\n            onReady(editor) {\r\n                editor.ui.getEditableElement().parentElement.insertBefore(\r\n                    editor.ui.view.toolbar.element,\r\n                    editor.ui.getEditableElement()\r\n                );\r\n            },\r\n            // saveMapStyle(value) {\r\n            //     console.log(value)\r\n            //     this.default_map = value;\r\n            // }\r\n        }\r\n        ,\r\n        beforeMount() {\r\n\r\n            this.getAppSettings();\r\n            this.getClientSettings();\r\n        }\r\n    }\r\n</script>\r\n<style scoped>\r\n\r\n    .document-editor {\r\n        border: 1px solid var(--ck-color-base-border);\r\n        border-radius: var(--ck-border-radius);\r\n\r\n        /* Set vertical boundaries for the document editor. */\r\n        max-height: 700px;\r\n\r\n        /* This element is a flex container for easier rendering. */\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n    }\r\n\r\n    .document-editor__toolbar {\r\n        /* Make sure the toolbar container is always above the editable. */\r\n        z-index: 1;\r\n\r\n        /* Create the illusion of the toolbar floating over the editable. */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .2);\r\n\r\n        /* Use the CKEditor CSS variables to keep the UI consistent. */\r\n        border-bottom: 1px solid var(--ck-color-toolbar-border);\r\n    }\r\n\r\n    /* Adjust the look of the toolbar inside the container. */\r\n    .document-editor__toolbar .ck-toolbar {\r\n        border: 0;\r\n        border-radius: 0;\r\n    }\r\n\r\n    /* Make the editable container look like the inside of a native word processor application. */\r\n    .document-editor__editable-container {\r\n        padding: calc(2 * var(--ck-spacing-large));\r\n        background: var(--ck-color-base-foreground);\r\n\r\n        /* Make it possible to scroll the \"page\" of the edited content. */\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .document-editor__editable-container .ck-editor__editable {\r\n        /* Set the dimensions of the \"page\". */\r\n        /*width: 15.8cm;*/\r\n        /*min-height: 21cm;*/\r\n\r\n        /* Keep the \"page\" off the boundaries of the container. */\r\n        padding: 1cm 2cm 2cm;\r\n\r\n        border: 1px hsl(0, 0%, 82.7%) solid;\r\n        border-radius: var(--ck-border-radius);\r\n        background: white;\r\n\r\n        /* The \"page\" should cast a slight shadow (3D illusion). */\r\n        box-shadow: 0 0 5px hsla(0, 0%, 0%, .1);\r\n\r\n        /* Center the \"page\". */\r\n        margin: 0 auto;\r\n    }\r\n\r\n    /* Set the default font for the \"page\" of the content. */\r\n    .document-editor .ck-content,\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        font: 16px/1.6 \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    /* Adjust the headings dropdown to host some larger heading styles. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button__label {\r\n        line-height: calc(1.7 * var(--ck-line-height-base) * var(--ck-font-size-base));\r\n        min-width: 6em;\r\n    }\r\n\r\n    /* Scale down all heading previews because they are way too big to be presented in the UI.\r\n    Preserve the relative scale, though. */\r\n    .document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {\r\n        transform: scale(0.8);\r\n        transform-origin: left;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 1\". */\r\n    .document-editor .ck-content h2,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {\r\n        font-size: 2.18em;\r\n        font-weight: normal;\r\n    }\r\n\r\n    .document-editor .ck-content h2 {\r\n        line-height: 1.37em;\r\n        padding-top: .342em;\r\n        margin-bottom: .142em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {\r\n        font-size: 1.75em;\r\n        font-weight: normal;\r\n        color: hsl(203, 100%, 50%);\r\n    }\r\n\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {\r\n        color: var(--ck-color-list-button-on-text);\r\n    }\r\n\r\n    /* Set the styles for \"Heading 2\". */\r\n    .document-editor .ck-content h3 {\r\n        line-height: 1.86em;\r\n        padding-top: .171em;\r\n        margin-bottom: .357em;\r\n    }\r\n\r\n    /* Set the styles for \"Heading 3\". */\r\n    .document-editor .ck-content h4,\r\n    .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {\r\n        font-size: 1.31em;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .document-editor .ck-content h4 {\r\n        line-height: 1.24em;\r\n        padding-top: .286em;\r\n        margin-bottom: .952em;\r\n    }\r\n\r\n    /* Set the styles for \"Paragraph\". */\r\n    .document-editor .ck-content p {\r\n        font-size: 1em;\r\n        line-height: 1.63em;\r\n        padding-top: .5em;\r\n        margin-bottom: 1.13em;\r\n    }\r\n\r\n    /* Make the block quoted text serif with some additional spacing. */\r\n    .document-editor .ck-content blockquote {\r\n        font-family: Georgia, serif;\r\n        margin-left: calc(2 * var(--ck-spacing-large));\r\n        margin-right: calc(2 * var(--ck-spacing-large));\r\n    }\r\n\r\n    .ck.ck-editor__editable_inline {\r\n        border: 1px solid #e3e3e3;\r\n        overflow: auto;\r\n        padding: 0 var(--ck-spacing-standard);\r\n    }\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./field_guide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./field_guide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./field_guide.vue?vue&type=template&id=5e4fe500&scoped=true&\"\nimport script from \"./field_guide.vue?vue&type=script&lang=js&\"\nexport * from \"./field_guide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./field_guide.vue?vue&type=style&index=0&id=5e4fe500&prod&scoped=true&lang=css&\"\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  \"5e4fe500\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}