graphdb-workbench/dist/pages/rdfrank.html

The web application for GraphDB APIs

<link href="css/rdfrank.css?v=1.11.3-TR1" rel="stylesheet">
<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=1.11.3-TR1" rel="stylesheet"/>

<div id="rdfRank" class="page">
	<h1>
		{{title}}
		<em 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></em>
	</h1>

	<div onto-loader-new
		 ng-show="loader"
		 class="autocomplete-loader"
		 message="getLoaderMessage"
		 size="75">
	</div>

    <div core-errors write ontop fedx></div>

    <inactive-plugin-directive
        plugin-name="{{pluginName}}"
        human-readable-plugin-name="RDF Rank Plugin"
        load-saved="checkForPlugin()"
        set-plugin-active="setPluginIsActive(isPluginActive)">
    </inactive-plugin-directive>

    <div ng-show="canWriteActiveRepo() && !loading && pluginIsActive">
		<div class="alert alert-info" ng-if="!loader && pluginFound && getDegradedReason()">
			<h4>RDFRank not fully supported</h4>
			<p>Configuring RDFRank is not supported. {{getDegradedReason()}}</p>
		</div>
		<div ng-show="!isRestricted && pluginFound && !getDegradedReason()">
            <div class="lead mb-1" id="toggleIndex">
				<span class="rdf-rank-status">RDFRank for repository <strong>{{getActiveRepository()}}</strong> is with status</span>
                <span class="tag tag-success" ng-show="currentRankStatus.indexOf('COMPUTED') == 0"><em class="icon-check icon-lg"></em> Computed</span>

                <span ng-show="currentRankStatus == 'COMPUTING'">
                    <span class="tag tag-info">
                        <span class="icon-reload icon-lg loader"></span>
                        Computing...
                    </span>
                    <button class="btn btn-link btn-sm" ng-click="interruptComputation()"
                            uib-tooltip="Interrupt indexing" tooltip-trigger="mouseenter" tooltip-append-to-body="true"><span class="icon-close"></span></button>
                </span>

                <span class="tag tag-danger" ng-show="currentRankStatus.indexOf(rdfStatus.ERROR) == 0"><em class="icon-warning icon-lg"></em> {{currentRankStatus}}</span>
                <span class="tag tag-warning" ng-show="currentRankStatus == rdfStatus.OUTDATED"><em class="icon-warning icon-lg"></em> Outdated</span>
				<span class="tag tag-warning" ng-show="currentRankStatus == rdfStatus.CONFIG_CHANGED"><em class="icon-warning icon-lg"></em> Configuration changed</span>
                <span class="tag tag-warning" ng-show="currentRankStatus == rdfStatus.CANCELED"><em class="icon-warning icon-lg"></em> Computation canceled</span>
                <span class="tag tag-warning" ng-show="currentRankStatus == rdfStatus.EMPTY"><em class="icon-info icon-lg"></em> RDFRank not built yet</span>

				<p class="pull-right">
					<button ng-disabled="currentRankStatus == rdfStatus.COMPUTING" ng-click="computeRank()" class="btn btn-primary compute-rdf-rank-btn">Compute Full</button>
                    <button ng-hide="currentRankStatus != rdfStatus.OUTDATED"
							ng-click="computeIncrementalRank()" class="btn btn-primary">Compute Incremental</button>
				</p>
			</div>

			<br>

			<div id="toggleFilterMode">
				<h3 class="d-inline-block mr-1">Filtering</h3>
				<span class="tag {{filteringEnabled ? 'tag-primary' : 'tag-default'}}">{{filteringEnabled ? 'ON' : 'OFF'}}</span></span>
				<span uib-tooltip="Click to {{filteringEnabled ? 'disable' : 'enable'}} filtering" tooltip-placement="top" tooltip-trigger="mouseenter" ng-click="toggleFiltering()" class="switch rdf-rank-filter-switch">
                    <input type="checkbox" class="switch" ng-checked="filteringEnabled"/>
                    <label for="toggleFilterMode"></label>
                </span>
			</div>


			<div id="filterConfig" ng-show="filteringEnabled" class="card card-block">

				<div class="mb-2">
					<div id="toggleIncludeExplicit" class="d-inline-block mr-2">
						Include Explicit
						<span class="tag {{includeExplicit ? 'tag-primary' : 'tag-default'}}">{{includeExplicit ? 'YES' : 'NO'}}</span></span>
						<span uib-tooltip="Click to {{includeExplicit ? 'exclude' : 'include'}} Explicit statements" tooltip-placement="top" tooltip-trigger="mouseenter" ng-click="toggleIncludeExplicit()" class="switch">
	                    <input type="checkbox" class="switch" ng-checked="includeExplicit"/>
	                    <label for="toggleIncludeExplicit"></label>
	                </span>
					</div>

					<div id="toggleIncludeImplicit" class="d-inline-block">
						Include Implicit
						<span class="tag {{includeImplicit ? 'tag-primary' : 'tag-default'}}">{{includeImplicit ? 'YES' : 'NO'}}</span></span>
						<span uib-tooltip="Click to {{includeImplicit ? 'exclude' : 'include'}} implicit statements" tooltip-placement="top" tooltip-trigger="mouseenter" ng-click="toggleIncludeImplicit()" class="switch">
	                    <input type="checkbox" class="switch" ng-checked="includeImplicit"/>
	                    <label for="toggleIncludeImplicit"></label>
	                </span>
					</div>
				</div>

				<uib-tabset active="active" ng-show="filteringEnabled">
					<uib-tab>
						<uib-tab-heading class="nav-item"
									 tooltip-placement="bottom"
									 tooltip-trigger="mouseenter"><span class="nav-link">Graphs</span></uib-tab-heading>
						<div class="included-graphs-filter" ng-include="'js/angular/rdfrank/templates/filter-list.html'" ng-repeat="list in [filterLists.INCLUDED_GRAPHS]" />
						<div class="excluded-graphs-filter" ng-include="'js/angular/rdfrank/templates/filter-list.html'" ng-repeat="list in [filterLists.EXCLUDED_GRAPHS]" />
					</uib-tab>
					<uib-tab>
						<uib-tab-heading class="nav-item"
									 tooltip-placement="bottom"
									 tooltip-trigger="mouseenter"><span class="nav-link">Predicates</span></uib-tab-heading>
						<div class="included-predicates-filter" ng-include="'js/angular/rdfrank/templates/filter-list.html'" ng-repeat="list in [filterLists.INCLUDED_PREDICATES]" />
						<div class="excluded-predicates-filter" ng-include="'js/angular/rdfrank/templates/filter-list.html'" ng-repeat="list in [filterLists.EXCLUDED_PREDICATES]" />
					</uib-tab>
				</uib-tabset>

			</div>
        </div>
    </div>
</div>