graphdb-workbench/dist/pages/namespaces.html

The web application for GraphDB APIs

<link href="css/lib/angular-xeditable/xeditable.min.css?v=1.11.3-TR1" rel="stylesheet">
<link href="css/export.css?v=1.11.3-TR1" rel="stylesheet">

<title>Namespaces</title>

<h1>
    {{title}}
    <span class="btn btn-link"
          uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
          popover-trigger="mouseenter"
          popover-placement="bottom-right"
          popover-append-to-body="true"><span class="icon-info"></span></span>
</h1>


<div class="ot-loader ot-main-loader" onto-loader size="50" ng-show="loader"></div>
<div id="wb-namespaces" ng-hide="loader">
    <div core-errors></div>
    <div ng-show="getActiveRepository()">
        <div class="clearfix mb-2">
            <form novalidate name="form" class="form-inline pull-right add-namespace-form" ng-show="canWriteActiveRepo()">
                <div class="form-group" style="width: 130px;">
                    <input id="wb-namespaces-prefix"
                           type="text" ng-model="namespace.prefix" placeholder="examplePrefix"
                           class="form-control" tooltip-trigger="mouseenter" uib-tooltip="Prefix" style="width: 130px;"/>
                </div>
                <div class="form-group" style="width: 260px;">
                    <input required id="wb-namespaces-namespace"
                           type="url" ng-model="namespace.namespace"
                           placeholder="http://example.com/data#" class="form-control"
                           tooltip-trigger="mouseenter" uib-tooltip="Namespace" style="width: 260px;"/>
                </div>
                <button id="wb-namespaces-addNamespace" type="submit" ng-click="addNamespace()"
                        class="btn btn-primary add-namespace"
                        tooltip-trigger="mouseenter" uib-tooltip="Add namespace">
                    <span class="icon-plus"></span>
                    Add namespace
                </button>
            </form>
        </div>
        <div ng-show="displayedNamespaces.length > 0" class="clearfix">
            <div class="btn-group pull-right namespaces-per-page-menu" uib-dropdown>
                <button type="button" class="btn btn-secondary btn-sm dropdown-toggle" uib-dropdown-toggle
                        ng-disabled="disabled">
                    <span ng-if="pageSizeOptions.indexOf(displayedNamespaces.length) > -1">{{pageSize}}</span>
                    <span ng-if="pageSizeOptions.indexOf(displayedNamespaces.length) === -1">All</span>
                </button>
                <ul class="dropdown-menu small">
                    <li ng-repeat="size in pageSizeOptions" ng-if="size < matchedElements.length">
                        <span class="dropdown-item page-size-option" ng-click="changePageSize(size)">{{size}}</span>
                    </li>
                    <li>
                        <span class="dropdown-item page-size-option" ng-click="changePageSize(namespaces.length)">All</span>
                    </li>
                </ul>
            </div>
            <span class="pull-right mr-1">Namespaces per page:</span>
        </div>
        <div ng-show="namespaces.length > 0" class="ot-owlim-ctrl clearfix namespaces-result-header">
            <span class="pull-left">
                <input type="text" class="form-control namespaces-filter" placeholder="Search namespaces"
                       ng-model="searchNamespaces" tooltip-trigger="mouseenter" uib-tooltip="Search"
                       ng-change="onNamespaceSearch()">
            </span>
            <div paginations class="ot-export-pagination pull-right namespaces-header-pagination"></div>
            <span class="showing-info-namespaces pull-right">Showing {{(pageSize * (page - 1)) + 1}} - {{pageSize * page >= displayedNamespaces.length ? displayedNamespaces.length + (pageSize * (page - 1)) : pageSize * page}} of {{matchedElements.length}} results</span>
        </div>
        <table ng-show="displayedNamespaces.length > 0" id="wb-namespaces-namespaceInNamespaces"
               class="table table-striped table-hover" aria-describedby="Namespaces table">
            <thead>
            <tr>
                <th id="selectionColumn" style="width: 100px">
                    <label class="form-check-label">
                        <input class="form-check-input select-all-namespaces" type="checkbox" ng-model="selectedAll"
                               ng-click="checkAll();checkIfSelectedNamespace()" ng-disabled="!canWriteActiveRepo()">
                    </label>
                    <button type="button" class="btn btn-link btn-sm secondary p-0 delete-namespaces-btn" ng-click="deleteSelected()"
                            ng-disabled="!canWriteActiveRepo() || !haveSelected" tooltip-trigger="mouseenter"
                            uib-tooltip="Delete selected"><span class="icon-trash"></span></button>
                </th>
                <th id="prefixColumn" style="width: 20%">Prefix</th>
                <th id="uriColumn">URI</th>
                <th id="actionsColumn" style="width: 100px"></th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="namespace in displayedNamespaces | orderBy: 'prefix'"
                class="wb-namespaces-row namespace" loader-post-repeat-directive>
                <td>
                    <label class="form-check-label">
                        <input class="form-check-input select-namespace" type="checkbox" ng-model="namespace.selected"
                               ng-disabled="!canWriteActiveRepo()" ng-click="checkIfSelectedNamespace()">
                    </label>
                </td>
                <td>
						<span editable-text="namespace.prefix" e-name="prefix" e-form="rowform" e-required
                              class="ot-edit-namespace namespace-prefix">
						{{namespace.prefix}} :
						</span>
                </td>

                <td>
						<span editable-url="namespace.namespace" e-name="namespace" e-form="rowform" e-required
                              class="ot-edit-namespace namespaceURI">
							{{namespace.namespace}}
						</span>

                    <form editable-form name="rowform"
                          onbeforesave="editPrefixAndNamespace($data.prefix, $data.namespace, namespace)"
                          ng-show="rowform.$visible" class="d-inline-block"
                          shown="inserted === namespace">
                        <button type="submit" class="btn btn-primary" ng-disabled="rowform.$waiting"
                                tooltip-trigger="mouseenter" uib-tooltip="Save"><span class="icon-save"></span></button>
                        <button type="button" class="btn btn-secondary" ng-disabled="rowform.$waiting"
                                ng-click="rowform.$cancel()" tooltip-trigger="mouseenter" uib-tooltip="Cancel"><span
                                class="icon-close"></span></button>
                    </form>
                </td>
                <td class="actions-bar"><!--ng-show="!rowform.$visible && canWriteActiveRepo()"-->
                    <button class="btn btn-link edit-namespace-btn" ng-click="rowform.$show()" tooltip-trigger="mouseenter"
                            uib-tooltip="Edit namespace"><span class="icon-edit"></span></button>
                    <button class="btn btn-link secondary delete-namespace-btn" ng-click="removeNamespace(namespace)"
                            ng-disabled="!canWriteActiveRepo()" tooltip-trigger="mouseenter" uib-tooltip="Delete namespace">
                        <span class="icon-trash"></span></button>
                </td>
            </tr>
            </tbody>
        </table>
        <div class="alert alert-info no-namespaces-match-alert" ng-show="displayedNamespaces.length === 0 && namespaces.length > 0">
            <p>No namespaces match this filter.</p>
        </div>
        <div class="alert alert-warning no-namespaces-alert" ng-show="namespaces.length === 0">
            <p>There are no added namespaces on this repository.</p>
        </div>
        <div ng-show="displayedNamespaces.length > 0" class="ot-owlim-ctrl clearfix namespaces-pagination">
            <div paginations class="ot-export-pagination pull-right"></div>
        </div>
    </div>
</div>