{"version":3,"sources":["webpack:///./src/client/sightingInformationPart2.vue","webpack:///src/client/sightingInformationPart2.vue","webpack:///./src/client/sightingInformationPart2.vue?1b76","webpack:///./src/client/sightingInformationPart2.vue?2a47","webpack:///./src/client/sightingInformationPart2.vue?b28a"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","stopPropagation","preventDefault","onSubmit","apply","arguments","_v","_s","$t","$v","form","project_id","$dirty","$error","projectOptions","onProjectChange","model","value","selectedProjectId","callback","$$v","expression","length","_e","survey_style_name","$set","categories","handleCategoryChange","selectedCategoryId","directives","name","rawName","is_species_usable","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","concat","slice","Species","species","toggleInput","is_behavior_usable","behaviors","behavior","tags","isDisabled","staticRenderFns","toast","position","Vue","mixins","components","VueTagsInput","data","id","project_name","client_url","survey_style_id","client_id","isLoading","rows","rowsForBulkEdit","totalRecords","orders","showInput","inputValue","currentField","validations","required","mounted","methods","field","text","timeout","showProgressBar","closeOnClick","pauseOnHover","category_id","API","getNames","console","initializeData","getSyncCategories","projectId","getProjectStyleData","getSighting2Info","categoryId","watch","newProjectId","newCategoryId","handler","newTags","deep","computed","component"],"mappings":"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,qCAEAyB,4BACAzB,GACA,YACA,gBACA,mBACA,8BACAoB,YACAC,mBACAC,gBACAC,kBAEA,UACA,gBACA,2BACA,aACA,+BACA,gBAGA,kBACA,qEAxCA,mDACAH,YACAC,mBACAC,gBACAC,mBAwCAG,SApEA,WAoEA,WACA,GACArB,yDAEAoB,sBACAzB,GACA,YACA,gDACAC,QACA/B,wBAEA,4BACA,2CACA,2CACA,6DACA,oBAGA,YACAyD,qDAIAC,eA3FA,WA2FA,iKACA5B,EAAA,CACAC,qBAFA,SAIAwB,kBACAzB,GACA,YACA,wBACA,4CAEA,gBAVA,8CAcA6B,kBAzGA,SAyGAC,GAAA,WACA,GACA3B,gCACApD,cAEA0E,yBACAzB,GACA,YACA,oBACA,0BACA,0BAGA,iBAGA+B,oBAzHA,SAyHAD,GAAA,WACAL,uBACA,CAAAK,cACA,YACA,aACA,+BACA,yCACA,kEAEA,YACAH,uDAKAK,iBAxIA,SAwIAF,EAAAG,GAAA,WACA,GACAH,YACAG,cAEAR,wBACAzB,GACA,YACA,mBACA,aACA,iDACA,kDAEA,aACA,qCACA,oEAEA,aACA,6BAGA,aACA,oEACA,wCAEA,eACA,mCAGA2B,mEAGA,YACAA,4DAIA5D,qBA7KA,WA8KA,iDACA,uEAGAZ,gBAlLA,SAkLAG,GACA,IACA,4BACA,mBACA,6BAIA4E,OACA5E,kBADA,SACA6E,GACA,kDAEAnE,mBAJA,SAIAoE,GACA,iDAEA7C,MACA8C,QADA,SACAC,GACA,0CACA,8BACA,eACA,kCACA,kBAEA,6BAEAC,UAGAC,aCjckW,I,wBCQ9VC,EAAY,eACd,EACA7G,EACA6D,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E,2CCnBf","file":"js/chunk-f040c38a.88f28f80.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"tables new-updated-design\"},[_c('vue-snotify'),_c('form',{staticClass:\"forms-sample\",attrs:{\"autocomplete\":\"off\"},on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 d-flex align-items-stretch grid-margin\"},[_c('div',{staticClass:\"row flex-grow\"},[_c('div',{staticClass:\"col-12 grid-margin\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-header\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.$t('Sightings: Category Specific')))])]),_c('div',{staticClass:\"card-body new-card-body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Survey Name*'),\"label-for\":\"project_name\"}},[_c('b-form-select',{attrs:{\"state\":_vm.$v.form.project_id.$dirty ? !_vm.$v.form.project_id.$error : null,\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.projectOptions,\"value-field\":\"id\",\"text-field\":\"name\"},on:{\"change\":_vm.onProjectChange},model:{value:(_vm.selectedProjectId),callback:function ($$v) {_vm.selectedProjectId=$$v},expression:\"selectedProjectId\"}},[(_vm.projectOptions.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.$t('No Project Found'))+\" \")]):_vm._e()],1)],1)],1),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('survey-style*'),\"label-for\":\"survey_style_name\"}},[_c('b-form-input',{attrs:{\"type\":\"text\",\"id\":\"survey_style_name\",\"name\":\"survey_style_name\",\"placeholder\":_vm.$t('survey-style'),\"readonly\":\"\"},model:{value:(_vm.form.survey_style_name),callback:function ($$v) {_vm.$set(_vm.form, \"survey_style_name\", $$v)},expression:\"form.survey_style_name\"}})],1)],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-4\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('category*'),\"label-for\":\"Category\"}},[_c('b-form-select',{attrs:{\"options\":_vm.categories,\"value-field\":\"id\",\"text-field\":\"name\"},on:{\"change\":_vm.handleCategoryChange},model:{value:(_vm.selectedCategoryId),callback:function ($$v) {_vm.selectedCategoryId=$$v},expression:\"selectedCategoryId\"}},[(_vm.categories.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(_vm._s(_vm.$t('no-category-found')))]):_vm._e()],1)],1)],1)]),_c('label',{attrs:{\"for\":\"Species\"}},[_vm._v(_vm._s(_vm.$t('Use')))]),_c('div',{staticClass:\"row project-checkbox\"},[_c('div',{staticClass:\"col-lg-8\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.is_species_usable),expression:\"form.is_species_usable\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.form.is_species_usable)?_vm._i(_vm.form.is_species_usable,null)>-1:(_vm.form.is_species_usable)},on:{\"change\":function($event){var $$a=_vm.form.is_species_usable,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.form, \"is_species_usable\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.form, \"is_species_usable\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.form, \"is_species_usable\", $$c)}}}}),_c('label',{attrs:{\"for\":\"Species\"}},[_vm._v(_vm._s(_vm.$t('Species')))])]),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-group',{attrs:{\"label-for\":\"Species\"}},[_c('b-form-select',{attrs:{\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.Species,\"value-field\":\"id\",\"text-field\":\"name\"},model:{value:(_vm.form.species),callback:function ($$v) {_vm.$set(_vm.form, \"species\", $$v)},expression:\"form.species\"}},[(_vm.Species.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.$t('No Species Found'))+\" \")]):_vm._e()],1)],1)],1),_c('div',{staticClass:\"col-md-3\"},[_c('b-button',{staticClass:\"btn btn-success\",on:{\"click\":function($event){return _vm.toggleInput('Species')}}},[_vm._v(_vm._s(_vm.$t('edit-values')))])],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-3 mt-4\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.is_behavior_usable),expression:\"form.is_behavior_usable\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.form.is_behavior_usable)?_vm._i(_vm.form.is_behavior_usable,null)>-1:(_vm.form.is_behavior_usable)},on:{\"change\":function($event){var $$a=_vm.form.is_behavior_usable,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.form, \"is_behavior_usable\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.form, \"is_behavior_usable\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.form, \"is_behavior_usable\", $$c)}}}}),_c('label',{attrs:{\"for\":\"behaviors\"}},[_vm._v(_vm._s(_vm.$t('Behavior')))])]),_c('div',{staticClass:\"col-md-6 mt-3\"},[_c('b-form-group',{attrs:{\"label-for\":\"behaviors\"}},[_c('b-form-select',{attrs:{\"aria-describedby\":\"input-1-live-feedback\",\"options\":_vm.behaviors,\"value-field\":\"id\",\"text-field\":\"name\"},model:{value:(_vm.form.behavior),callback:function ($$v) {_vm.$set(_vm.form, \"behavior\", $$v)},expression:\"form.behavior\"}},[(_vm.behaviors.length === 0)?_c('b-form-select-option',{attrs:{\"disabled\":true}},[_vm._v(\" \"+_vm._s(_vm.$t('No Behavior Found'))+\" \")]):_vm._e()],1)],1)],1),_c('div',{staticClass:\"col-md-3 mt-3\"},[_c('b-button',{staticClass:\"btn btn-success\",on:{\"click\":function($event){return _vm.toggleInput('behaviors')}}},[_vm._v(_vm._s(_vm.$t('edit-values')))])],1)])]),_c('div',{staticClass:\"col-lg-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('section',[_c('vue-tags-input',{staticClass:\"tags-input\",attrs:{\"tags\":_vm.tags,\"allow-edit-tags\":true,\"placeholder\":_vm.$t('Enter values as tags'),\"add-only-from-autocomplete\":false},on:{\"tags-changed\":function($event){_vm.tags = $event}}})],1)])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"}),_c('div',{staticClass:\"col-md-6 mt-3\"},[_c('b-button',{staticClass:\"btn float-right btn-success\",attrs:{\"type\":\"submit\",\"variant\":\"success\",\"disabled\":_vm.isDisabled}},[_c('span',[_vm._v(_vm._s(_vm.$t('submit-btn')))])])],1)])])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <section class=\"tables new-updated-design\">\r\n        <vue-snotify></vue-snotify>\r\n        <form class=\"forms-sample\" @submit.stop.prevent=\"onSubmit\" autocomplete=\"off\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12 d-flex align-items-stretch grid-margin\">\r\n                    <div class=\"row flex-grow\">\r\n                        <div class=\"col-12 grid-margin\">\r\n                            <div class=\"card\">\r\n                                <div class=\"card-header\">\r\n                                    <h4 class=\"card-title\">{{ $t('Sightings: Category Specific') }}</h4>\r\n                                </div>\r\n                                <div class=\"card-body new-card-body\">\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-4\">\r\n                                            <b-form-group :label=\"$t('Survey Name*')\" label-for=\"project_name\">\r\n                                                <b-form-select \r\n                                                    v-model=\"selectedProjectId\" \r\n                                                    :state=\"$v.form.project_id.$dirty ? !$v.form.project_id.$error : null\" \r\n                                                    aria-describedby=\"input-1-live-feedback\" \r\n                                                    :options=\"projectOptions\" \r\n                                                    value-field=\"id\" \r\n                                                    text-field=\"name\"\r\n                                                    @change=\"onProjectChange\">\r\n                                                    <b-form-select-option v-if=\"projectOptions.length === 0\" :disabled=\"true\">\r\n                                                        {{ $t('No Project Found') }}\r\n                                                    </b-form-select-option>\r\n                                                </b-form-select>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                        <div class=\"col-md-4\">\r\n                                            <b-form-group :label=\"$t('survey-style*')\" label-for=\"survey_style_name\">\r\n                                                <b-form-input\r\n                                                    type=\"text\"\r\n                                                    id=\"survey_style_name\"\r\n                                                    name=\"survey_style_name\"\r\n                                                    :placeholder=\"$t('survey-style')\"\r\n                                                    v-model=\"form.survey_style_name\" \r\n                                                    readonly>\r\n                                                </b-form-input>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                         <!-- <div class=\"col-md-4\">\r\n                                            <b-form-group :label=\"$t('project-id*')\" label-for=\"project_id\">\r\n                                                <b-form-input\r\n                                                    type=\"text\"\r\n                                                    id=\"project_id\"\r\n                                                    name=\"project_id\"\r\n                                                    autocomplete=\"new-password\"\r\n                                                    :placeholder=\"$t('project-id')\"\r\n                                                    v-model=\"form.project_id\" \r\n                                                    :state=\"$v.form.project_id.$dirty ? !$v.form.project_id.$error : null\"\r\n                                                    readonly>\r\n                                                </b-form-input>\r\n                                            </b-form-group>\r\n                                        </div>-->\r\n                                    </div>\r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-4\">\r\n                                            <b-form-group :label=\"$t('category*')\" label-for=\"Category\">\r\n                                                <b-form-select \r\n                                                    :options=\"categories\" \r\n                                                    value-field=\"id\" \r\n                                                    text-field=\"name\" \r\n                                                    v-model=\"selectedCategoryId\"\r\n                                                    @change=\"handleCategoryChange\">\r\n                                                    <b-form-select-option v-if=\"categories.length === 0\" :disabled = true>{{ $t('no-category-found') }}</b-form-select-option>\r\n                                                </b-form-select>\r\n                                            </b-form-group>\r\n                                        </div>\r\n                                    </div>\r\n                                    <label for=\"Species\">{{ $t('Use') }}</label>\r\n                                    <div class=\"row project-checkbox\">\r\n                                        <div class=\"col-lg-8\">\r\n                                            <div class=\"row\">\r\n                                                <div class=\"col-md-3\">\r\n                                                    <input type=\"checkbox\" v-model=\"form.is_species_usable\">\r\n                                                    <label for=\"Species\">{{ $t('Species') }}</label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6\">\r\n                                                    <b-form-group label-for=\"Species\">\r\n                                                        <b-form-select \r\n                                                            v-model=\"form.species\" \r\n                                                            aria-describedby=\"input-1-live-feedback\" \r\n                                                            :options=\"Species\" \r\n                                                            value-field=\"id\" \r\n                                                            text-field=\"name\">\r\n                                                            <b-form-select-option v-if=\"Species.length === 0\" :disabled=\"true\">\r\n                                                                {{ $t('No Species Found') }}\r\n                                                            </b-form-select-option>\r\n                                                        </b-form-select>\r\n                                                    </b-form-group>\r\n                                                </div>\r\n                                                <div class=\"col-md-3\">\r\n                                                    <b-button class=\"btn btn-success\" @click=\"toggleInput('Species')\">{{ $t('edit-values') }}</b-button>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"row\">\r\n                                                <div class=\"col-md-3 mt-4\">\r\n                                                    <input type=\"checkbox\" v-model=\"form.is_behavior_usable\">\r\n                                                    <label for=\"behaviors\">{{ $t('Behavior') }}</label>\r\n                                                </div>\r\n                                                <div class=\"col-md-6 mt-3\">\r\n                                                    <b-form-group label-for=\"behaviors\">\r\n                                                        <b-form-select \r\n                                                            v-model=\"form.behavior\" \r\n                                                            aria-describedby=\"input-1-live-feedback\" \r\n                                                            :options=\"behaviors\" \r\n                                                            value-field=\"id\" \r\n                                                            text-field=\"name\">\r\n                                                            <b-form-select-option v-if=\"behaviors.length === 0\" :disabled=\"true\">\r\n                                                                {{ $t('No Behavior Found') }}\r\n                                                            </b-form-select-option>\r\n                                                        </b-form-select>\r\n                                                    </b-form-group>\r\n                                                </div>\r\n                                                <div class=\"col-md-3 mt-3\">\r\n                                                    <b-button class=\"btn btn-success\" @click=\"toggleInput('behaviors')\">{{ $t('edit-values') }}</b-button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"col-lg-3\">\r\n                                            <div class=\"row\">\r\n                                                <div class=\"col-md-12\">\r\n                                                    <!-- Replace the textarea with a div that displays the values -->\r\n                                                    <section>\r\n                                                        <vue-tags-input\r\n                                                            :tags=\"tags\"\r\n                                                            @tags-changed=\"tags = $event\"\r\n                                                            :allow-edit-tags=\"true\"\r\n                                                            class=\"tags-input\"\r\n                                                            :placeholder=\"$t('Enter values as tags')\"\r\n                                                            :add-only-from-autocomplete=\"false\"\r\n                                                        />\r\n                                                    </section>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                    <div class=\"row\">\r\n                                        <div class=\"col-md-6\"></div>\r\n                                        <div class=\"col-md-6 mt-3\">\r\n                                            <b-button type=\"submit\" variant=\"success\" :disabled=\"isDisabled\" class=\"btn float-right btn-success\">\r\n                                                <span>{{ $t('submit-btn') }}</span>\r\n                                            </b-button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </form>\r\n    </section>\r\n</template>\r\n\r\n\r\n<script>\r\n    import Vue from \"vue\";\r\n    import API from '@/api'\r\n    import Snotify, {SnotifyPosition} from 'vue-snotify'\r\n    import {validationMixin} from \"vuelidate\";\r\n    import {required, minLength, survey_style, requiredIf, sameAs} from \"vuelidate/lib/validators\";\r\n    import moment from 'moment';\r\n    import i18n from '@/i18n';\r\n    import VueTagsInput from '@johmun/vue-tags-input';\r\n    const options = {\r\n        toast: {\r\n            position: SnotifyPosition.rightTop,\r\n        }\r\n    }\r\n    Vue.use(Snotify, options)\r\n    export default {\r\n        name: 'Users',\r\n        mixins: [validationMixin],\r\n        components: {\r\n            VueTagsInput,\r\n        },\r\n        data() {\r\n            return {\r\n                form: {\r\n                    id: '',\r\n                    project_name: '',\r\n                    project_id: '',\r\n                    client_url: \"\",\r\n                    survey_style_id: '',\r\n                    survey_style_name: '',\r\n                    species: '',\r\n                    behavior: '',\r\n                    is_species_usable: false,\r\n                    is_behavior_usable: false,\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                },\r\n                isDisabled: false,\r\n                isLoading: false,\r\n                rows: [],\r\n                rowsForBulkEdit: [],\r\n                totalRecords: 0,\r\n                orders: [],\r\n                projectOptions: [],\r\n                Species: [],\r\n                behaviors: [],\r\n                categories: [],\r\n                selectedProjectId: null,\r\n                selectedCategoryId: null,\r\n                showInput: false,\r\n                inputValue: '',\r\n                currentField: '',\r\n                tags: [],\r\n            };\r\n        },\r\n\r\n        validations: {\r\n            form: {\r\n                id: {},\r\n                project_name: {\r\n                    required,\r\n                }, \r\n                project_id: {\r\n                    required,\r\n                },\r\n                survey_style_id: {\r\n                    required,\r\n                },\r\n                selectedCategoryId: {\r\n                    required,\r\n                }\r\n            },\r\n        },\r\n        async mounted() {\r\n            this.form.id = this.$route.params.id;\r\n            if (this.form.id && this.form.id !== 'undefined') {\r\n                this.readonly = true;\r\n                this.getSpotter();\r\n            } else {\r\n                this.readonly = false;\r\n            }\r\n            this.isLoading = true;\r\n            this.getNames();\r\n            await this.initializeData();\r\n        },\r\n        methods: {\r\n            toggleInput(field) {\r\n                this.currentField = field;\r\n\r\n                if (field === 'Species' && this.Species.length > 0) {\r\n                    this.tags = this.Species.map(item => ({ text: item }));\r\n                } else if (field === 'behaviors' && this.behaviors.length > 0) {\r\n                    this.tags = this.behaviors.map(item => ({ text: item }));\r\n                } else {\r\n                    this.tags = [];\r\n                }\r\n            },\r\n            onSubmit() {\r\n                if (!this.form.project_id) {\r\n                    this.isDisabled = true;\r\n                    this.$snotify.warning('Please fill in the project name.', {\r\n                        timeout: 2000,\r\n                        showProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                    });\r\n                    return;\r\n                }\r\n                if (!this.selectedCategoryId) {\r\n                    this.$snotify.warning('Please select a category.', {\r\n                        timeout: 2000,\r\n                        showProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                    });\r\n                    return;\r\n                }\r\n                let data = {\r\n                    project_id: this.selectedProjectId,\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                    category_id: this.selectedCategoryId,\r\n                    is_species_usable: this.form.is_species_usable,\r\n                    is_behavior_usable: this.form.is_behavior_usable,\r\n                };\r\n                if (this.currentField === 'Species') {\r\n                    data.species = this.Species.join(',');\r\n                } else if (this.currentField === 'behaviors') {\r\n                    data.behavior = this.behaviors.join(',');\r\n                }\r\n                API.addEditSighting2Info(\r\n                    data,\r\n                    (data) => {\r\n                        this.isDisabled = false;\r\n                        this.$v.form.$reset();\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                        this.tags = [];\r\n                        this.inputValue = '';\r\n                        if (this.currentField === 'Species') {\r\n                            this.Species = [];\r\n                        } else if (this.currentField === 'behaviors') {\r\n                            this.behaviors = [];\r\n                        }\r\n\r\n                        this.currentField = '';\r\n                        this.getSighting2Info(this.selectedProjectId, this.selectedCategoryId);\r\n                    },\r\n                );\r\n            },\r\n            getNames() {\r\n                const data = {\r\n                    client_id: JSON.parse(localStorage.getItem('client_id')),\r\n                };\r\n                API.getProjectName(\r\n                    data,\r\n                    response => {\r\n                        this.projectOptions = response.data.map(project => ({\r\n                            id: project.id,\r\n                            name: project.project_name\r\n                        }));\r\n                        if (this.projectOptions.length > 0) {\r\n                            this.selectedProjectId = this.projectOptions[0].id;\r\n                            this.getProjectStyleData(this.selectedProjectId);\r\n                            this.getSighting2Info(this.selectedProjectId, this.selectedCategoryId);\r\n                            this.toggleInput();\r\n                        }\r\n                    },\r\n                    err => {\r\n                        console.error('Error fetching project names:', err);\r\n                    }\r\n                );\r\n            },\r\n            async initializeData() {\r\n                let data = {\r\n                    id: this.form.client_id\r\n                };\r\n                await API.get_client(\r\n                    data,\r\n                    data => {\r\n                        this.form.client_url = data.url;\r\n                        this.getSyncCategories(this.selectedProjectId);\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n\r\n            getSyncCategories(projectId) {\r\n                const data = {\r\n                    client_url: this.form.client_url,\r\n                    project_id: projectId\r\n                };\r\n                API.getSyncCategories(\r\n                    data,\r\n                    data => {\r\n                        this.categories = data.data;\r\n                        if (this.categories.length === 0) {\r\n                            this.form.category_id = '';\r\n                        }\r\n                    },\r\n                    err => {}\r\n                );\r\n            },\r\n            getProjectStyleData(projectId) {\r\n                API.getProjectSetup(\r\n                    { projectId },\r\n                    response => {\r\n                        const project = response.data;\r\n                        this.form.project_id = project.project_id;\r\n                        this.form.survey_style_id = project.survey_style_id;\r\n                        this.form.survey_style_name = project.survey_style ? project.survey_style.name : '';\r\n                    },\r\n                    err => {\r\n                        console.error('Error fetching project details:', err);\r\n                    }\r\n                );\r\n            },\r\n\r\n            getSighting2Info(projectId, categoryId) {\r\n                const data = {\r\n                    projectId,\r\n                    categoryId\r\n                };\r\n                API.getSighting2Info(\r\n                    data,\r\n                    response => {\r\n                        if (response.status === 200) {\r\n                            const sightingData = response.data;\r\n                            const speciesData = sightingData.find(item => item.key === 'species');\r\n                            const behaviorData = sightingData.find(item => item.key === 'behavior');\r\n\r\n                            if (speciesData && speciesData.values) {\r\n                                this.form.is_species_usable = speciesData.is_usable;\r\n                                this.Species = speciesData.values.split(',').map(s => s.trim());\r\n                            } else {\r\n                                this.Species = [];\r\n                                this.form.is_species_usable = false;\r\n                            }\r\n\r\n                            if (behaviorData && behaviorData.values) {\r\n                                this.behaviors = behaviorData.values.split(',').map(b => b.trim());\r\n                                this.form.is_behavior_usable = behaviorData.is_usable;\r\n                            } else {\r\n                                this.behaviors = [];\r\n                                this.form.is_behavior_usable = false;\r\n                            }\r\n                        } else {\r\n                            console.error('Error fetching sighting information:', response.message);\r\n                        }\r\n                    },\r\n                    err => {\r\n                        console.error('Error fetching sighting information:', err);\r\n                    }\r\n                );\r\n            },\r\n            handleCategoryChange() {\r\n                if (this.selectedProjectId && this.selectedCategoryId) {\r\n                    this.getSighting2Info(this.selectedProjectId, this.selectedCategoryId);\r\n                }\r\n            },\r\n            onProjectChange(selectedProjectId) {\r\n                if (selectedProjectId) {\r\n                    this.getProjectStyleData(selectedProjectId);\r\n                    this.toggleInput();\r\n                    this.getSyncCategories(selectedProjectId);\r\n                }\r\n            },\r\n        }, \r\n        watch: {\r\n            selectedProjectId(newProjectId) {\r\n                this.getSighting2Info(newProjectId, this.selectedCategoryId);\r\n            },\r\n            selectedCategoryId(newCategoryId) {\r\n                this.getSighting2Info(this.selectedProjectId, newCategoryId);\r\n            },\r\n            tags: {\r\n                handler(newTags) {\r\n                    const formattedTags = newTags.map(tag => tag.text);\r\n                    if (this.currentField === 'Species') {\r\n                        this.Species = formattedTags;\r\n                    } else if (this.currentField === 'behaviors') {\r\n                        this.behaviors = formattedTags;\r\n                    }\r\n                    this.inputValue = formattedTags.join(',');\r\n                },\r\n                deep: true,\r\n            },\r\n        },\r\n        computed: {\r\n        },\r\n    }\r\n</script>\r\n\r\n<style>\r\n    .btn-duplicate {\r\n        width: 80px !important;\r\n        padding-left: 10px !important;\r\n        background: #5D9E12;\r\n        border-color: #5D9E12;\r\n    }\r\n    .checkbox-radio {\r\n        display: flex;\r\n        gap: 35px;\r\n    }\r\n    .checkbox-radio label {\r\n        padding-left: 7px;\r\n    }\r\n    .card-body.new-card-body select {\r\n        border: 1px solid #000;\r\n        border-radius: 0;\r\n        height: 46px;\r\n    }\r\n    .project-checkbox label {\r\n        padding-left: 15px;\r\n    }\r\n    .project-checkbox textarea {\r\n        border: 1px solid #000 !important;\r\n        height: 250px;\r\n        outline: none;\r\n        box-shadow: none;\r\n        border-radius: 0;\r\n    }\r\n    @media (max-width: 375px) {\r\n        .row .card .new-card-body {\r\n            padding: 1.25rem 1.437rem !important;\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!./sightingInformationPart2.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!./sightingInformationPart2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./sightingInformationPart2.vue?vue&type=template&id=0da35155&\"\nimport script from \"./sightingInformationPart2.vue?vue&type=script&lang=js&\"\nexport * from \"./sightingInformationPart2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./sightingInformationPart2.vue?vue&type=style&index=0&id=0da35155&prod&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  null,\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!./sightingInformationPart2.vue?vue&type=style&index=0&id=0da35155&prod&lang=css&\""],"sourceRoot":""}