Groups.vue

<template>
  <div class="oe-overview">
    <h1>Gruppen</h1>
    <p>
      Gruppen werden Broadcastdomains (BCDs) und Domains (FQDNs), sowie Konten zugeordnet.
      Diese Zuordnungen regeln, wer auf welche Domains und welche Bereiche zugreifen kann.
      OE-Betreuer können diese Gruppen administrieren.
      <br/>
      Durch Untergruppen wird es ermöglicht,
      <b-link to="/user/tokens">Unterkonten</b-link>
      auf einen Teil der Zuordnungen der Gruppen des Hauptkontos einzuschränken.
      So kann eine höhere Sicherheit Ihrer API-Anwendungen erzielt werden.
    </p>
    <hr/>
    <Loading :data="[groups]">
      <b-button style="margin-bottom: 20px" block variant="outline-success"
                id="button-create-group" @click="createSubgroup('')">
        <font-awesome-icon :icon="['fas', 'plus']"/>
      </b-button>
      <b-tooltip target="button-create-group" triggers="hover"
                 variant="success" placement="bottom">
        Neue Gruppe anlegen
      </b-tooltip>
      <Paginator :items="groups" items_per_page="15">
        <template v-slot:item="data">
          <GroupCard
            v-bind:key="data.item.name"
            :mgrs="mgrs"
            :group=data.item
            :groups="groups"
            :create-bcd2-group="createBCD2Group"
            :create-fqdn2-group="createFQDN2Group"
            :create-mgr2-group="createMgr2Group"
            :create-subgroup="createSubgroup"
            :delete-bcd-item="deleteBCDItem"
            :delete-mgr-item="deleteMgrItem"
            :delete-fqdn-item="deleteFQDNItem"
            :edit-fqdn2-group="editFQDN2Group"
            :subgroups="groups_by_parent[data.item.name]"
            :fqdn2grp="fqdn2grp"
            :bcds2grp="bcds2grp"
            :mgrs2grp="mgrs2grp"
            :delete-group="deleteGroup"
            :edit-group="editGroup"
            :show-e-v-log="showEvLog"
          >
          </GroupCard>
        </template>
      </Paginator>
      <div v-if="!groups || groups.length === 0"
           class="font-italic text-center mb-3">
        Keine Gruppen vorhanden
      </div>
    </Loading>
    <DBEditor modal_id="assign_to_group" :object_function="db_editor_function"
              :object_fq_name="db_editor_object_fq_name"
              :presets="db_editor_presets"
              :non_optionals_order="db_editor_non_optionals_order"
              :object_title="db_editor_object_fq_name != null?db_editor_object_fq_name[db_editor_object_fq_name]:''"
              :old_data="db_editor_old_data">
    </DBEditor>
    <EVLogViewer v-if="evlogGroup" modal_id="groups-evlog"
                 :title="'Gruppe: ' + evlogGroup.name" ref_obj_fq="cntl.group" refobj_id_field="name" :refobj_id_value="evlogGroup.name"></EVLogViewer>
  </div>
</template>

<script>
import GroupService from '@/api-services/groups.service'
import Loading from '@/components/Loading'
import apiutil from '@/util/apiutil'
import transactionutil from '@/util/transactionutil'
import Mgr2GroupService from '@/api-services.gen/cntl.mgr2group'
import BCD2GroupService from '@/api-services.gen/nd.bcd2group'
import FQDN2GroupService from '@/api-services.gen/dns.fqdn2group'
import GenGroupService from '@/api-services.gen/cntl.group'
import DBEditor from '@/components/DBEditor'
import GroupCard from '@/components/GroupCard'
import Paginator from '@/components/Paginator'
import EVLogViewer from '@/components/EVLogViewer'

export default {
  name: 'Groups',
  components: {EVLogViewer, Paginator, GroupCard, DBEditor, Loading},
  data() {
    return {
      mgrs: null,
      evlogGroup: null,
      db_editor_presets: {},
      db_editor_object_fq_name: null,
      db_editor_function: 'create',
      default_order: ['group_name', 'parent_name', 'description', 'do_copy_assignments', 'mgr_login_name', 'bcd_name', 'fqdn_value'],
      group_create_order: ['name', 'description', 'ou_short_name'],
      db_editor_non_optionals_order: ['group_name', 'parent_name', 'description', 'do_copy_assignments', 'mgr_login_name', 'bcd_name', 'fqdn_value'],
      db_editor_old_data: {},
      db_editor_object_title: {
        'cntl.mgr2group': 'Konto-zu-Gruppen-Zuordnung',
        'nd.bcd2group': 'BCD-zu-Gruppen-Zuordnung',
        'dns.fqdn2group': 'Domain-zu-Gruppen-Zuordnung'
      },
      mgrs2grp: null,
      bcds2grp: null,
      fqdn2grp: null,
      groups: null,
      ous: null,
      groups_by_parent: null
    }
  },
  methods: {
    async refresh() {
      this.groups = this.mgrs2ou = this.ous = null
      const res = (await GroupService.list(this.$store.state.netdb_axios_config, true)).data
      this.groups = res[0].filter(group => !group.is_sub_group)
      this.bcds2grp = apiutil.dict_of_lists_by_value_of_array(res[2], 'group_name')
      this.mgrs2grp = apiutil.dict_of_lists_by_value_of_array(res[1], 'group_name')
      this.fqdn2grp = apiutil.dict_of_lists_by_value_of_array(res[3], 'group_name')
      this.mgrs = apiutil.dict_by_value_of_array(res[4], 'login_name')
      const subgroups = res[0].filter(group => group.is_sub_group)
      this.groups_by_parent = apiutil.dict_of_lists_by_value_of_array(subgroups, 'parent_name')
      this.bcds = apiutil.dict_by_value_of_array(res[5], 'name')
    },
    deleteMgrItem(item) {
      const ta = transactionutil.generateDeleteElement('cntl.mgr2group', Mgr2GroupService.deleteParamsList(), item, item.mgr_login_name + ' aus Gruppe ' + item.group_name)
      this.$store.commit('addTransactionElement', ta)
      this.$emit('commited', ta)
      if (!this.isMobile() && !this.$store.state.show_sidebar) {
        this.$store.state.show_sidebar = true
      }
    },
    deleteBCDItem(item) {
      const ta = transactionutil.generateDeleteElement('nd.bcd2group', BCD2GroupService.deleteParamsList(), item, item.bcd_name + ' aus Gruppe ' + item.group_name)
      this.$store.commit('addTransactionElement', ta)
      this.$emit('commited', ta)
      if (!this.isMobile() && !this.$store.state.show_sidebar) {
        this.$store.state.show_sidebar = true
      }
    },
    deleteFQDNItem(item) {
      const ta = transactionutil.generateDeleteElement('dns.fqdn2group', FQDN2GroupService.deleteParamsList(), item, item.fqdn_value + ' aus Gruppe ' + item.group_name)
      this.$store.commit('addTransactionElement', ta)
      this.$emit('commited', ta)
      if (!this.isMobile() && !this.$store.state.show_sidebar) {
        this.$store.state.show_sidebar = true
      }
    },
    deleteGroup(item) {
      const ta = transactionutil.generateDeleteElement('cntl.group', GenGroupService.deleteParamsList(), item, 'Gruppe ' + item.name)
      this.$store.commit('addTransactionElement', ta)
      this.$emit('commited', ta)
      if (!this.isMobile() && !this.$store.state.show_sidebar) {
        this.$store.state.show_sidebar = true
      }
    },
    createSubgroup(parent_name) {
      this.db_editor_function = 'create'
      this.db_editor_old_data = {}
      this.db_editor_presets = {parent_name: parent_name}
      this.db_editor_object_fq_name = 'cntl.group'
      this.db_editor_non_optionals_order = this.default_order
      if (parent_name === '') {
        this.db_editor_non_optionals_order = this.group_create_order
      }
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    },
    showEvLog(group) {
      this.evlogGroup = group
      this.$root.$nextTick(() => {
        this.$root.$emit('bv::show::modal', 'groups-evlog')
      })
    },
    createMgr2Group(group_name) {
      this.db_editor_function = 'create'
      this.db_editor_old_data = {}
      this.db_editor_presets = {group_name: group_name}
      this.db_editor_object_fq_name = 'cntl.mgr2group'
      this.db_editor_non_optionals_order = this.default_order
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    },
    createBCD2Group(group_name) {
      this.db_editor_function = 'create'
      this.db_editor_old_data = {}
      this.db_editor_presets = {group_name: group_name}
      this.db_editor_object_fq_name = 'nd.bcd2group'
      this.db_editor_non_optionals_order = this.default_order
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    },
    createFQDN2Group(group_name) {
      this.db_editor_function = 'create'
      this.db_editor_old_data = {}
      this.db_editor_presets = {group_name: group_name}
      this.db_editor_object_fq_name = 'dns.fqdn2group'
      this.db_editor_non_optionals_order = this.default_order
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    },
    editFQDN2Group(item) {
      this.db_editor_function = 'update'
      this.db_editor_presets = item
      this.db_editor_old_data = item
      this.db_editor_object_fq_name = 'dns.fqdn2group'
      this.db_editor_non_optionals_order = this.default_order
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    },
    editGroup(item) {
      window.console.debug(item)
      this.db_editor_function = 'update'
      this.db_editor_presets = item
      this.db_editor_old_data = item
      this.db_editor_object_fq_name = 'cntl.group'
      if (!item.is_sub_group) {
        this.db_editor_non_optionals_order = this.group_create_order
      } else {
        this.db_editor_non_optionals_order = this.default_order
      }
      this.$root.$emit('bv::show::modal', 'assign_to_group')
    }
  },
  async mounted() {
    await this.refresh()
  }
}
</script>

<style scoped>

</style>