@rxap/authorization
Version:
Provides an Angular module and directives to manage authorization and permissions in your application. It allows you to control the visibility and enabled state of UI elements based on user permissions. The package includes an `AuthorizationService` to ch
198 lines (194 loc) • 14 kB
JavaScript
'use strict';
customElements.define('compodoc-menu', class extends HTMLElement {
constructor() {
super();
this.isNormalMode = this.getAttribute('mode') === 'normal';
}
connectedCallback() {
this.render(this.isNormalMode);
}
render(isNormalMode) {
let tp = lithtml.html(`
<nav>
<ul class="list">
<li class="title">
<a href="index.html" data-type="index-link">angular-authorization</a>
</li>
<li class="divider"></li>
${ isNormalMode ? `<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div>` : '' }
<li class="chapter">
<a data-type="chapter-link" href="index.html"><span class="icon ion-ios-home"></span>Getting started</a>
<ul class="links">
<li class="link">
<a href="overview.html" data-type="chapter-link">
<span class="icon ion-ios-keypad"></span>Overview
</a>
</li>
<li class="link">
<a href="index.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>README
</a>
</li>
<li class="link">
<a href="changelog.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>CHANGELOG
</a>
</li>
<li class="link">
<a href="license.html" data-type="chapter-link">
<span class="icon ion-ios-paper"></span>LICENSE
</a>
</li>
<li class="link">
<a href="dependencies.html" data-type="chapter-link">
<span class="icon ion-ios-list"></span>Dependencies
</a>
</li>
<li class="link">
<a href="properties.html" data-type="chapter-link">
<span class="icon ion-ios-apps"></span>Properties
</a>
</li>
</ul>
</li>
<li class="chapter modules">
<a data-type="chapter-link" href="modules.html">
<div class="menu-toggler linked" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#modules-links"' : 'data-bs-target="#xs-modules-links"' }>
<span class="icon ion-ios-archive"></span>
<span class="link-name">Modules</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
</a>
<ul class="links collapse " ${ isNormalMode ? 'id="modules-links"' : 'id="xs-modules-links"' }>
<li class="link">
<a href="modules/HasPermissionModule.html" data-type="entity-link" >HasPermissionModule</a>
<li class="chapter inner">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
'data-bs-target="#directives-links-module-HasPermissionModule-ab741473f40229edad13a1668e313bc354f66a7234ed264c9c84232c9acb0f8bb7bb544206cbe859b960b32d26e2ea7ec231e9d1606f2bded9f53b8ecd6ff263"' : 'data-bs-target="#xs-directives-links-module-HasPermissionModule-ab741473f40229edad13a1668e313bc354f66a7234ed264c9c84232c9acb0f8bb7bb544206cbe859b960b32d26e2ea7ec231e9d1606f2bded9f53b8ecd6ff263"' }>
<span class="icon ion-md-code-working"></span>
<span>Directives</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse" ${ isNormalMode ? 'id="directives-links-module-HasPermissionModule-ab741473f40229edad13a1668e313bc354f66a7234ed264c9c84232c9acb0f8bb7bb544206cbe859b960b32d26e2ea7ec231e9d1606f2bded9f53b8ecd6ff263"' :
'id="xs-directives-links-module-HasPermissionModule-ab741473f40229edad13a1668e313bc354f66a7234ed264c9c84232c9acb0f8bb7bb544206cbe859b960b32d26e2ea7ec231e9d1606f2bded9f53b8ecd6ff263"' }>
<li class="link">
<a href="directives/FormControlHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >FormControlHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/HasWritePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >HasWritePermissionDirective</a>
</li>
<li class="link">
<a href="directives/IfHasPermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >IfHasPermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatButtonHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >MatButtonHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatCheckboxHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >MatCheckboxHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatInputHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >MatInputHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatSelectHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >MatSelectHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatSlideToggleHasEnablePermissionDirective.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >MatSlideToggleHasEnablePermissionDirective</a>
</li>
</ul>
</li>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#directives-links"' :
'data-bs-target="#xs-directives-links"' }>
<span class="icon ion-md-code-working"></span>
<span>Directives</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="directives-links"' : 'id="xs-directives-links"' }>
<li class="link">
<a href="directives/FormControlHasEnablePermissionDirective.html" data-type="entity-link" >FormControlHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/HasWritePermissionDirective.html" data-type="entity-link" >HasWritePermissionDirective</a>
</li>
<li class="link">
<a href="directives/IfHasPermissionDirective.html" data-type="entity-link" >IfHasPermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatButtonHasEnablePermissionDirective.html" data-type="entity-link" >MatButtonHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatCheckboxHasEnablePermissionDirective.html" data-type="entity-link" >MatCheckboxHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatInputHasEnablePermissionDirective.html" data-type="entity-link" >MatInputHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatSelectHasEnablePermissionDirective.html" data-type="entity-link" >MatSelectHasEnablePermissionDirective</a>
</li>
<li class="link">
<a href="directives/MatSlideToggleHasEnablePermissionDirective.html" data-type="entity-link" >MatSlideToggleHasEnablePermissionDirective</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#injectables-links"' :
'data-bs-target="#xs-injectables-links"' }>
<span class="icon ion-md-arrow-round-down"></span>
<span>Injectables</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="injectables-links"' : 'id="xs-injectables-links"' }>
<li class="link">
<a href="injectables/AuthorizationService.html" data-type="entity-link" >AuthorizationService</a>
</li>
<li class="link">
<a href="injectables/HasEnablePermission.html" data-type="entity-link" >HasEnablePermission</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#interfaces-links"' :
'data-bs-target="#xs-interfaces-links"' }>
<span class="icon ion-md-information-circle-outline"></span>
<span>Interfaces</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
<li class="link">
<a href="interfaces/CanDisable.html" data-type="entity-link" >CanDisable</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ? 'data-bs-target="#miscellaneous-links"'
: 'data-bs-target="#xs-miscellaneous-links"' }>
<span class="icon ion-ios-cube"></span>
<span>Miscellaneous</span>
<span class="icon ion-ios-arrow-down"></span>
</div>
<ul class="links collapse " ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
<li class="link">
<a href="miscellaneous/functions.html" data-type="entity-link">Functions</a>
</li>
<li class="link">
<a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
</li>
</ul>
</li>
<li class="divider"></li>
<li class="copyright">
Documentation generated using <a href="https://compodoc.app/" target="_blank" rel="noopener noreferrer">
<img data-src="images/compodoc-vectorise.png" class="img-responsive" data-type="compodoc-logo">
</a>
</li>
</ul>
</nav>
`);
this.innerHTML = tp.strings;
}
});