{"version":3,"mappings":"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","names":["DialogFixProfileData","defineAsyncComponent","DialogImportDemoProfiles","DialogImportTestProfiles","runtimeConfig","useRuntimeConfig","storeGlobal","useGlobalStore","showDialogFixProfileData","ref","showDialogImportDemoProfiles","showDialogImportTestProfiles","envAppEnvironment","disableForceUpdate","computed","usePageManageProfilesStore","defineStore","panelsManageProfiles","profilesTableItemsPerPage","piniaPluginPersistedstate","DialogDeleteProfiles","DialogExportToFile","DialogImportFromFile","storeEditProfile","useEditProfileStore","storePageManageProfiles","tableHeaders","editProfileKey","profileIdToEdit","profileIsActive","search","selectedProfiles","showDialogAddProfile","showDialogCloneProfile","showDialogDeleteProfiles","showDialogEditProfile","showDialogExportToFile","showDialogImportFromFile","sortBy","tableItems","selectedProfilesCount","suffix","showBtnSelectAllProfiles","showProfilesSelectedInfo","rowProps","data","populateTable","itemsArray","cloneItem","item","editItem","deselectAllProfiles","selectAllProfiles","updatedFormatted","unixTimestamp","onMounted","store"],"ignoreList":[],"sources":["../../../../components/ManageProfiles/OtherGuff.vue","../../../../stores/pageManageProfiles.ts","../../../../components/ManageProfiles/ListProfiles.vue","../../../../pages/manage-profiles.vue"],"sourcesContent":["<script setup>\nimport UcBtn from \"@/components/UC/UcBtn.vue\"\nimport { computed, defineAsyncComponent, ref } from \"vue\"\nimport { useGlobalStore } from \"@/stores/global\"\n\nconst DialogFixProfileData = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogFixProfileData.vue\")\n)\nconst DialogImportDemoProfiles = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogImportDemoProfiles.vue\")\n)\nconst DialogImportTestProfiles = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogImportTestProfiles.vue\")\n)\n\nconst runtimeConfig = useRuntimeConfig()\nconst storeGlobal = useGlobalStore()\n\nconst showDialogFixProfileData = ref(false)\nconst showDialogImportDemoProfiles = ref(false)\nconst showDialogImportTestProfiles = ref(false)\n\nconst envAppEnvironment = runtimeConfig.public.appEnvironment\n\nconst disableForceUpdate = computed(() => {\n  return storeGlobal.profilesCount < 1\n})\n</script>\n\n<template>\n  <div>\n    <div>\n      <UcBtn class=\"mt-2 mr-2\" @click=\"showDialogImportDemoProfiles = true\">\n        Import demo profiles\n      </UcBtn>\n      <template v-if=\"['ci', 'dev'].includes(envAppEnvironment)\">\n        <ClientOnly>\n          <UcBtn\n            class=\"mt-2 mr-2\"\n            :disabled=\"disableForceUpdate\"\n            @click=\"showDialogFixProfileData = true\"\n          >\n            Force update local data\n          </UcBtn>\n        </ClientOnly>\n        <UcBtn\n          class=\"mt-2 mr-2\"\n          data-cy=\"btn-import-test-profiles\"\n          @click=\"showDialogImportTestProfiles = true\"\n          >Import test profiles\n        </UcBtn>\n      </template>\n    </div>\n\n    <DialogImportDemoProfiles\n      v-if=\"showDialogImportDemoProfiles\"\n      v-model=\"showDialogImportDemoProfiles\"\n    />\n    <DialogFixProfileData\n      v-if=\"showDialogFixProfileData\"\n      v-model=\"showDialogFixProfileData\"\n    />\n    <DialogImportTestProfiles\n      v-if=\"showDialogImportTestProfiles\"\n      v-model=\"showDialogImportTestProfiles\"\n    />\n  </div>\n</template>\n","import { defineStore } from \"pinia\"\nimport { ref } from \"vue\"\n\nexport const usePageManageProfilesStore = defineStore(\n  \"pageManageProfiles\",\n  () => {\n    const panelsManageProfiles = ref([0, 1])\n    const profilesTableItemsPerPage = ref(10)\n\n    return {\n      panelsManageProfiles,\n      profilesTableItemsPerPage,\n    }\n  },\n  {\n    persist: {\n      storage: piniaPluginPersistedstate.cookies({\n        maxAge: 86400, // 1 day in seconds\n        sameSite: true,\n      }),\n    },\n  }\n)\n","<script setup>\nimport DialogCommon from \"@/components/Common/DialogCommon\"\nimport EditProfile from \"@/components/EditProfile/Profile/EditProfile\"\nimport BtnAddProfile from \"@/components/Common/BtnAddProfile\"\nimport { useGlobalStore } from \"@/stores/global\"\nimport { usePageManageProfilesStore } from \"@/stores/pageManageProfiles\"\nimport UcBtn from \"@/components/UC/UcBtn.vue\"\nimport UcTextField from \"@/components/UC/UcTextField.vue\"\nimport UcAlert from \"@/components/UC/UcAlert.vue\"\nimport { roleColour } from \"~/utils/roleColour\"\nimport { computed, defineAsyncComponent, onMounted, ref } from \"vue\"\nimport { Icon } from \"@iconify/vue\"\nimport { useEditProfileStore } from \"@/stores/editProfile\"\n\nconst DialogDeleteProfiles = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogDeleteProfiles.vue\")\n)\nconst DialogExportToFile = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogExportToFile.vue\")\n)\nconst DialogImportFromFile = defineAsyncComponent(\n  () => import(\"@/components/ManageProfiles/DialogImportFromFile.vue\")\n)\n\nconst storeEditProfile = useEditProfileStore()\nconst storeGlobal = useGlobalStore()\nconst storePageManageProfiles = usePageManageProfilesStore()\n\nconst tableHeaders = Object.freeze([\n  { title: \"Name\", key: \"name\" },\n  { title: \"Roles\", key: \"roles\", sortable: false },\n  { title: \"Updated\", key: \"updated\", filterable: false },\n  {\n    title: \"\",\n    key: \"actions\",\n    filterable: false,\n    sortable: false,\n  },\n])\n\nconst editProfileKey = ref(0)\nconst profileIdToEdit = ref(-1)\nconst profileIsActive = ref(\"\")\nconst search = ref(\"\")\nconst selectedProfiles = ref([])\nconst showDialogAddProfile = ref(false)\nconst showDialogCloneProfile = ref(false)\nconst showDialogDeleteProfiles = ref(false)\nconst showDialogEditProfile = ref(false)\nconst showDialogExportToFile = ref(false)\nconst showDialogImportFromFile = ref(false)\nconst sortBy = ref([{ key: \"updated\", order: \"desc\" }])\nconst tableItems = ref([])\n\nconst selectedProfilesCount = computed(() => {\n  const suffix = storeGlobal.profilesCount === 1 ? \"\" : \"s\"\n  return `${selectedProfiles.value.length} of ${storeGlobal.profilesCount} profile${suffix} selected`\n})\n\nconst showBtnSelectAllProfiles = computed(() => {\n  if (selectedProfiles.value.length === 0) {\n    return false\n  }\n  return selectedProfiles.value.length < storeGlobal.profilesCount\n})\n\nconst showProfilesSelectedInfo = computed(() => {\n  return selectedProfiles.value.length > 0\n})\n\nfunction rowProps(data) {\n  return { class: `profile-id-${data.item.id}` }\n}\n\nfunction populateTable(itemsArray) {\n  tableItems.value = itemsArray\n}\n\nfunction cloneItem(item) {\n  editProfileKey.value++\n  profileIdToEdit.value = item.id\n  if (item.computed.roles.length === 1) {\n    storeEditProfile.intendedRole = item.computed.roles[0]\n  } else {\n    storeEditProfile.intendedRole = null\n  }\n  showDialogCloneProfile.value = true\n}\n\nfunction editItem(item) {\n  // Check if this profile is the currently selected attacker profile.\n  if (item.id === storeGlobal.currentAttacker.id) {\n    profileIsActive.value = \"Attacker\"\n  }\n  if (item.id === storeGlobal.currentDefender.id) {\n    profileIsActive.value = \"Defender\"\n  }\n  editProfileKey.value++\n  profileIdToEdit.value = item.id\n\n  if (item.computed.roles.length === 1) {\n    storeEditProfile.limitProfileFormAccess = false\n    storeEditProfile.intendedRole = item.computed.roles[0]\n  } else {\n    storeEditProfile.intendedRole = null\n  }\n  showDialogEditProfile.value = true\n}\n\nfunction deselectAllProfiles() {\n  selectedProfiles.value = []\n}\n\nfunction selectAllProfiles() {\n  selectedProfiles.value = storeGlobal.profiles\n}\n\nfunction updatedFormatted(unixTimestamp) {\n  const date = new Date(unixTimestamp * 1000)\n  // Credit: https://flaviocopes.com/how-to-format-date-javascript/\n  return date.toLocaleString()\n}\n\nonMounted(() => {\n  populateTable(storeGlobal.profiles)\n})\n</script>\n\n<template>\n  <div>\n    <div class=\"pre-table-ui-1\">\n      <div v-if=\"!showProfilesSelectedInfo\" class=\"btns-wrapper\">\n        <BtnAddProfile\n          data-cy=\"btn-add-profile\"\n          class=\"btn-add-profile\"\n          @click=\"showDialogAddProfile = true\"\n        />\n        <UcBtn\n          class=\"btn-import\"\n          data-cy=\"btn-import\"\n          @click=\"showDialogImportFromFile = true\"\n        >\n          Import\n        </UcBtn>\n      </div>\n      <UcAlert\n        v-if=\"showProfilesSelectedInfo\"\n        v-model=\"showProfilesSelectedInfo\"\n        density=\"compact\"\n        icon=\"false\"\n        class=\"mb-0\"\n      >\n        <div class=\"profiles-selected-info\">\n          <small class=\"text\">\n            {{ selectedProfilesCount }}\n          </small>\n          <div class=\"btns-wrapper\">\n            <UcBtn\n              v-if=\"showBtnSelectAllProfiles\"\n              size=\"small\"\n              variant=\"tonal\"\n              color=\"white\"\n              @click=\"selectAllProfiles\"\n              >Select all\n            </UcBtn>\n            <UcBtn\n              size=\"small\"\n              variant=\"tonal\"\n              color=\"white\"\n              @click=\"deselectAllProfiles\"\n              >Deselect all</UcBtn\n            >\n          </div>\n        </div>\n      </UcAlert>\n    </div>\n\n    <div class=\"pre-table-ui-2\">\n      <div class=\"selected-actions\">\n        <UcBtn\n          :disabled=\"!selectedProfiles.length\"\n          class=\"btn-export\"\n          data-cy=\"btn-export\"\n          @click=\"showDialogExportToFile = true\"\n        >\n          Export\n        </UcBtn>\n        <UcBtn\n          :disabled=\"!selectedProfiles.length\"\n          class=\"btn-delete\"\n          data-cy=\"btn-delete\"\n          @click=\"showDialogDeleteProfiles = true\"\n        >\n          Delete\n        </UcBtn>\n      </div>\n      <UcTextField\n        v-model=\"search\"\n        label=\"Search profiles\"\n        single-line\n        hide-details\n        class=\"text-field-search\"\n        clearable\n      >\n        <template #prepend-inner>\n          <Icon icon=\"mdi:magnify\" height=\"18\" />\n        </template>\n      </UcTextField>\n    </div>\n\n    <ClientOnly>\n      <v-data-table\n        :key=\"storeGlobal.profilesUpdated\"\n        v-model=\"selectedProfiles\"\n        v-model:items-per-page=\"\n          storePageManageProfiles.profilesTableItemsPerPage\n        \"\n        v-model:sort-by=\"sortBy\"\n        :headers=\"tableHeaders\"\n        :items=\"tableItems\"\n        show-select\n        return-object\n        data-cy=\"table-profiles\"\n        :search=\"search\"\n        :row-props=\"rowProps\"\n        class=\"profiles-table\"\n        @update:items-per-page=\"\n          storePageManageProfiles.profilesTableItemsPerPage = $event\n        \"\n      >\n        <template #item.name=\"{ item }\">\n          <span class=\"profile-name\">\n            {{ item.name }}\n          </span>\n        </template>\n\n        <template #item.roles=\"{ item }\">\n          <v-chip\n            v-for=\"role in item?.computed?.roles\"\n            :key=\"role\"\n            size=\"small\"\n            class=\"ma-1\"\n            :color=\"roleColour(role)\"\n          >\n            {{ role }}\n          </v-chip>\n        </template>\n\n        <template #item.updated=\"{ item }\">\n          {{ updatedFormatted(item.updated) }}\n        </template>\n\n        <template #item.actions=\"{ item }\">\n          <div class=\"row-actions\">\n            <Icon\n              icon=\"mdi:pencil\"\n              title=\"Edit\"\n              height=\"20\"\n              class=\"edit-profile\"\n              :data-cy=\"`icon-edit-profile-${item.id}`\"\n              @click.stop=\"editItem(item)\"\n            />\n            <Icon\n              icon=\"mdi:content-copy\"\n              title=\"Clone\"\n              height=\"20\"\n              class=\"clone-profile\"\n              :data-cy=\"`icon-clone-profile-${item.id}`\"\n              @click.stop=\"cloneItem(item)\"\n            />\n          </div>\n        </template>\n      </v-data-table>\n    </ClientOnly>\n\n    <DialogImportFromFile\n      v-if=\"showDialogImportFromFile\"\n      v-model=\"showDialogImportFromFile\"\n    />\n\n    <DialogExportToFile\n      v-if=\"showDialogExportToFile\"\n      v-model=\"showDialogExportToFile\"\n      :selected-profiles=\"selectedProfiles\"\n    />\n\n    <DialogDeleteProfiles\n      v-if=\"showDialogDeleteProfiles\"\n      v-model=\"showDialogDeleteProfiles\"\n      :selected-profiles=\"selectedProfiles\"\n    />\n\n    <DialogCommon v-if=\"showDialogAddProfile\" v-model=\"showDialogAddProfile\">\n      <EditProfile\n        :key=\"storeEditProfile.intendedRole\"\n        @close=\"showDialogAddProfile = false\"\n      />\n    </DialogCommon>\n\n    <DialogCommon v-if=\"showDialogEditProfile\" v-model=\"showDialogEditProfile\">\n      <EditProfile\n        :key=\"editProfileKey\"\n        :profile-id=\"profileIdToEdit\"\n        :set-as-current=\"profileIsActive\"\n        @close=\"showDialogEditProfile = false\"\n      />\n    </DialogCommon>\n\n    <DialogCommon\n      v-if=\"showDialogCloneProfile\"\n      v-model=\"showDialogCloneProfile\"\n    >\n      <EditProfile\n        :key=\"editProfileKey\"\n        :clone=\"true\"\n        :profile-id=\"profileIdToEdit\"\n        @close=\"showDialogCloneProfile = false\"\n      />\n    </DialogCommon>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.pre-table-ui-1 {\n  margin-bottom: 8px;\n\n  .btns-wrapper {\n    & > * {\n      margin: 0 8px 8px 0;\n\n      &:last-child {\n        margin-right: 0;\n      }\n    }\n  }\n}\n\n.profiles-selected-info {\n  padding: 8px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n\n  .text {\n    margin-bottom: 8px;\n  }\n}\n\n.selected-actions {\n  & > * {\n    margin: 0 8px 8px 0;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n.text-field-search {\n  margin: 8px 0 16px;\n  padding-top: 0;\n}\n\n:deep(.profiles-table .v-table__wrapper > table) {\n  table-layout: auto;\n}\n\n.edit-profile,\n.clone-profile {\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n@media (min-width: 700px) {\n  .pre-table-ui-1 {\n    .btns-wrapper {\n      padding: 8px 0;\n\n      & > * {\n        margin: 0 8px 0 0;\n      }\n    }\n  }\n\n  .profiles-selected-info {\n    flex-direction: row;\n    padding: 4px 0;\n\n    .text {\n      margin-right: 1rem;\n      margin-bottom: 0;\n    }\n  }\n  .pre-table-ui-2 {\n    display: flex;\n    align-items: center;\n\n    & > *:not(:last-child) {\n      margin-right: 1rem;\n    }\n  }\n  .text-field-search {\n    margin: 0 0 8px;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useGlobalStore } from \"@/stores/global\"\nimport OtherGuff from \"../components/ManageProfiles/OtherGuff.vue\"\nimport ListProfiles from \"@/components/ManageProfiles/ListProfiles.vue\"\nimport { Icon } from \"@iconify/vue\"\nimport { usePageManageProfilesStore } from \"@/stores/pageManageProfiles\"\n\nconst store = useGlobalStore()\nconst storePageManageProfiles = usePageManageProfilesStore()\n</script>\n\n<template>\n  <div>\n    <h1 class=\"d-sr-only\">Manage profiles</h1>\n\n    <v-expansion-panels\n      v-model=\"storePageManageProfiles.panelsManageProfiles\"\n      :multiple=\"true\"\n    >\n      <v-expansion-panel>\n        <v-expansion-panel-title data-cy=\"btn-toggle-exp-panel-profiles\">\n          <div class=\"header-inner\">\n            <div class=\"header-icon\">\n              <Icon icon=\"mdi:account-box-multiple\" height=\"22\" />\n            </div>\n            <div class=\"header-label\">Profiles</div>\n          </div>\n        </v-expansion-panel-title>\n        <v-expansion-panel-text>\n          <ListProfiles :key=\"store.profilesUpdated\" class=\"mt-4\" />\n        </v-expansion-panel-text>\n      </v-expansion-panel>\n\n      <v-expansion-panel>\n        <v-expansion-panel-title data-cy=\"btn-toggle-exp-panel-other-guff\">\n          <div class=\"header-inner\">\n            <div class=\"header-icon\">\n              <Icon icon=\"mdi:food\" height=\"22\" />\n            </div>\n            <div class=\"header-label\">Other guff</div>\n          </div>\n        </v-expansion-panel-title>\n        <v-expansion-panel-text>\n          <OtherGuff />\n        </v-expansion-panel-text>\n      </v-expansion-panel>\n    </v-expansion-panels>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.header-inner {\n  display: flex;\n  align-items: center;\n}\n.header-icon {\n  flex: 0 1 auto;\n  margin-right: 24px;\n}\n.header-label {\n  flex: 1 1 auto;\n}\n</style>\n"],"file":"_nuxt/9NZLr-Sp.js"}