Vue Access Key Manager

This repository contains a Vue component library for managing MyCoRe access keys.

📦 Installation

npm install @mycore-org/vue-access-key-manager

📖 Usage

<template>
  <AccessKeyManager
    :base-url="'localhost:8000/mir'"
    :auth-strategy="authStrategy"
    reference="test_mods_00000001"
    :permissions="['read']"
    :allowed-session-permissions="['read']"
    current-page="1"
    page-size="8"
    router-enabled
    @error="handleError"
  />
</template>

<script setup lang="ts">
import { AccessKeyManager } from '@mycore-org/vue-access-key-manager';
import { AccessTokenAuthStrategy } from '@mycore/js-common/auth';

const handleError = (e) => {
  console.error(e);
};

const authStrategy = new AccessTokenAuthStrategy('AccessToken');
</script>

Properties

Property	Type	Default	Description
baseUrl	string		The base Url of the backend
auth-strategy	AuthStrategy	undefined	An authentication strategy for the requests with the backend
reference	string	undefined	The reference for the object to be managed. If no reference is specified, an admin mode is assumed
permissions	string[]	undefined	The permissions that may be managed
allowed-session-permissions	string[]	undefined	The allowed access key permissions for session
current-page	int	1	Used to set the current page
page-size	int	8	Used to set the page size
router-enabled	boolean	false	When set to true, the router is used, for example, to set the pagination in the url

Events

Event	Arguments	Description
error	error - error object	If an unexpected error occurs
page-change	page - current page	If the current page changes

📜 License

This project is licensed under the GPL 3.0 or later.