nodes-ui/doc/includes/sidebar.html

UI Components for Nodes Backends

<ul class="docs--sidebar">

    <!-- Setup / Readme / Etc -->
    <li data-toggle="collapse"
        data-target="#setupCollapse"
        class="docs--sidebar__heading docs--collapser">
        Setup
    </li>
    <ul id="setupCollapse" class="docs--sidebar__collapse collapse">
        <!-- Getting Started -->
        <li class="docs--sidebar__item{{#is basename "index"}} active{{/is}}">
            <a href="{{rel 'index.html'}}" >Getting Started</a>
        </li>

        <li data-toggle="collapse"
            data-target="#documentationCollapse"
            class="docs--sidebar__sub-heading docs--collapser">
            Writing Documentation
        </li>
        <ul id="documentationCollapse" class="docs--sidebar__collapse collapse">
            <li class="docs--sidebar__item{{#is basename "installing-documentation"}} active{{/is}}">
                <a href="{{rel 'installing-documentation.html'}}" >Installation</a>
            </li>
            <li class="docs--sidebar__item{{#is basename "writing-documentation"}} active{{/is}}">
                <a href="{{rel 'writing-documentation.html'}}" >Writing Documentation Pages</a>
            </li>
            <li class="docs--sidebar__item{{#is basename "example-documentation"}} active{{/is}}">
                <a href="{{rel 'example-documentation.html'}}" >Creating Code Examples</a>
            </li>
            <li class="docs--sidebar__item{{#is basename "documentation-components"}} active{{/is}}">
                <a href="{{rel 'documentation-components.html'}}" >Components & Styling</a>
            </li>
        </ul>
    </ul>

    <!-- Base Styles -->
    <li data-toggle="collapse"
        data-target="#baseCollapse"
        class="docs--sidebar__heading docs--collapser">
        Base
    </li>
    <ul id="baseCollapse" class="docs--sidebar__collapse collapse">
        <!-- Layout -->
        <li data-toggle="collapse"
            data-target="#layoutCollapse"
            class="docs--sidebar__sub-heading docs--collapser">
            Layout
        </li>
        <ul id="layoutCollapse" class="docs--sidebar__collapse collapse">
            <!-- Layout Helpers -->
            <li class="docs--sidebar__item{{#is basename "layout-helpers"}} active{{/is}}">
                <a href="{{rel 'layout-helpers.html'}}" >Layout Helpers</a>
            </li>
            <!-- Flex-layout -->
            <li class="docs--sidebar__item{{#is basename "flex-layout"}} active{{/is}}">
                <a href="{{rel 'flex-layout.html'}}" >Flex-layout</a>
            </li>
            <!-- Block-layout -->
            <li class="docs--sidebar__item{{#is basename "block-layout"}} active{{/is}}">
                <a href="{{rel 'block-layout.html'}}" >Block-layout</a>
            </li>
            <!-- Whitespace -->
            <li class="docs--sidebar__item{{#is basename "whitespace"}} active{{/is}}">
                <a href="{{rel 'whitespace.html'}}" >Whitespace</a>
            </li>
        </ul>

        <!-- Colors -->
        <li class="docs--sidebar__item{{#is basename "colors"}} active{{/is}}">
            <a href="{{rel 'colors.html'}}" >Colors</a>
        </li>

        <!-- Typography -->
        <li class="docs--sidebar__item{{#is basename "typography"}} active{{/is}}">
            <a href="{{rel 'typography.html'}}" >Typography</a>
        </li>
    </ul>

    <!-- Elements -->
    <li data-toggle="collapse"
        data-target="#elementsCollapse"
        class="docs--sidebar__heading docs--collapser">
        Elements
    </li>
    <ul id="elementsCollapse" class="docs--sidebar__collapse collapse">
        <!-- Tables -->
        <li data-toggle="collapse"
            data-target="#tablesCollapse"
            class="docs--sidebar__sub-heading docs--collapser">
            Tables
        </li>
        <ul id="tablesCollapse" class="docs--sidebar__collapse collapse">
            <!-- Table types -->
            <li class="docs--sidebar__item{{#is basename "table-types"}} active{{/is}}">
                <a href="{{rel 'table-types.html'}}" >Table Types</a>
            </li>
            <!-- Table colors -->
            <li class="docs--sidebar__item{{#is basename "table-colors"}} active{{/is}}">
                <a href="{{rel 'table-colors.html'}}" >Table Colors</a>
            </li>
            <!-- Table components -->
            <li class="docs--sidebar__item{{#is basename "table-components"}} active{{/is}}">
                <a href="{{rel 'table-components.html'}}" >Table Components</a>
            </li>
            <!-- Table sizing -->
            <li class="docs--sidebar__item{{#is basename "table-sizing"}} active{{/is}}">
                <a href="{{rel 'table-sizing.html'}}" >Table Sizing</a>
            </li>
            <!-- Responsive tables -->
            <li class="docs--sidebar__item{{#is basename "table-responsive"}} active{{/is}}">
                <a href="{{rel 'table-responsive.html'}}" >Responsive Tables</a>
            </li>
            <!-- Building Tables -->
            <li class="docs--sidebar__item{{#is basename "table-building"}} active{{/is}}">
                <a href="{{rel 'table-building.html'}}" >Building Tables</a>
            </li>
        </ul>

        <!-- Forms -->
        <li data-toggle="collapse"
            data-target="#formsCollapse"
            class="docs--sidebar__sub-heading docs--collapser">
            Forms
        </li>
        <ul id="formsCollapse" class="docs--sidebar__collapse collapse">
            <!-- Form Basics -->
            <li class="docs--sidebar__item{{#is basename "form-basics"}} active{{/is}}">
                <a href="{{rel 'form-basics.html'}}" >Form Basics</a>
            </li>
            <!-- Input Basics -->
            <li class="docs--sidebar__item{{#is basename "input-basics"}} active{{/is}}">
                <a href="{{rel 'input-basics.html'}}" >Input Basics</a>
            </li>
            <!-- Action Wrappers -->
            <li class="docs--sidebar__item{{#is basename "action-wrappers"}} active{{/is}}">
                <a href="{{rel 'action-wrappers.html'}}" >Action Wrappers</a>
            </li>
            <!-- Floating Labels -->
            <li class="docs--sidebar__item{{#is basename "floating-labels"}} active{{/is}}">
                <a href="{{rel 'floating-labels.html'}}" >Floating Labels</a>
            </li>
            <!-- File picker -->
            <li class="docs--sidebar__item{{#is basename "file-picker"}} active{{/is}}">
                <a href="{{rel 'file-picker.html'}}" >File Picker <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
            </li>
            <!-- Date picker -->
            <li class="docs--sidebar__item{{#is basename "date-picker"}} active{{/is}}">
                <a href="{{rel 'date-picker.html'}}" >Date Picker <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
            </li>
            <!-- Color picker -->
            <li class="docs--sidebar__item{{#is basename "color-picker"}} active{{/is}}">
                <a href="{{rel 'color-picker.html'}}" >Color Picker <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
            </li>
            <!-- Wysiwyg -->
            <li class="docs--sidebar__item{{#is basename "wysiwyg"}} active{{/is}}">
                <a href="{{rel 'wysiwyg.html'}}" >Wysiwyg <span class="docs--badge docs--badge__js"></span></a>
            </li>
            <!-- Auto-complete -->
            <li class="docs--sidebar__item{{#is basename "auto-complete"}} active{{/is}}">
                <a href="{{rel 'auto-complete.html'}}" >Auto-complete <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
            </li>
            <!-- Range slider -->
            <li class="docs--sidebar__item{{#is basename "range-slider"}} active{{/is}}">
            <a href="{{rel 'range-slider.html'}}" >Range Slider <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
            </li>
        </ul>

        <!-- Buttons -->
        <li class="docs--sidebar__item{{#is basename "buttons"}} active{{/is}}">
            <a href="{{rel 'buttons.html'}}" >Buttons</a>
        </li>

        <!-- Indicators (or LEDs, dunno yet) -->
        <li class="docs--sidebar__item{{#is basename "indicators"}} active{{/is}}">
            <a href="{{rel 'indicators.html'}}" >Indicators</a>
        </li>
    
        <!-- Logos -->
        <li class="docs--sidebar__item{{#is basename "logos"}} active{{/is}}">
            <a href="{{rel 'logos.html'}}" >Logos</a>
        </li>
    
        <!-- Spinners -->
        <li class="docs--sidebar__item{{#is basename "spinners"}} active{{/is}}">
            <a href="{{rel 'spinners.html'}}" >Spinners</a>
        </li>
    </ul>

    <!-- Components -->
    <li data-toggle="collapse"
        data-target="#componentsCollapse"
        class="docs--sidebar__heading docs--collapser">
        Components
    </li>
    <ul id="componentsCollapse" class="docs--sidebar__collapse collapse">
        <!-- Breadcrumbs -->
        <li class="docs--sidebar__item{{#is basename "breadcrumbs"}} active{{/is}}">
            <a href="{{rel 'breadcrumbs.html'}}" >Breadcrumbs</a>
        </li>
        <!-- Page-Header (SKAL NED TIL "CORE COMPONENTS") -->
        <li class="docs--sidebar__item{{#is basename "page-header"}} active{{/is}}">
            <a href="{{rel 'page-header.html'}}" >Page-header</a>
        </li>
        <!-- App-tiles -->
        <li class="docs--sidebar__item{{#is basename "app-tiles"}} active{{/is}}">
            <a href="{{rel 'app-tiles.html'}}" >App-tiles</a>
        </li>

        <!-- Dropdowns -->
        <li data-toggle="collapse"
            data-target="#dropdownsCollapse"
            class="docs--sidebar__heading docs--collapser">
            Dropdowns
        </li>
        <ul id="dropdownsCollapse" class="docs--sidebar__collapse collapse">
            <!-- Dropdown Basics -->
            <li class="docs--sidebar__item{{#is basename "basics-dropdown"}} active{{/is}}">
                <a href="{{rel 'basics-dropdown.html'}}" >Dropdown Basics</a>
            </li>
            <!-- Content-dropdowns -->
            <li class="docs--sidebar__item{{#is basename "content-dropdown"}} active{{/is}}">
                <a href="{{rel 'content-dropdown.html'}}" >Content-dropdowns</a>
            </li>
            <!-- Features Dropdown (FJERN FRA NODES-UI...) -->
            <li class="docs--sidebar__item{{#is basename "features-dropdown"}} active{{/is}}">
                <a href="{{rel 'features-dropdown.html'}}" >Features dropdown</a>
            </li>
            <!-- User Dropdown (FJERN FRA NODES-UI...) -->
            <li class="docs--sidebar__item{{#is basename "user-dropdown"}} active{{/is}}">
                <a href="{{rel 'user-dropdown.html'}}" >User dropdown</a>
            </li>
            <!-- Applications Dropdown (FJERN FRA NODES-UI...) -->
            <li class="docs--sidebar__item{{#is basename "applications-dropdown"}} active{{/is}}">
                <a href="{{rel 'applications-dropdown.html'}}" >Applications dropdown</a>
            </li>
        </ul>

        <!-- List Groups -->
        <li data-toggle="collapse"
            data-target="#listGroupCollapse"
            class="docs--sidebar__heading docs--collapser">
            List-groups
        </li>
        <ul id="listGroupCollapse" class="docs--sidebar__collapse collapse">
            <!-- List Group Basics -->
            <li class="docs--sidebar__item{{#is basename "list-group"}} active{{/is}}">
                <a href="{{rel 'list-group.html'}}" >List Group</a>
            </li>
        </ul>

        <!-- Alerts -->
        <li data-toggle="collapse"
            data-target="#alertsCollapse"
            class="docs--sidebar__heading docs--collapser">
            Alerts
        </li>
        <ul id="alertsCollapse" class="docs--sidebar__collapse collapse">
            <!-- Sidebar Basics -->
            <li class="docs--sidebar__item{{#is basename "alerts"}} active{{/is}}">
                <a href="{{rel 'alerts.html'}}" >Alerts</a>
            </li>
            <!-- Sidebar Components -->
            <li class="docs--sidebar__item{{#is basename "toasts"}} active{{/is}}">
                <a href="{{rel 'toasts.html'}}" >Toasts</a>
            </li>
        </ul>

        <!-- Sidebars -->
        <li data-toggle="collapse"
            data-target="#sidebarsCollapse"
            class="docs--sidebar__heading docs--collapser">
            Sidebars
        </li>
        <ul id="sidebarsCollapse" class="docs--sidebar__collapse collapse">
            <!-- Sidebar Basics -->
            <li class="docs--sidebar__item{{#is basename "basic-sidebar"}} active{{/is}}">
                <a href="{{rel 'basic-sidebar.html'}}" >Sidebar Basics</a>
            </li>
            <!-- Sidebar Components -->
            <li class="docs--sidebar__item{{#is basename "sidebar-components"}} active{{/is}}">
                <a href="{{rel 'sidebar-components.html'}}" >Sidebar Components</a>
            </li>
        </ul>

        <!-- Panels -->
        <li data-toggle="collapse"
            data-target="#panelsCollapse"
            class="docs--sidebar__heading docs--collapser">
            Panels
        </li>
        <ul id="panelsCollapse" class="docs--sidebar__collapse collapse">
            <li class="docs--sidebar__item{{#is basename "panel-basics"}} active{{/is}}">
                <a href="{{rel 'panel-basics.html'}}" >Panel Basics</a>
            </li>
        </ul>

        <!-- Ace-editor -->
        <li class="docs--sidebar__item{{#is basename "ace-editor"}} active{{/is}}">
            <a href="{{rel 'ace-editor.html'}}" >Ace-editor <span class="docs--badge docs--badge__js"></span><span class="docs--badge docs--badge__beta"></span></a>
        </li>
    </ul>

    <!-- Laravel  -->
    <li data-toggle="collapse"
        data-target="#laravelCollapse"
        class="docs--sidebar__heading docs--collapser">
        Laravel
    </li>
    <ul id="laravelCollapse" class="docs--sidebar__collapse collapse">
        <!-- Layout Scaffold -->
        <li class="docs--sidebar__item{{#is basename "layout-scaffold"}} active{{/is}}">
            <a href="{{rel 'layout-scaffold.html'}}" >Layout Scaffold</a>
        </li>
        <!-- Scaffold Components -->
        <li data-toggle="collapse"
            data-target="#scaffoldComponentsCollapse"
            class="docs--sidebar__heading docs--collapser">
            Scaffold Components
        </li>
        <ul id="scaffoldComponentsCollapse" class="docs--sidebar__collapse collapse">
            <li class="docs--sidebar__item{{#is basename "side-navigation"}} active{{/is}}">
                <a href="{{rel 'side-navigation.html'}}" >Side-navigation</a>
            </li>
        </ul>
        <!-- Specialty Pages -->
        <li data-toggle="collapse"
            data-target="#specialyPagesCollapse"
            class="docs--sidebar__heading docs--collapser">
            Specialty Pages
        </li>
        <ul id="specialyPagesCollapse" class="docs--sidebar__collapse collapse">
            <li class="docs--sidebar__item{{#is basename "login"}} active{{/is}}">
                <a href="{{rel 'login.html'}}" >Login</a>
            </li>
            <li class="docs--sidebar__item{{#is basename "app-install"}} active{{/is}}">
                <a href="{{rel 'app-install.html'}}" >App Install</a>
            </li>
        </ul>
    </ul>

    <li class="docs--sidebar__item{{#is basename "dhni-sandbox"}} active{{/is}}">
        <a href="{{rel 'dhni-sandbox.html'}}" >dhni-sandbox</a>
    </li>
</ul>