{"version":3,"sources":["webpack:///./src/components/Display/EditableField.vue?8d22","webpack:///./src/components/Display/EditableField.vue","webpack:///./src/components/Display/EditableField.vue?45f9","webpack:///./src/components/Breadcrumb.vue","webpack:///./src/components/Breadcrumb.vue?c1d9","webpack:///./src/views/WhitelabelConfiguration/Edit/Logos.vue?9568","webpack:///./src/views/WhitelabelConfiguration/Edit.vue?5d92","webpack:///./src/views/WhitelabelConfiguration/Edit.vue","webpack:///./src/views/WhitelabelConfiguration/Edit/SectionHeader.vue","webpack:///./src/views/WhitelabelConfiguration/Edit/SectionHeader.vue?bccf","webpack:///./src/views/WhitelabelConfiguration/Edit/CompanyDetails.vue","webpack:///./src/views/WhitelabelConfiguration/Edit/CompanyDetails.vue?b98d","webpack:///./src/api/my-whitelabel-configuration.js","webpack:///./src/views/WhitelabelConfiguration/Edit/Logos.vue","webpack:///./src/views/WhitelabelConfiguration/Edit/Logos.vue?4dba","webpack:///./src/views/WhitelabelConfiguration/Edit/Colours.vue","webpack:///./src/views/WhitelabelConfiguration/Edit/Colours.vue?d162","webpack:///./src/views/WhitelabelConfiguration/Edit.vue?8578","webpack:///./src/components/Display/ColourField.vue","webpack:///./src/components/Display/ColourField.vue?f799","webpack:///./src/components/DarkHeaderBackground.vue","webpack:///./src/components/DarkHeaderBackground.vue?5989","webpack:///./src/components/Display/ColourField.vue?ae39"],"names":["class","aria-label","isEditing","isSaving","name","type","currentValue","confirmCurrent","attemptSave","currentConfirmationValue","confirmPrevious","newValue","rows","confirmed","newValueConfirmation","edit","href","cancel","disabled","role","aria-hidden","toast","props","mixins","Forms","serverErrors","methods","this","save","params","property","a","put","window","API_BASE","endpoint","then","r","success","$emit","catch","e","console","log","setAndNotifyErrors","initialValue","__exports__","render","crumbs","crumb","i","active","key","$router","push","label","isLoading","whitelabelConfiguration","whitelabel-configuration","loadWhitelabelConfigurationSilently","id","initial-value","display_name","reloadWhitelabelConfiguration","components","EditableField","computed","fetch","axios","get","update","isLoadingTemporaryLink","logoDarkImgSrc","updateKey","src","width","alt","ref","accept","onFilePicked","attemptChangeLogo","temporaryLink","loadTemporaryLink","Images","url","vm","getWhiteLabelLogoDarkTemporaryUrl","data","$refs","fileInput","click","file","target","files","formData","FormData","append","post","headers","dark_background_colour","primary_colour","ColourField","DarkHeaderBackground","Breadcrumb","SectionHeader","CompanyDetails","Logos","Colours","isLoadingWhitelabelConfiguration","canEditWhitelabelConfiguration","error","finally","loadWhitelabelConfiguration","formatRgb","format","pureColor","shape","val","rgb","includes","substring","indexOf","style"],"mappings":"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","file":"js/whitelabel-configuration.2595f81c.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-v16/dist/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-v16/dist/index.js??ref--1-1!./EditableField.vue?vue&type=style&index=0&id=66600e1e&scoped=true&lang=css\"","<template>\n  <div class=\"d-flex align-items-center justify-content-between\" :class=\"{'py-2': isEditing}\">\n    <div class=\"pe-2 flex-grow-1\" :class=\"{'opacity-40': isSaving}\">\n      <!-- Not editing -->\n      <div v-if=\"!isEditing\">\n        <label class=\"form-label fw-bold\">{{ name }}</label>\n        <div v-if=\"type === 'password'\"> ***********</div>\n        <div v-else>\n          <span v-if=\"type !== 'textarea'\">\n          {{ currentValue ? currentValue : \"Not provided\" }}\n          </span>\n          <span class=\"textarea-display\" v-if=\"type === 'textarea'\" v-html=\"(currentValue ? currentValue : 'Not provided')\"></span>\n        </div>\n      </div>\n      <!-- / Not editing -->\n\n      <!-- Editing && Confirm Current -->\n      <div v-if=\"isEditing && confirmCurrent\" class=\"mb-4\">\n        <label class=\"form-label fw-bold\">\n          Current {{ name }}\n        </label>\n        <input\n            @keyup.enter=\"attemptSave\"\n            :type=\"type\"\n            v-model=\"currentConfirmationValue\"\n            class=\"form-control\"\n        />\n      </div>\n      <!-- / Ediint && Confirm Previous -->\n\n      <!-- Editing -->\n      <div v-if=\"isEditing\">\n        <label class=\"form-label fw-bold\">\n          {{ confirmPrevious ? 'New ' : null }}\n          {{ name }}\n        </label>\n        <input\n            @keyup.enter=\"attemptSave\"\n            :type=\"type\"\n            v-model=\"newValue\"\n            class=\"form-control\"\n            v-if=\"type !== 'textarea'\"\n        />\n        <textarea\n            v-if=\"type === 'textarea'\"\n            v-model=\"newValue\"\n            class=\"form-control\"\n            rows=\"5\"\n        />\n      </div>\n      <!-- / Editing -->\n\n      <!-- Editing && Confirmation Required -->\n      <div class=\"mt-4\" v-if=\"isEditing && confirmed === true\">\n        <label class=\"form-label fw-bold\">\n          {{ confirmPrevious ? 'New ' : null }}\n          {{ name }} Confirmation\n        </label>\n        <input\n            @keyup.enter=\"attemptSave\"\n            :type=\"type\"\n            v-model=\"newValueConfirmation\"\n            class=\"form-control\"\n        />\n      </div>\n      <!-- / Editing & Confirmation Required -->\n    </div>\n\n    <!-- Not editing -->\n    <div v-if=\"!isEditing\" class=\"me-n3\" aria-label=\"Edit\">\n      <a @click.prevent=\"edit\" class=\"nav-link py-0\" href=\"#\"\n      ><i class=\"fi-edit\"></i\n      ></a>\n    </div>\n    <!-- / Not editing -->\n\n    <!-- Editing -->\n    <div v-if=\"isEditing\" class=\"actions-wrapper\" aria-label=\"Save\">\n      <button\n          v-if=\"!isSaving\"\n          type=\"button\"\n          class=\"btn btn-danger btn-sm mx-2\"\n          @click.prevent=\"cancel\"\n      >\n        Cancel\n      </button>\n\n      <button\n          v-if=\"!isSaving\"\n          type=\"button\"\n          class=\"btn btn-primary btn-sm\"\n          @click.prevent=\"attemptSave\"\n      >\n        Save\n      </button>\n\n      <button\n          v-if=\"isSaving\"\n          type=\"button\"\n          class=\"btn btn-primary btn-sm\"\n          :disabled=\"isSaving\"\n      >\n        <span\n            class=\"spinner-border spinner-border-sm me-2\"\n            role=\"status\"\n            aria-hidden=\"true\"\n        ></span>\n        Saving\n      </button>\n    </div>\n    <!-- / Editing -->\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport Forms from \"@/mixins/Forms\";\n\nimport {useToast} from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default {\n  props: [\"property\", \"name\", \"initialValue\", \"endpoint\", \"type\", \"confirmed\", \"confirmCurrent\"],\n  mixins: [Forms],\n  data() {\n    return {\n      isEditing: false,\n      currentValue: null,\n\n      currentConfirmationValue: null,\n      newValue: null,\n      newValueConfirmation: null,\n\n      isSaving: false,\n      serverErrors: [],\n    };\n  },\n  methods: {\n    edit() {\n      this.isEditing = true;\n      if (!this.confirmCurrent) {\n        this.newValue = this.currentValue;\n      }\n      this.currentConfirmationValue = null;\n      this.newValueConfirmation = null;\n    },\n\n    cancel() {\n      this.isEditing = false;\n      this.newValue = null;\n      this.currentConfirmationValue = null;\n      this.newValueConfirmation = null;\n    },\n\n    attemptSave() {\n      this.save();\n    },\n\n    save() {\n      this.serverErrors = [];\n      this.isSaving = true;\n\n      let params = {};\n      params[this.property] = this.newValue;\n      if (this.confirmed) {\n        params[this.property + '_confirmation'] = this.newValueConfirmation;\n      }\n      if (this.confirmCurrent) {\n        params['current_' + this.property] = this.currentConfirmationValue;\n      }\n      axios\n          .put(window.API_BASE + \"/\" + this.endpoint, params)\n          .then((r) => {\n            this.currentValue = this.newValue;\n            this.newValue = null;\n            this.isSaving = false;\n            this.isEditing = false;\n            toast.success(this.name + \" saved successfully!\");\n            this.$emit(\"updated\");\n          })\n          .catch((e) => {\n            console.log(e);\n            this.isSaving = false;\n            this.setAndNotifyErrors(e, \"Error saving new \" + this.name);\n          });\n    },\n  },\n  created() {\n    this.currentValue = this.initialValue;\n  },\n};\n</script>\n\n<style scoped>\n.actions-wrapper {\n  padding-top: 29px;\n}\n\n.btn.btn-sm {\n  padding-top: 0.63rem;\n  padding-bottom: 0.63rem;\n}\n\n.textarea-display {\n  display: block;\n  white-space: pre-line;\n  padding-top: 10px;\n}\n</style>","import { render } from \"./EditableField.vue?vue&type=template&id=66600e1e&scoped=true\"\nimport script from \"./EditableField.vue?vue&type=script&lang=js\"\nexport * from \"./EditableField.vue?vue&type=script&lang=js\"\n\nimport \"./EditableField.vue?vue&type=style&index=0&id=66600e1e&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-66600e1e\"]])\n\nexport default __exports__","<template>\n  <nav class=\"\" aria-label=\"Breadcrumb\">\n        <ol class=\"breadcrumb\" :class=\"{'breadcrumb-light': type == 'light'}\">\n            <li v-for=\"(crumb, i) in crumbs\" class=\"breadcrumb-item\" :class=\"{'active': crumb.active === true}\" :key=\"i\">\n                <a v-if=\"crumb.active !== true\" @click.prevent=\"() => $router.push(crumb.href)\" :href=\"crumb.href\">{{ crumb.label }}</a>\n                <template v-else>{{ crumb.label }}</template>\n            </li>\n        </ol>\n    </nav>\n</template>\n\n<script>\nexport default {\n    props: ['crumbs', 'type'],\n    setup() {\n        \n    },\n}\n</script>\n\n\n<style>\n\n</style>","import { render } from \"./Breadcrumb.vue?vue&type=template&id=0720aea3\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Logos.vue?vue&type=style&index=0&id=20f01936&lang=scss&scoped=true\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Edit.vue?vue&type=style&index=0&id=31032a18&scoped=true&lang=scss\"","<template>\n  <div>\n    <dark-header-background></dark-header-background>\n    <div class=\"container content-overlay mt-5 mb-md-4 py-5\">\n      <breadcrumb class=\"mb-3 mb-md-4 pt-md-3\" type=\"light\" :crumbs=\"crumbs\"></breadcrumb>\n\n      <!-- Loading -->\n      <div v-if=\"isLoading || !whitelabelConfiguration\"\n        class=\"bg-light shadow-sm rounded-3 p-4 p-md-5 mb-2 text-center loading-section\">\n        <div class=\"spinner-border text-primary\" role=\"status\">\n          <span class=\"visually-hidden\">Loading...</span>\n        </div>\n      </div>\n      <!-- / Loading -->\n\n      <!-- Card - Not Loading -->\n      <div v-if=\"!(isLoading || !whitelabelConfiguration)\" class=\"bg-light shadow-sm rounded-3 p-4 p-md-5 mb-2\">\n        <section-header></section-header>\n\n        <company-details :whitelabel-configuration=\"whitelabelConfiguration\"\n          @reload=\"loadWhitelabelConfigurationSilently\"></company-details>\n\n        <logos :whitelabel-configuration=\"whitelabelConfiguration\"></logos>\n\n        <colours :whitelabel-configuration=\"whitelabelConfiguration\"></colours>\n      </div>\n      <!-- / Card - Not Loading -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex'\nimport Breadcrumb from '../../components/Breadcrumb.vue'\nimport DarkHeaderBackground from \"../../components/DarkHeaderBackground.vue\"\nimport { useToast } from 'vue-toastification'\nimport SectionHeader from './Edit/SectionHeader.vue'\nimport CompanyDetails from './Edit/CompanyDetails.vue'\nimport myWhitelabelConfiguration from '../../api/my-whitelabel-configuration'\nimport Logos from './Edit/Logos.vue'\nimport Colours from './Edit/Colours.vue'\n\nconst toast = useToast();\n\nexport default {\n  components: { DarkHeaderBackground, Breadcrumb, SectionHeader, CompanyDetails, Logos, Colours },\n  data() {\n    return {\n      crumbs: [\n        {\n          href: '/',\n          label: 'Home'\n        },\n        {\n          href: '#',\n          label: 'Whitelabel Configuration',\n          active: true\n        }\n      ],\n\n      isLoadingWhitelabelConfiguration: false,\n      whitelabelConfiguration: null\n    }\n  },\n  computed: {\n    ...mapGetters('auth', {\n      canEditWhitelabelConfiguration: 'canEditWhitelabelConfiguration'\n    }),\n\n    isLoading() {\n      return this.isLoadingWhitelabelConfiguration;\n    }\n  },\n  methods: {\n    loadWhitelabelConfiguration() {\n      let vm = this;\n      vm.isLoadingWhitelabelConfiguration = true;\n      myWhitelabelConfiguration.fetch().then(r => {\n        vm.whitelabelConfiguration = r.data;\n      }).catch(e => {\n        toast.error('There was an error loading your whitelabel configuration.');\n      }).finally(() => {\n        vm.isLoadingWhitelabelConfiguration = false;\n      })\n    },\n\n    loadWhitelabelConfigurationSilently() {\n      let vm = this;\n      myWhitelabelConfiguration.fetch().then(r => {\n        vm.whitelabelConfiguration = r.data;\n      }).catch(e => {\n        toast.error('There was an error loading your whitelabel configuration.');\n      });\n    }\n  },\n  created() {\n    if (!this.canEditWhitelabelConfiguration) {\n      toast.error('You are not authorized to access this page.');\n      this.$router.push('/');\n    } else {\n      this.loadWhitelabelConfiguration();\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.loading-section {\n  min-height: 500px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n</style>","<template>\n    <div class=\"d-flex align-items-start justify-content-between pb-4 mb-2 border-bottom-md\">\n        <div class=\"d-flex align-items-start\">\n            <div class=\"position-relative flex-shrink-0\">\n\n                <h3 class=\"h3\">\n                    Update Whitelabel Configuration\n                </h3>\n\n                <p>\n                    This controls the look and feel of the portal that your clients see.\n                </p>\n\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n\n}\n</script>\n\n<style></style>","import { render } from \"./SectionHeader.vue?vue&type=template&id=427f9f7e\"\nimport script from \"./SectionHeader.vue?vue&type=script&lang=js\"\nexport * from \"./SectionHeader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"row pt-4 mt-3\">\n    <div class=\"col-lg-3\">\n      <h2 class=\"h4\">Company Details</h2>\n    </div>\n    <div class=\"col-lg-9\">\n      <div class=\"border rounded-3 p-3\" id=\"auth-info\">\n        <!-- Name-->\n        <div class=\"\">\n          <editable-field\n            property=\"display_name\"\n            name=\"Display Name\"\n            :initial-value=\"whitelabelConfiguration.display_name\"\n            endpoint=\"my-whitelabel-configuration\"\n            type=\"text\"\n            @updated=\"reloadWhitelabelConfiguration\"\n          ></editable-field>\n        </div>\n        <!-- / Name -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EditableField from \"../../../components/Display/EditableField.vue\";\nexport default {\n  props: ['whitelabelConfiguration'],\n  components: { EditableField },\n  computed: {\n  },\n  methods: {\n    reloadWhitelabelConfiguration() {\n      this.$emit('reload');\n    }\n  }\n};\n</script>\n\n<style>\n</style>","import { render } from \"./CompanyDetails.vue?vue&type=template&id=0ae2525e\"\nimport script from \"./CompanyDetails.vue?vue&type=script&lang=js\"\nexport * from \"./CompanyDetails.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import axios from 'axios';\n\nexport default {\n    fetch() {\n        return axios.get(window.API_BASE + '/my-whitelabel-configuration');\n    },\n\n    update(params) {\n        return axios.put(window.API_BASE + '/my-whitelabel-configuration', params);\n    }\n}","<template>\n    <div class=\"row pt-4 mt-3\">\n        <div class=\"col-lg-3\">\n            <h2 class=\"h4\">Logos</h2>\n        </div>\n        <div class=\"col-lg-9\">\n            <div class=\"border rounded-3 p-3 logo-wrapper\" id=\"logo-dark-info\">\n\n                <div class=\"left\">\n                    <!-- Logo Dark-->\n                    <div class=\"logo-preview\">\n                        <div>\n                            <label class=\"form-label fw-bold mb-0 pb-2\">\n                                Logo For Use On Dark Background\n                            </label>\n                        </div>\n                        <div>\n                            <div v-if=\"!isLoadingTemporaryLink && logoDarkImgSrc\" class=\"logo-container\">\n                                <img class=\"d-block\" :key=\"`whitelabel-logo-${updateKey}`\" :src=\"logoDarkImgSrc\" width=\"200\"\n                                    alt=\"Logo\" />\n                            </div>\n                            <div v-if=\"!isLoadingTemporaryLink && !logoDarkImgSrc\">\n                                No logo uploaded.\n                            </div>\n                        </div>\n                    </div>\n                    <!-- / Logo Dark -->\n                </div>\n\n                <div class=\"right\">\n                    <input type=\"file\" class=\"file-input\" ref=\"fileInput\" accept=\"image/*\" @change=\"onFilePicked\" />\n\n                    <button type=\"button\" class=\"btn btn-primary btn-sm\" @click.prevent=\"attemptChangeLogo\">\n                        Click To Upload\n                    </button>\n                </div>\n\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex';\nimport temporaryUrls from '../../../api/temporary-urls';\nimport Images from '../../../mixins/Images';\nimport axios from 'axios';\nimport Forms from '../../../mixins/Forms';\n\nimport { useToast } from 'vue-toastification';\n\nconst toast = useToast();\n\nexport default {\n    props: ['whitelabelConfiguration'],\n    data() {\n        return {\n            temporaryLink: null,\n            updateKey: 1,\n            isLoadingTemporaryLink: false\n        }\n    },\n    created() {\n        this.loadTemporaryLink();\n    },\n    mixins: [Images, Forms],\n    components: {},\n    computed: {\n        logoDarkImgSrc() {\n            if (this.temporaryLink) {\n                return this.temporaryLink.url;\n            }\n            return null;\n        }\n    },\n    methods: {\n        reloadWhitelabelConfiguration() {\n            this.$emit('reload');\n        },\n\n        loadTemporaryLink() {\n            let vm = this;\n            vm.isLoadingTemporaryLink = true;\n            temporaryUrls.getWhiteLabelLogoDarkTemporaryUrl(this.whitelabelConfiguration.id).then(r => {\n                vm.isLoadingTemporaryLink = false;\n                vm.temporaryLink = r.data;\n                vm.updateKey += 1;\n            }).catch(e => {\n                console.log(e);\n                vm.isLoadingTemporaryLink = false;\n                vm.temporaryLink = null;\n            });\n        },\n\n        attemptChangeLogo() {\n            this.$refs.fileInput.click();\n        },\n\n        onFilePicked(e) {\n            let vm = this;\n            const file = e.target.files[0];\n\n            let formData = new FormData();\n            formData.append('logo_dark', file);\n\n            axios.post(window.API_BASE + '/my-whitelabel-configuration/logo-dark', formData, {\n                headers: {\n                    'Content-Type': 'multipart/form-data'\n                }\n            }).then(r => {\n                toast.success('Logo updated successfully');\n                vm.loadTemporaryLink();\n            }).catch(e => {\n                vm.setAndNotifyErrors(e, 'Error updating logo');\n            });\n        }\n    }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.file-input {\n    display: none;\n}\n\n.logo-container {\n    // border: 1px solid #ccc;\n    border-radius: 5px;\n    padding: 10px;\n    margin-top: 5px;\n    background-color: rgb(31, 27, 45);\n    display: inline-block;\n}\n\n.logo-wrapper {\n    display: flex;\n    justify-content: space-between;\n\n    .left {\n        flex-grow: 1;\n    }\n\n    .right {\n        flex-shrink: 1;\n        display: flex;\n        align-items: center;\n    }\n}\n</style>","import { render } from \"./Logos.vue?vue&type=template&id=20f01936&scoped=true\"\nimport script from \"./Logos.vue?vue&type=script&lang=js\"\nexport * from \"./Logos.vue?vue&type=script&lang=js\"\n\nimport \"./Logos.vue?vue&type=style&index=0&id=20f01936&lang=scss&scoped=true\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-20f01936\"]])\n\nexport default __exports__","<template>\n  <div class=\"row pt-4 mt-3\">\n    <div class=\"col-lg-3\">\n      <h2 class=\"h4\">Colours</h2>\n    </div>\n    <div class=\"col-lg-9\">\n      <div class=\"border rounded-3 p-3\" id=\"auth-info\">\n        <!-- Dark Background Colour-->\n        <div class=\"border-bottom pb-3 mb-3\">\n          <colour-field property=\"dark_background_colour\" name=\"Background Colour\"\n            :initial-value=\"whitelabelConfiguration.dark_background_colour\" endpoint=\"my-whitelabel-configuration\"\n            @updated=\"reloadWhitelabelConfiguration\"></colour-field>\n        </div>\n        <!-- / Dark Background Colour -->\n\n        <!-- Primary Colour-->\n        <div class=\"\">\n          <colour-field property=\"primary_colour\" name=\"Primary Colour\"\n            :initial-value=\"whitelabelConfiguration.primary_colour\" endpoint=\"my-whitelabel-configuration\"\n            @updated=\"reloadWhitelabelConfiguration\"></colour-field>\n        </div>\n        <!-- / Primary Colour -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport EditableField from \"../../../components/Display/EditableField.vue\";\nimport ColourField from \"../../../components/Display/ColourField.vue\";\nexport default {\n  props: ['whitelabelConfiguration'],\n  components: { EditableField, ColourField },\n  computed: {\n  },\n  methods: {\n    reloadWhitelabelConfiguration() {\n      this.$emit('reload');\n    }\n  }\n};\n</script>\n\n<style></style>","import { render } from \"./Colours.vue?vue&type=template&id=799af9f4\"\nimport script from \"./Colours.vue?vue&type=script&lang=js\"\nexport * from \"./Colours.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Edit.vue?vue&type=template&id=31032a18&scoped=true\"\nimport script from \"./Edit.vue?vue&type=script&lang=js\"\nexport * from \"./Edit.vue?vue&type=script&lang=js\"\n\nimport \"./Edit.vue?vue&type=style&index=0&id=31032a18&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-31032a18\"]])\n\nexport default __exports__","<template>\n    <div class=\"d-flex align-items-center justify-content-between edit-colour-field\" :class=\"{ 'py-2': isEditing }\">\n        <div class=\"pe-2 flex-grow-1\" :class=\"{ 'opacity-40': isSaving }\">\n            <!-- Not editing -->\n            <div v-if=\"!isEditing\">\n                <label class=\"form-label fw-bold\">{{ name }}</label>\n                <div v-if=\"type === 'password'\"> ***********</div>\n                <div v-else>\n                    <span v-if=\"type !== 'textarea'\">\n                        {{ currentValue ? formatRgb(currentValue) : \"Not provided\" }}\n                    </span>\n                    <span class=\"textarea-display\" v-if=\"type === 'textarea'\" v-html=\"currentValue\"></span>\n                </div>\n            </div>\n            <!-- / Not editing -->\n\n            <!-- Editing && Confirm Current -->\n            <div v-if=\"isEditing && confirmCurrent\" class=\"mb-4\">\n                <label class=\"form-label fw-bold\">\n                    Current {{ name }}\n                </label>\n                <input @keyup.enter=\"attemptSave\" :type=\"type\" v-model=\"currentConfirmationValue\" class=\"form-control\" />\n            </div>\n            <!-- / Ediint && Confirm Previous -->\n\n            <!-- Editing -->\n            <div v-if=\"isEditing\">\n                <label class=\"form-label fw-bold\">\n                    {{ confirmPrevious ? 'New ' : null }}\n                    {{ name }}\n                </label>\n\n                <div class=\"colour-wrapper\">\n                    <div class=\"left\">\n                        <ColorPicker format=\"rgb\" v-model:pureColor=\"newValue\" shape=\"square\" />\n                    </div>\n                    <div class=\"right\">\n                        <!-- <input @keyup.enter=\"attemptSave\" :type=\"type\" v-model=\"newValue\" class=\"form-control\" -->\n                            <!-- v-if=\"type !== 'textarea'\" /> -->\n\n                            <div>{{ formatRgb(this.newValue) }}</div>\n                    </div>\n                </div>\n\n            </div>\n            <!-- / Editing -->\n        </div>\n\n        <!-- Not editing -->\n        <div v-if=\"!isEditing\" class=\"me-n3\" aria-label=\"Edit\">\n            <a @click.prevent=\"edit\" class=\"nav-link py-0\" href=\"#\"><i class=\"fi-edit\"></i></a>\n        </div>\n        <!-- / Not editing -->\n\n        <!-- Editing -->\n        <div v-if=\"isEditing\" class=\"actions-wrapper\" aria-label=\"Save\">\n            <button v-if=\"!isSaving\" type=\"button\" class=\"btn btn-danger btn-sm mx-2\" @click.prevent=\"cancel\">\n                Cancel\n            </button>\n\n            <button v-if=\"!isSaving\" type=\"button\" class=\"btn btn-primary btn-sm\" @click.prevent=\"attemptSave\">\n                Save\n            </button>\n\n            <button v-if=\"isSaving\" type=\"button\" class=\"btn btn-primary btn-sm\" :disabled=\"isSaving\">\n                <span class=\"spinner-border spinner-border-sm me-2\" role=\"status\" aria-hidden=\"true\"></span>\n                Saving\n            </button>\n        </div>\n        <!-- / Editing -->\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport Forms from \"@/mixins/Forms\";\n\nimport { useToast } from \"vue-toastification\";\n\nconst toast = useToast();\n\nexport default {\n    props: [\"property\", \"name\", \"initialValue\", \"endpoint\", \"type\", \"confirmed\", \"confirmCurrent\"],\n    mixins: [Forms],\n    data() {\n        return {\n            isEditing: false,\n            currentValue: null,\n\n            currentConfirmationValue: null,\n            newValue: null,\n            newValueConfirmation: null,\n\n            isSaving: false,\n            serverErrors: [],\n        };\n    },\n    methods: {\n        edit() {\n            this.isEditing = true;\n            if (!this.confirmCurrent) {\n                this.newValue = this.currentValue;\n                this.newValue = this.formatRgb(this.newValue);\n            }\n            this.currentConfirmationValue = null;\n            this.newValueConfirmation = null;\n        },\n\n        cancel() {\n            this.isEditing = false;\n            this.newValue = null;\n            this.currentConfirmationValue = null;\n            this.newValueConfirmation = null;\n        },\n\n        formatRgb(val) {\n            let rgb;\n            if (val) {\n                if (val.includes('rgb(')) {\n                    rgb = val.substring(val.indexOf(\"(\") + 1, val.indexOf(\")\"));\n                } else {\n                    rgb = val;\n                }\n            }\n            return 'rgb(' + rgb + ')';\n        },\n\n        attemptSave() {\n            if (this.newValue) {\n                if (this.newValue.includes('rgb(')) {\n                    let rgb = this.newValue.substring(this.newValue.indexOf(\"(\") + 1, this.newValue.indexOf(\")\"));\n                    this.newValue = rgb;\n                }\n            }\n\n            this.save();\n        },\n\n        save() {\n            this.serverErrors = [];\n            this.isSaving = true;\n\n            let params = {};\n            params[this.property] = this.newValue;\n            if (this.confirmed) {\n                params[this.property + '_confirmation'] = this.newValueConfirmation;\n            }\n            if (this.confirmCurrent) {\n                params['current_' + this.property] = this.currentConfirmationValue;\n            }\n            axios\n                .put(window.API_BASE + \"/\" + this.endpoint, params)\n                .then((r) => {\n                    this.currentValue = this.newValue;\n                    this.newValue = null;\n                    this.isSaving = false;\n                    this.isEditing = false;\n                    toast.success(this.name + \" saved successfully!\");\n                    this.$emit(\"updated\");\n                })\n                .catch((e) => {\n                    console.log(e);\n                    this.isSaving = false;\n                    this.setAndNotifyErrors(e, \"Error saving new \" + this.name);\n                });\n        },\n    },\n    created() {\n        this.currentValue = this.initialValue;\n    },\n};\n</script>\n\n<style lang=\"scss\">\n.edit-colour-field {\n    .actions-wrapper {\n        padding-top: 29px;\n    }\n\n    .btn.btn-sm {\n        padding-top: 0.63rem;\n        padding-bottom: 0.63rem;\n    }\n\n    .textarea-display {\n        display: block;\n        white-space: pre-line;\n        padding-top: 10px;\n    }\n\n    .colour-wrapper {\n        display: flex;\n        margin-top: 15px;\n\n        .left {\n            flex-shrink: 1;\n            padding-right: 10px;\n            padding-left: 3px;\n\n            .vc-color-wrap {\n                height: 40px;\n                border-radius: 5px !important;\n            }\n        }\n\n        .right {\n            flex-grow: 1;\n            display: flex;\n            align-items: center;\n        }\n    }\n}\n</style>","import { render } from \"./ColourField.vue?vue&type=template&id=e79a793c\"\nimport script from \"./ColourField.vue?vue&type=script&lang=js\"\nexport * from \"./ColourField.vue?vue&type=script&lang=js\"\n\nimport \"./ColourField.vue?vue&type=style&index=0&id=e79a793c&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n      <div class=\"position-absolute top-0 start-0 w-100 bg-dark\" style=\"height: 398px;\"></div>\n</template>\n\n<script>\nexport default {\n\n}\n</script>\n\n<style>\n\n</style>","import { render } from \"./DarkHeaderBackground.vue?vue&type=template&id=da8c4b94\"\nimport script from \"./DarkHeaderBackground.vue?vue&type=script&lang=js\"\nexport * from \"./DarkHeaderBackground.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./ColourField.vue?vue&type=style&index=0&id=e79a793c&lang=scss\""],"sourceRoot":""}