@superawesome/permissions
Version:
Fine grained permissions / access control with ownerships & attribute picking, done right.
160 lines (155 loc) • 9.81 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">SuperAwesome Permissions (@superawesome/permissions)</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="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>
</ul>
</li>
<li class="chapter additional">
<div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#additional-pages"'
: 'data-target="#xs-additional-pages"' }>
<span class="icon ion-ios-book"></span>
<span>SuperAwesome Permissions Documentation</span>
<span class="icon ion-ios-arrow-up"></span>
</div>
<ul class="links collapse in" ${ isNormalMode ? 'id="additional-pages"' : 'id="xs-additional-pages"' }>
<li class="link ">
<a href="additional-documentation/introduction-&-glossary.html" data-type="entity-link" data-context-id="additional">Introduction & Glossary</a>
</li>
<li class="link ">
<a href="additional-documentation/basic-usage.html" data-type="entity-link" data-context-id="additional">Basic Usage</a>
</li>
<li class="link ">
<a href="additional-documentation/detailed-usage-&-examples.html" data-type="entity-link" data-context-id="additional">Detailed Usage & Examples</a>
</li>
<li class="link ">
<a href="additional-documentation/philosophy,-principles-&-architecture.html" data-type="entity-link" data-context-id="additional">Philosophy, Principles & Architecture</a>
</li>
<li class="link ">
<a href="additional-documentation/inspiration,-problem,-prior-art.html" data-type="entity-link" data-context-id="additional">Inspiration, Problem, Prior Art</a>
</li>
<li class="link ">
<a href="additional-documentation/faq,-gotchas-&-caveats.html" data-type="entity-link" data-context-id="additional">FAQ, Gotchas & Caveats</a>
</li>
<li class="link ">
<a href="additional-documentation/future-roadmap.html" data-type="entity-link" data-context-id="additional">Future Roadmap</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#classes-links"' :
'data-target="#xs-classes-links"' }>
<span class="icon ion-ios-paper"></span>
<span>Classes</span>
<span class="icon ion-ios-arrow-up"></span>
</div>
<ul class="links collapse in" ${ isNormalMode ? 'id="classes-links"' : 'id="xs-classes-links"' }>
<li class="link">
<a href="classes/GrantPermitQuery.html" data-type="entity-link">GrantPermitQuery</a>
</li>
<li class="link">
<a href="classes/PermissionDefinition_DOCS.html" data-type="entity-link">PermissionDefinition_DOCS</a>
</li>
<li class="link">
<a href="classes/PermissionDefinitionDefaults.html" data-type="entity-link">PermissionDefinitionDefaults</a>
</li>
<li class="link">
<a href="classes/Permissions.html" data-type="entity-link">Permissions</a>
</li>
<li class="link">
<a href="classes/Permit.html" data-type="entity-link">Permit</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#interfaces-links"' :
'data-target="#xs-interfaces-links"' }>
<span class="icon ion-md-information-circle-outline"></span>
<span>Interfaces</span>
<span class="icon ion-ios-arrow-up"></span>
</div>
<ul class="links collapse in" ${ isNormalMode ? ' id="interfaces-links"' : 'id="xs-interfaces-links"' }>
<li class="link">
<a href="interfaces/ICompletePermissionDefinitions.html" data-type="entity-link">ICompletePermissionDefinitions</a>
</li>
<li class="link">
<a href="interfaces/IPermissionsLogger.html" data-type="entity-link">IPermissionsLogger</a>
</li>
<li class="link">
<a href="interfaces/IPermissionsOptions.html" data-type="entity-link">IPermissionsOptions</a>
</li>
<li class="link">
<a href="interfaces/IUser.html" data-type="entity-link">IUser</a>
</li>
</ul>
</li>
<li class="chapter">
<div class="simple menu-toggler" data-toggle="collapse" ${ isNormalMode ? 'data-target="#miscellaneous-links"'
: 'data-target="#xs-miscellaneous-links"' }>
<span class="icon ion-ios-cube"></span>
<span>Miscellaneous</span>
<span class="icon ion-ios-arrow-up"></span>
</div>
<ul class="links collapse in" ${ isNormalMode ? 'id="miscellaneous-links"' : 'id="xs-miscellaneous-links"' }>
<li class="link">
<a href="miscellaneous/enumerations.html" data-type="entity-link">Enums</a>
</li>
<li class="link">
<a href="miscellaneous/typealiases.html" data-type="entity-link">Type aliases</a>
</li>
<li class="link">
<a href="miscellaneous/variables.html" data-type="entity-link">Variables</a>
</li>
</ul>
</li>
<li class="chapter">
<a data-type="chapter-link" href="coverage.html"><span class="icon ion-ios-stats"></span>Documentation coverage</a>
</li>
<li class="divider"></li>
<li class="copyright">
Documentation generated using <a href="https://compodoc.app/" target="_blank">
<img data-src="images/compodoc-vectorise-inverted.png" class="img-responsive" data-type="compodoc-logo">
</a>
</li>
</ul>
</nav>
`);
this.innerHTML = tp.strings;
}
});