{"version":3,"sources":["webpack:///./src/views/v3/AssetLabel/AssetLabelSettingNext.vue?aa4d","webpack:///./src/views/v3/AssetLabel/AssetLabelSettingNext.vue","webpack:///./src/views/v3/AssetLabel/AssetLabelSettingNext.vue?d4a7","webpack:///./src/assets/cs-loader.png"],"names":["useTitle","route","useRoute","assetLabelId","params","id","isLoading","ref","tableHeaders","computed","header","assignedUsersData","assignedUsers","name","partnerPercentage","toastError","toastMessage","onBeforeMount","async","value","response","axios","get","data","length","error","message","__exports__","module","exports"],"mappings":"gHAAA,W,+7BCsEAA,sBAAS,uCAET,MAAMC,EAAQC,iBACRC,EAAeF,EAAMG,OAAOC,GAC5BC,EAAYC,kBAAI,GAEhBC,EAAeC,sBAAS,IAAM,CAChC,CACIC,OAAQ,QAEZ,CACIA,OAAQ,WAIVC,EAAoBJ,iBAAI,CAC1BK,cAAe,GACfP,GAAI,GACJQ,KAAM,GACNC,kBAAmB,KAGjBC,EAAaR,kBAAI,GACjBS,EAAeT,iBAAI,I,OAEzBU,2BAAcC,UACVZ,EAAUa,OAAQ,EAClB,IACI,MAAMC,QAAiBC,IAAMC,IAAI,mBAAqBnB,GACtDQ,EAAkBQ,MAAQC,EAASG,KAE9BH,EAASG,KAAKX,eAAwD,IAAvCQ,EAASG,KAAKX,cAAcY,SAC5Db,EAAkBQ,MAAMP,cAAgB,IAG5CN,EAAUa,OAAQ,EACpB,MAAOM,GACLnB,EAAUa,OAAQ,EAClBJ,EAAWI,OAAQ,EACnBH,EAAaG,MAAQ,yCAA2CM,EAAMC,W,u7FCvG9E,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,uBCRfC,EAAOC,QAAU,IAA0B,8B","file":"js/chunk-37df78b9.69f47a33.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!./AssetLabelSettingNext.vue?vue&type=style&index=0&id=c9017072&scoped=true&lang=css\"","<template>\r\n    <LayoutNext>\r\n        <template #page-title>\r\n            Manage Asset Label\r\n        </template>\r\n        <nav aria-label=\"breadcrumb\" style=\"font-size: 13px;\">\r\n            <MDBBreadcrumb>\r\n                <MDBBreadcrumbItem><router-link to=\"/asset-labels\">Asset Labels</router-link>\r\n                </MDBBreadcrumbItem>\r\n                <MDBBreadcrumbItem active style=\"cursor: default;\">\r\n                    Manage Asset Label\r\n                </MDBBreadcrumbItem>\r\n            </MDBBreadcrumb>\r\n        </nav>\r\n        <MDBCard class=\"shadow-0 card-container\">\r\n            <MDBCardHeader class=\"p-2\">\r\n                <h6 class=\"fw-bold\">Assigned Users</h6>\r\n            </MDBCardHeader>\r\n            <MDBCardBody class=\"d-flex flex-column p-0\">\r\n                <div class=\"overflow-auto mt-3\" id=\"table-container\">\r\n                    <MDBTable hover class=\"align-middle\">\r\n                        <thead class=\"table-light\">\r\n                            <tr>\r\n                                <th class=\"sticky-top\" v-for=\"(item, i) in tableHeaders\" :key=\"i\" scope=\"col\">\r\n                                    {{ item.header }}\r\n                                </th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <template v-if=\"isLoading\">\r\n                                <tr>\r\n                                    <td colspan=\"2\" class=\"text-center\">\r\n                                        <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                            <div class=\"loader\"></div>\r\n                                            <img src=\"@/assets/cs-loader.png\" alt=\"Loading image\">\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                            </template>\r\n                            <template v-else>\r\n                                <tr v-if=\"assignedUsersData.assignedUsers.length === 0\">\r\n                                    <td colspan=\"2\">There are no assigned users.</td>\r\n                                </tr>\r\n                                <tr v-else v-for=\"(item, i) in assignedUsersData.assignedUsers\" :key=\"i\">\r\n                                    <td>{{ item.firstName }} {{ item.lastName }}</td>\r\n                                    <td>{{ item.email }}</td>\r\n                                </tr>\r\n                            </template>\r\n                        </tbody>\r\n                    </MDBTable>\r\n                </div>\r\n                <MDBToast v-model=\"toastError\" id=\"basic-danger-example\" :delay=\"2000\" autohide position=\"top-right\"\r\n                    appendToBody stacking width=\"350px\" color=\"danger\" text=\"white\">\r\n                    <template #title>\r\n                        {{ toastMessage }}\r\n                    </template>\r\n                </MDBToast>\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n    </LayoutNext>\r\n</template>\r\n\r\n<script setup>\r\nimport LayoutNext from \"@/views/v3/LayoutNext.vue\";\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBTable, MDBToast, MDBBreadcrumb, MDBBreadcrumbItem } from \"mdb-vue-ui-kit\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { computed, onBeforeMount, ref } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { useTitle } from \"@vueuse/core\";\r\n\r\nuseTitle(\"Manage Asset Label | Creator Shield\");\r\n\r\nconst route = useRoute();\r\nconst assetLabelId = route.params.id;\r\nconst isLoading = ref(false);\r\n\r\nconst tableHeaders = computed(() => [\r\n    {\r\n        header: \"Name\",\r\n    },\r\n    {\r\n        header: \"Email\",\r\n    },\r\n]);\r\n\r\nconst assignedUsersData = ref({\r\n    assignedUsers: [],\r\n    id: \"\",\r\n    name: \"\",\r\n    partnerPercentage: \"\",\r\n});\r\n\r\nconst toastError = ref(false);\r\nconst toastMessage = ref(\"\");\r\n\r\nonBeforeMount(async () => {\r\n    isLoading.value = true;\r\n    try {\r\n        const response = await axios.get(\"api/assetlabels/\" + assetLabelId);\r\n        assignedUsersData.value = response.data;\r\n\r\n        if (!response.data.assignedUsers || response.data.assignedUsers.length === 0) {\r\n            assignedUsersData.value.assignedUsers = [];\r\n        }\r\n\r\n        isLoading.value = false;\r\n    } catch (error) {\r\n        isLoading.value = false;\r\n        toastError.value = true;\r\n        toastMessage.value = \"An error occurred during the request: \" + error.message;\r\n    }\r\n});\r\n</script>\r\n\r\n<style scoped>\r\nth {\r\n    text-transform: uppercase;\r\n}\r\n\r\ntr {\r\n    cursor: default;\r\n}\r\n\r\n.card-container {\r\n    flex: 1 1 auto;\r\n    overflow: auto;\r\n}\r\n\r\n#table-container {\r\n    flex: 1 1 auto;\r\n    height: 58vh;\r\n}\r\n\r\n.image-container {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.image-container .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 3px solid rgba(0, 0, 0, 0.1);\r\n    border-top-color: rgb(153, 153, 153);\r\n    border-radius: 50%;\r\n    animation: BorderSpin 1s linear infinite;\r\n}\r\n\r\n.image-container img {\r\n    display: block;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes BorderSpin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n</style>\r\n","import script from \"./AssetLabelSettingNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AssetLabelSettingNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AssetLabelSettingNext.vue?vue&type=style&index=0&id=c9017072&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c9017072\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/cs-loader.6cc976da.png\";"],"sourceRoot":""}