graphdb-workbench 2.8.0-Test → 2.8.1-RC1

package/dist/pages/repositories.html

@@ -1,12 +1,8 @@
-<link href="css/repositories.css?v=2.8.0-Test" rel="stylesheet">
+<link href="css/repositories.css?v=2.8.1-RC1" rel="stylesheet">
 
 <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 text-tertiary"></span></span>
+    <page-info-tooltip></page-info-tooltip>
 </h1>
 
 <div class="alert alert-warning" ng-if="locations.length && !hasActiveLocation()">
@@ -124,8 +120,11 @@
                                                     <em class="icon-download"></em>
                                             </a>
                                             <button class="btn btn-link p-0 restart-repository-btn" type="button"
-                                                    gdb-tooltip="{{'restart.repo.label' | translate}} {{repository.id}}"
+                                                    gdb-tooltip="{{isInCluster
+                                                    ? ('restart.repo.in.cluster.tooltip' | translate)
+                                                    : ('restart.repo.label' | translate) + ' ' + repository.id}}"
                                                     tooltip-placement="top"
+                                                    ng-disabled="isInCluster"
                                                     ng-click="restartRepository(repository)">
                                                     <span class="icon-reload"></span>
                                             </button>
@@ -163,153 +162,155 @@
 
         <table id="wb-locations-locationInGetRemoteLocations" class="table" aria-describedby="Locations repository table">
             <tbody>
-            <tr class="location"
-                ng-repeat="location in getLocalLocation(false, RemoteLocationType.GRAPH_DB) | orderBy: ['uri']">
-                <td>
-                    <div>
-                        <div class="pull-left">
-                            <strong>{{'repos.from' | translate}}</strong>
-                            <em ng-if="location.degradedReason" class="icon-warning icon-lg text-warning"
-                                gdb-tooltip="{{location.degradedReason}}{{'repos.degraded.reason.extra.msg' | translate}}"
-                                tooltip-placement="right"></em>
-                            <span class="mr-1">{{location.label}}</span>
+                <tr class="location"
+                    ng-repeat="location in getLocalLocation(false, RemoteLocationType.GRAPH_DB) | orderBy: ['uri']">
+                    <td>
+                        <div>
+                            <div class="pull-left">
+                                <strong>{{'repos.from' | translate}}</strong>
+                                <em ng-if="location.degradedReason" class="icon-warning icon-lg text-warning"
+                                    gdb-tooltip="{{location.degradedReason}}{{'repos.degraded.reason.extra.msg' | translate}}"
+                                    tooltip-placement="right"></em>
+                                <span class="mr-1">{{location.label}}</span>
+                            </div>
+                            <div ng-if="location.local" class="actions-bar-inline pull-right">
+                                <button
+                                    gdb-tooltip="{{'repos.edit.common.settings' | translate}}"
+                                    tooltip-placement="top"
+                                    class="btn btn-link px-0"
+                                    ng-click="openActiveLocationSettings()">
+                                    <span class="icon-settings"></span>
+                                </button>
+                                <a class="btn btn-link px-0 pull-right" href="license"
+                                   gdb-tooltip="{{'repos.view.update.licenses' | translate}}"
+                                   tooltip-placement="top">
+                                    <span class="icon-key"></span>
+                                </a>
+                            </div>
+                            <div ng-if="isAdmin() && !location.local" class="actions-bar-inline pull-right">
+                                <button class="btn btn-link p-0"
+                                        gdb-tooltip="{{'edit.location' | translate}}" tooltip-placement="top"
+                                        ng-click="editLocation(location)">
+                                    <em class="icon-edit"></em>
+                                </button>
+                                <button class="btn btn-link p-0 secondary"
+                                        gdb-tooltip="{{'detach.location' | translate}}" tooltip-placement="top"
+                                        ng-click="deleteLocation(location.uri)">
+                                    <em class="icon-close"></em>
+                                </button>
+                            </div>
                         </div>
-                        <div ng-if="location.local" class="actions-bar-inline pull-right">
-                            <button
-                                gdb-tooltip="{{'repos.edit.common.settings' | translate}}"
-                                tooltip-placement="top"
-                                class="btn btn-link px-0"
-                                ng-click="openActiveLocationSettings()">
-                                <span class="icon-settings"></span>
-                            </button>
-                            <a class="btn btn-link px-0 pull-right" href="license"
-                               gdb-tooltip="{{'repos.view.update.licenses' | translate}}"
-                               tooltip-placement="top">
-                                <span class="icon-key"></span>
-                            </a>
-                        </div>
-                        <div ng-if="isAdmin() && !location.local" class="actions-bar-inline pull-right">
-                            <button class="btn btn-link p-0"
-                                    gdb-tooltip="{{'edit.location' | translate}}" tooltip-placement="top"
-                                    ng-click="editLocation(location)">
-                                <em class="icon-edit"></em>
-                            </button>
-                            <button class="btn btn-link p-0 secondary"
-                                    gdb-tooltip="{{'detach.location' | translate}}" tooltip-placement="top"
-                                    ng-click="deleteLocation(location.uri)">
-                                <em class="icon-close"></em>
-                            </button>
-                        </div>
-                    </div>
-                    <div ng-if="hasActiveLocation()" class="pt-2">
-                        <div class="alert alert-warning no-repositories-alert"
-                             ng-if="!getRepositoriesFromLocation(location.uri).length && !location.errorMsg">
-                            {{'no.repos.in.current.location' | translate}}
-                        </div>
-                        <div class="alert alert-danger" ng-if="location.errorMsg">
-                            {{location.errorMsg}}{{'repos.refresh.page.msg' | translate}}
-                        </div>
-                        <div ng-if="getRepositoriesFromLocation(location.uri).length" class="mb-1">
-                            <table id="wb-repositories-repositoryInRemoteGetRepositories"
-                                   class="table table-hover table-striped" aria-describedby="Repositories table">
-                                <tbody>
-                                <tr class="repository"
-                                    ng-repeat="repository in getRepositoriesFromLocation(location.uri) | orderBy: ['type === \'system\'', 'location', 'id'] track by repository.hash"
-                                    ng-class="{'table-info text-secondary': isRepoActive(repository)}">
-                                    <td width="25">
-                                        <span role="button" class="icon-connection-off icon-lg text-secondary m-0"
-                                              gdb-tooltip="{{'connect.repo' | translate}}" tooltip-placement="top"
-                                              ng-click="setRepository(repository)"
-                                              ng-if="!isRepoActive(repository)"
-                                              data-repository-id="{{repository}}"
-                                              guide-selector="repository-{{repository.id}}-plug"></span>
-                                        <span role="button" class="icon-connection-on icon-lg text-tertiary"
-                                              gdb-tooltip="{{'connected.tooltip' | translate}}" tooltip-placement="top"
-                                              ng-if="isRepoActive(repository)"></span>
-                                    </td>
-                                    <td>
-                                        <div class="lead text-overflow" ng-mouseover="setPopoverRepo(repository)">
-                                            <span popover-popup-delay="500"
-                                                  popover-trigger="mouseenter" popover-placement="bottom-right"
-                                                  uib-popover-template="popoverTemplate"
-                                                  popover-title="{{'security.repository.title' | translate}} {{repository.id}}">
-                                                <span class="icon-lg" ng-class="'icon-repo-' + repository.type"></span>
-                                                <strong class="repository-id">{{repository.id}}</strong></span>
-                                            <span class="repository-status"> &middot; <span
-                                                class="text-secondary">{{repository.state}}</span></span>
-                                            <span ng-if="repository.title"><small> &middot; {{repository.title}}</small></span>
-                                        </div>
-                                    </td>
-                                    <td width="150" class="text-nowrap repository-actions">
-                                        <button class="btn btn-link p-0"
-                                                ng-click="copyToClipboard(repository.externalUrl)"
-                                                gdb-tooltip="{{'copy.repo.url' | translate}}">
-                                            <span class="icon-link"></span>
-                                        </button>
-                                        <span ng-if="location.degradedReason">
-                                            <em class="icon-warning icon-lg text-warning"
-                                                gdb-tooltip="{{location.degradedReason}}{{'repo.not.supported.delete.or.edit' | translate}}"
-                                                tooltip-placement="top"></em>
-                                        </span>
-                                        <span ng-if="repository.type !== 'system' && !location.degradedReason">
-                                            <a class="btn btn-link p-0 edit-repository-btn"
-                                               href="repository/edit/{{repository.id}}?location={{repository.location}}"
-                                               gdb-tooltip="{{'repoTooltips.editRepository' | translate}}"
-                                               tooltip-placement="top">
-                                                <span class="icon-edit"></span>
-                                            </a>
-                                            <a class="btn btn-link p-0 download-turtle-config download-repository-config-btn"
-                                               ng-href="{{getRepositoryDownloadLink(repository)}}"
-                                               rel="noopener"
-                                               target="_blank"
-                                               gdb-tooltip="{{'download.repo.config' | translate}}"
-                                               tooltip-placement="top">
-                                                    <em class="icon-download"></em>
-                                            </a>
-                                            <button class="btn btn-link p-0 restart-repository-btn" type="button"
-                                                    gdb-tooltip="{{'restart.repo.label' | translate}} {{repository.id}}"
-                                                    tooltip-placement="top"
-                                                    ng-click="restartRepository(repository)">
-                                                    <span class="icon-reload"></span>
+                        <div ng-if="hasActiveLocation()" class="pt-2">
+                            <div class="alert alert-warning no-repositories-alert"
+                                 ng-if="!getRepositoriesFromLocation(location.uri).length && !location.errorMsg">
+                                {{'no.repos.in.current.location' | translate}}
+                            </div>
+                            <div class="alert alert-danger" ng-if="location.errorMsg">
+                                {{location.errorMsg}}{{'repos.refresh.page.msg' | translate}}
+                            </div>
+                            <div ng-if="getRepositoriesFromLocation(location.uri).length" class="mb-1">
+                                <table id="wb-repositories-repositoryInRemoteGetRepositories"
+                                       class="table table-hover table-striped" aria-describedby="Repositories table">
+                                    <tbody>
+                                    <tr class="repository"
+                                        ng-repeat="repository in getRepositoriesFromLocation(location.uri) | orderBy: ['type === \'system\'', 'location', 'id'] track by repository.hash"
+                                        ng-class="{'table-info text-secondary': isRepoActive(repository)}">
+                                        <td width="25">
+                                            <span role="button" class="icon-connection-off icon-lg text-secondary m-0"
+                                                  gdb-tooltip="{{'connect.repo' | translate}}" tooltip-placement="top"
+                                                  ng-click="setRepository(repository)"
+                                                  ng-if="!isRepoActive(repository)"
+                                                  data-repository-id="{{repository}}"
+                                                  guide-selector="repository-{{repository.id}}-plug"></span>
+                                            <span role="button" class="icon-connection-on icon-lg text-tertiary"
+                                                  gdb-tooltip="{{'connected.tooltip' | translate}}" tooltip-placement="top"
+                                                  ng-if="isRepoActive(repository)"></span>
+                                        </td>
+                                        <td>
+                                            <div class="lead text-overflow" ng-mouseover="setPopoverRepo(repository)">
+                                                <span popover-popup-delay="500"
+                                                      popover-trigger="mouseenter" popover-placement="bottom-right"
+                                                      uib-popover-template="popoverTemplate"
+                                                      popover-title="{{'security.repository.title' | translate}} {{repository.id}}">
+                                                    <span class="icon-lg" ng-class="'icon-repo-' + repository.type"></span>
+                                                    <strong class="repository-id">{{repository.id}}</strong></span>
+                                                <span class="repository-status"> &middot; <span
+                                                    class="text-secondary">{{repository.state}}</span></span>
+                                                <span ng-if="repository.title"><small> &middot; {{repository.title}}</small></span>
+                                            </div>
+                                        </td>
+                                        <td width="150" class="text-nowrap repository-actions">
+                                            <button class="btn btn-link p-0"
+                                                    ng-click="copyToClipboard(repository.externalUrl)"
+                                                    gdb-tooltip="{{'copy.repo.url' | translate}}">
+                                                <span class="icon-link"></span>
                                             </button>
-                                            <button class="btn btn-link p-0 secondary delete-repository-btn"
-                                                    type="button"
-                                                    gdb-tooltip="{{'delete.repo' | translate}}"
-                                                    tooltip-placement="top"
-                                                    ng-click="deleteRepository(repository)">
-                                                <em class="icon-trash"></em>
+                                            <span ng-if="location.degradedReason">
+                                                <em class="icon-warning icon-lg text-warning"
+                                                    gdb-tooltip="{{location.degradedReason}}{{'repo.not.supported.delete.or.edit' | translate}}"
+                                                    tooltip-placement="top"></em>
+                                            </span>
+                                            <span ng-if="repository.type !== 'system' && !location.degradedReason">
+                                                <a class="btn btn-link p-0 edit-repository-btn"
+                                                   href="repository/edit/{{repository.id}}?location={{repository.location}}"
+                                                   gdb-tooltip="{{'repoTooltips.editRepository' | translate}}"
+                                                   tooltip-placement="top">
+                                                    <span class="icon-edit"></span>
+                                                </a>
+                                                <a class="btn btn-link p-0 download-turtle-config download-repository-config-btn"
+                                                   ng-href="{{getRepositoryDownloadLink(repository)}}"
+                                                   rel="noopener"
+                                                   target="_blank"
+                                                   gdb-tooltip="{{'download.repo.config' | translate}}"
+                                                   tooltip-placement="top">
+                                                        <em class="icon-download"></em>
+                                                </a>
+                                                <button class="btn btn-link p-0 restart-repository-btn" type="button"
+                                                        gdb-tooltip="{{'restart.repo.label' | translate}} {{repository.id}}"
+                                                        tooltip-placement="top"
+                                                        ng-click="restartRepository(repository)">
+                                                        <span class="icon-reload"></span>
+                                                </button>
+                                                <button class="btn btn-link p-0 secondary delete-repository-btn"
+                                                        type="button"
+                                                        gdb-tooltip="{{'delete.repo' | translate}}"
+                                                        tooltip-placement="top"
+                                                        ng-click="deleteRepository(repository)">
+                                                    <em class="icon-trash"></em>
+                                                </button>
+                                            </span>
+                                        </td>
+                                        <td width="50">
+                                            <button class="btn btn-link p-0 pin-repository-btn"
+                                                    ng-if="repository.type !== 'system' && location.active"
+                                                    ng-click="toggleDefaultRepository(repository.id)"
+                                                    ng-class="getDefaultRepository() === repository.id && location.active ? 'active' : ''"
+                                                    gdb-tooltip="{{'set.as.default.repo' | translate}}">
+                                                <em class="icon-pin"></em>
                                             </button>
-                                        </span>
-                                    </td>
-                                    <td width="50">
-                                        <button class="btn btn-link p-0 pin-repository-btn"
-                                                ng-if="repository.type !== 'system' && location.active"
-                                                ng-click="toggleDefaultRepository(repository.id)"
-                                                ng-class="getDefaultRepository() === repository.id && location.active ? 'active' : ''"
-                                                gdb-tooltip="{{'set.as.default.repo' | translate}}">
-                                            <em class="icon-pin"></em>
-                                        </button>
-                                    </td>
-                                </tr>
-                                </tbody>
-                            </table>
+                                        </td>
+                                    </tr>
+                                    </tbody>
+                                </table>
+                            </div>
                         </div>
-                    </div>
-                </td>
-            </tr>
+                    </td>
+                </tr>
             </tbody>
         </table>
     </div>
-    <!-- Remote Ontopic instances -->
-    <div ng-if="getLocalLocation(false, RemoteLocationType.ONTOPIC).length" class="mb-1 ontopic-instances">
-        <h4>{{'repositories.location.ontopic.instances' | translate}}</h4>
-        <table id="wb-repositories-ontopic-repositoryInGetRepositories"
+    <!-- Remote Ontopic and SPARQL instances -->
+    <div ng-if="hasAnyRemoteLocation(false, [RemoteLocationType.SPARQL, RemoteLocationType.ONTOPIC])" class="mb-1 ontopic-instances">
+        <h4 class="remote-location-type-title">{{'repositories.location.sparql.instances' | translate}}</h4>
+        <table id="wb-repositories-ontopic-sparql-repositoryInGetRepositories"
                class="table table-hover table-striped" aria-describedby="Repositories table">
             <tbody>
             <tr ng-repeat="location in getLocalLocation(false, RemoteLocationType.ONTOPIC) | orderBy: ['type === \'system\'', 'location', 'id']"
                 ng-class="{'table-info text-secondary': isRepoActive(location)}">
-                <td>
-                    {{location.uri}}
+                <td class="lead text-overflow">
+                    <strong class="location-url">{{location.uri}}</strong>
+                    <span class="location-type"> &middot; <span
+                        class="text-secondary">{{location.locationType}}</span></span>
                 </td>
                 <td>
                     <div ng-if="isAdmin()" class="actions-bar-inline pull-right">
@@ -326,11 +327,34 @@
                     </div>
                 </td>
             </tr>
+
+            <tr ng-if="getLocalLocation(false, RemoteLocationType.SPARQL).length" class="mb-1 sparql-instances"
+                ng-repeat="location in getLocalLocation(false, RemoteLocationType.SPARQL) | orderBy: ['type === \'system\'', 'location', 'id']"
+                ng-class="{'table-info text-secondary': isRepoActive(location)}">
+                <td class="lead text-overflow">
+                    <strong class="location-url">{{location.uri}}</strong>
+                    <span class="location-type"> &middot; <span
+                        class="text-secondary">{{location.locationType}}</span></span>
+                </td>
+                <td>
+                    <div ng-if="isAdmin()" class="actions-bar-inline pull-right">
+                        <button class="btn btn-link p-0 edit-sparql-location"
+                                gdb-tooltip="{{'edit.location' | translate}}" tooltip-placement="top"
+                                ng-click="editLocation(location)">
+                            <em class="icon-edit"></em>
+                        </button>
+                        <button class="btn btn-link p-0 secondary delete-sparql-location"
+                                gdb-tooltip="{{'detach.location' | translate}}" tooltip-placement="top"
+                                ng-click="deleteLocation(location.uri)">
+                            <em class="icon-close"></em>
+                        </button>
+                    </div>
+                </td>
+            </tr>
             </tbody>
         </table>
     </div>
 
-
     <div class="btns-all" ng-if="getLocationError()">
         <div class="btn-group" uib-dropdown>
             <a id="wb-repositories-addRepositoryLink" class="btn btn-primary" ng-href="repository/create" guide-selector="createRepository"><span
@@ -342,7 +366,7 @@
                 <li><a class="dropdown-item" href ng-click="fromFile()">{{'create.from.file' | translate}}</a></li>
             </ul>
         </div>
-        <button id="addAttachRemoteLocation" ng-if="!getActiveLocation().isInCluster" ng-click="addLocation()" class="btn btn-primary pull-right"><span
+        <button id="addAttachRemoteLocation" ng-click="addLocation()" class="btn btn-primary pull-right"><span
             class="icon-plus"></span>{{'attach.remote.location' | translate}}
         </button>
     </div>

package/dist/pages/repository.html

@@ -1,4 +1,4 @@
-<link href="css/repositories.css?v=2.8.0-Test" rel="stylesheet">
+<link href="css/repositories.css?v=2.8.1-RC1" rel="stylesheet">
 
 <div id="wb-repository">
     <h1>{{pageTitle}}</h1>
@@ -403,12 +403,14 @@
                     <div ng-if="repositoryInfo.type !== 'ontop'" class="pt-1"></div>
                     <div class="form-group row" ng-if="repositoryInfo.type !== 'ontop' && editRepoPage">
                         <div class="checkbox col-xs-12">
-                            <label gdb-tooltip="{{'restart.repo.check.tooltip' | translate}}">
+                            <label gdb-tooltip="{{isRepoInCluster && !repositoryInfo.location
+                            ? ('restart.repo.in.cluster.tooltip' | translate)
+                            : ('restart.repo.check.tooltip' | translate)}}">
                                 <input id="restartRepo" name="restartRepo"
                                        type="checkbox"
                                        ng-model="repositoryInfo.restartRequested"
                                        ng-checked="repositoryInfo.restartRequested || repositoryInfo.saveId !== repositoryInfo.id"
-                                       ng-disabled="repositoryInfo.saveId !== repositoryInfo.id"/>
+                                       ng-disabled="(repositoryInfo.saveId !== repositoryInfo.id) || (isRepoInCluster && !repositoryInfo.location)"/>
                                 {{'restart.repo.label' | translate}}
                             </label>
                         </div>

package/dist/pages/similarity-indexes.html

@@ -1,14 +1,10 @@
-<link href="css/similarity.css?v=2.8.0-Test" rel='stylesheet' type='text/css'/>
+<link href="css/similarity.css?v=2.8.1-RC1" rel='stylesheet' type='text/css'/>
 
 <div class="container-fluid">
 
 	<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 text-tertiary"></span></span>
+        <page-info-tooltip></page-info-tooltip>
 	</h1>
 	<div core-errors ontop fedx license></div>
 	<div system-repo-warning></div>
@@ -157,8 +153,8 @@
 
 			<search-resource-input
 					ng-if="!similaritySearchType.isSearchEntityPredicateType() && !similaritySearchType.isSearchAnalogicalType(searchType)"
-					namespacespromise="getNamespacesPromise"
-					autocompletepromisestatus="getAutocompletePromise"
+                    repository-namespaces="repositoryNamespaces"
+                    is-autocomplete-enabled="isAutocompleteEnabled"
 					placeholder="{{'search.rdf.resources.for.rdf.entity.placeholder' | translate}}"
 					text-button=""
 					visual-button="Show"
@@ -171,8 +167,8 @@
 			<div class="row" ng-if="similaritySearchType.isSearchEntityPredicateType(searchType)">
 				<div class="col-md-6 pr-0">
 					<search-resource-input
-							namespacespromise="getNamespacesPromise"
-							autocompletepromisestatus="getAutocompletePromise"
+                            repository-namespaces="repositoryNamespaces"
+                            is-autocomplete-enabled="isAutocompleteEnabled"
 							placeholder="{{'search.rdf.for.subject.placeholder' | translate}}"
 							text-button=""
 							visual-button=""
@@ -186,8 +182,8 @@
 
 				<div class="col-md-6">
 					<search-resource-input
-							namespacespromise="getNamespacesPromise"
-							autocompletepromisestatus="getAutocompletePromise"
+                            repository-namespaces="repositoryNamespaces"
+                            is-autocomplete-enabled="isAutocompleteEnabled"
 							placeholder="{{'search.rdf.for.predicate.placeholder' | translate}}"
 							text-button=""
 							visual-button="Show"
@@ -202,8 +198,8 @@
 			<div class="row" ng-if="similaritySearchType.isSearchAnalogicalType(searchType)">
 				<div class="col-md-6 pr-0">
 					<search-resource-input
-							namespacespromise="getNamespacesPromise"
-							autocompletepromisestatus="getAutocompletePromise"
+                            repository-namespaces="repositoryNamespaces"
+                            is-autocomplete-enabled="isAutocompleteEnabled"
 							placeholder="{{'search.rdf.for.given.subject.placeholder' | translate}}"
 							text-button=""
 							visual-button=""
@@ -216,8 +212,8 @@
 
 				<div class="col-md-6 pr-0">
 					<search-resource-input
-							namespacespromise="getNamespacesPromise"
-							autocompletepromisestatus="getAutocompletePromise"
+                            repository-namespaces="repositoryNamespaces"
+                            is-autocomplete-enabled="isAutocompleteEnabled"
 							placeholder="{{'search.rdf.for.given.object.placeholder' | translate}}"
 							text-button=""
 							visual-button=""
@@ -232,8 +228,8 @@
 			<div class="row" ng-if="similaritySearchType.isSearchAnalogicalType(searchType)">
 				<div class="col-md-12 mt-2">
 					<search-resource-input
-							namespacespromise="getNamespacesPromise"
-							autocompletepromisestatus="getAutocompletePromise"
+                            repository-namespaces="repositoryNamespaces"
+                            is-autocomplete-enabled="isAutocompleteEnabled"
 							placeholder="{{'search.rdf.for.search.subject.placeholder' | translate}}"
 							text-button=""
 							visual-button="Show"

package/dist/pages/sparql-editor.html

@@ -1,13 +1,9 @@
-<link href="css/sparql-editor.css?v=2.8.0-Test" rel="stylesheet"/>
+<link href="css/sparql-editor.css?v=2.8.1-RC1" rel="stylesheet"/>
 
 <div class="sparql-editor-view">
     <h1 id="sparql-query-update-title-label">
         <span>{{title}}</span>
-        <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 text-tertiary"></span></span>
+        <page-info-tooltip></page-info-tooltip>
     </h1>
 
     <div core-errors></div>

package/dist/pages/sparql-template-create.html

@@ -1,4 +1,4 @@
-<link href="css/sparql-templates.css?v=2.8.0-Test" rel="stylesheet"/>
+<link href="css/sparql-templates.css?v=2.8.1-RC1" rel="stylesheet"/>
 
 <div class="container-fluid fit-content-on-mobile"  ng-if="!queryIsRunning">
     <h1>

package/dist/pages/sparql-templates.html

@@ -1,11 +1,7 @@
 <div class="container-fluid">
     <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 text-tertiary"></span></span>
+        <page-info-tooltip></page-info-tooltip>
     </h1>
     <div core-errors ontop fedx license></div>
     <inactive-plugin-directive

package/dist/pages/ux-test1.html

@@ -1,5 +1,5 @@
 <link rel="stylesheet" type="text/css" href="css/ux-test1.css">
-<link href="js/lib/rzslider/rzslider.min.css?v=2.8.0-Test" rel="stylesheet"/>
+<link href="js/lib/rzslider/rzslider.min.css?v=2.8.1-RC1" rel="stylesheet"/>
 
 <div class="content-wrapper">
     <div core-errors></div>
@@ -442,7 +442,7 @@
                         {{'sample.query.used' | translate}}</p>
                 </div>
                 <div>
-                    <img src="css/images/expand.png?v=2.8.0-Test" class="info-box-img" height="220"
+                    <img src="css/images/expand.png?v=2.8.1-RC1" class="info-box-img" height="220"
                          alt="expand image">
                 </div>
             </div>

package/dist/pages/ux-test2.html

@@ -14,4 +14,35 @@
         In varius posuere justo, at luctus arcu pellentesque ac. Orci varius natoque penatibus
         et magnis dis parturient montes, nascetur ridiculus mus. Phasellus lacinia velit ut nunc eleifend placerat.
     </div>
+
+    <div>
+        <button class="btn btn-link btn-link-only-icons">
+            <i class="icon-trash"></i>
+            <i class="fa fa-trash-can"></i>
+            &nbsp;
+            <i class="icon-reload"></i>
+            <i class="fa fa-arrows-rotate"></i>
+            &nbsp;
+            <i class="icon-copy"></i>
+            <i class="fa fa-clone"></i>
+            &nbsp;
+            <i class="icon-plus"></i>
+            <i class="fa fa-circle-plus"></i>
+        </button>
+    </div>
+    <div>
+        <button class="btn btn-sm btn-link btn-link-only-icons">
+            <i class="icon-trash"></i>
+            <i class="fa fa-trash-can"></i>
+            &nbsp;
+            <i class="icon-reload"></i>
+            <i class="fa fa-arrows-rotate"></i>
+            &nbsp;
+            <i class="icon-copy"></i>
+            <i class="fa fa-clone"></i>
+            &nbsp;
+            <i class="icon-plus"></i>
+            <i class="fa fa-circle-plus"></i>
+        </button>
+    </div>
 </div>

package/dist/pages/webapi.html

@@ -1,14 +1,10 @@
 
-<link href='css/lib/swagger-ui.min.css?v=2.8.0-Test' rel='stylesheet' type='text/css'/>
-<link href='css/swagger.custom.css?v=2.8.0-Test' rel='stylesheet' type='text/css'/>
+<link href='css/lib/swagger-ui.min.css?v=2.8.1-RC1' rel='stylesheet' type='text/css'/>
+<link href='css/swagger.custom.css?v=2.8.1-RC1' rel='stylesheet' type='text/css'/>
 
 <h1>
 	{{title}}
-	<span class="btn btn-link"
-	   uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
-	   popover-trigger="mouseenter"
-	   popover-placement="bottom"
-	   popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
+    <page-info-tooltip></page-info-tooltip>
 </h1>
 
 <iframe id="webapi_frame" title="{{'webapi.title' | translate}}" src="res/swagger5/index.html" style="width: 100%; height: 90vh; border: none"></iframe>