Intro

This is a package specifically for EUC Development team, which contains IAM module for internal SharePoint projects.

Installation

npm i @euc-development/shp-iam-module

Setup

Initialization

Create a Nuxt plugin, import the init function and initialize the package. The input argument is the name of the IAM group in the project. Import the plugin to the project via Nuxt config.

import { init } from "@euc-development/shp-iam-module"
import { shpGroups } from "~/global/constants"

export default (context, inject) => {
	init(shpGroups.IAM);
}

Locales

Next import the locales (iamEnLocales) to the project.

import en from "vuetify/es5/locale/en";
import { migrationsEnLocales } from "@euc-development/shp-migrations";
import { iamEnLocales } from "@euc-development/shp-iam-module";
import generic from "./en/generic-locale-en";

export default {
	$vuetify: en,

	...migrationsEnLocales,
	...iamEnLocales,

	...generic,

	nav,
};

User and Group Management Page

Create a page for user management and one for group management and import the following components:

Users Page

<template>
	<users-page />
</template>

<script>
export default {
	head() {
		return { title: this.$t("page_titles.iam.users") };
	},

	components: {
      "users-page": require("@euc-development/shp-iam-module/components/pages/users.vue").default,
   },

	// middleware: "can-access-iam-zone",
};
</script>

Groups Page

<template>
  <groups-page />
</template>

<script>
export default {
	head() {
		return { title: this.$t("page_titles.iam.groups") };
	},

  components: {
      "groups-page": require("@euc-development/shp-iam-module/components/pages/groups.vue").default,
   },

  // middleware: "can-access-iam-zone",
};
</script>