Vue-nxp-key-management-plugin NPM

KEY MANAGEMENT UI PLUGIN

vue-nxp-key-management-plugin is a vueJs plugin for managing institution secret keys.

Requirements

Nxp UI Plugin.

npm i vue-nxp-plugin

Installation

via npm, latest version.

npm i vue-nxp-key-management-plugin --save

via package.json with specific version (integration Deployments).

{
    "vue-nxp-key-management-plugin": "0.2.6"
}

NB :

Add following code to your package.json in order to download the plugin from nexus repository.

{
"publishConfig" : {
    "registry": "https://artifact-repos.dev.s2m.ma/repository/npm-hosted/"
  }
}

via package.json with specific version (local Developments).

{
   "vue-nxp-key-management-plugin": "0.0.134"
}

Usage

After Installing the Plugin, Use it globally in your main.js file.

import EaasUiPlugin from "vue-nxp-key-mangement-plugin/dist/vue-nxp-key-mangement-plugin.common";
Vue.use(EaasUiPlugin,{ eaasUrl : process.env.VUE_APP_NXP_EAAS_URL});

//Provide eaasUrl, which is an environment variable that contains vault-service microservice url.

In your i18n file add audit trail plugin en and fr files as follow :

setTimeout(()=>{
messages.en = {...Vue.prototype.$eaas_messages.en ,...messages.en}
messages.fr = {...Vue.prototype.$eaas_messages.fr ,...messages.fr}
},0)

//$eaas_messages is a global variable exposed by key management plugin..

Example Usage

<template>
  <div>
    <NxpKeyManagementSpace @close="close()" />
  </div>
</template>

<script>
import axios from "axios";

export default {
  name: "KeyManagement",
  provide :{
    axios
  },
  methods: {
    close(){
      //use router for example to quit the view
      this.$router.back();
    }
  }
}
</script>

<style scoped>

</style>

NB :

Provide Axios to key Management Plugin As Below and institutionId as Router Query as follows : 
//this.$router.push({ path: "/yourPath", query : { institution: {institutionId : "000001"}}});