graphdb-workbench 10.0.0-M2-1 → 10.5.1

package/dist/js/angular/core/directives/operations-statuses-monitor/templates/operations-statuses-monitor.html

@@ -0,0 +1,57 @@
+<link href="css/operations-statuses-monitor.css?v=10.5.1" rel="stylesheet"/>
+
+<div ng-if="activeOperations && activeOperations.operations && activeOperations.operations.length > 0"
+     class="operations-statuses btn-group">
+    <button type="button"
+            class="btn btn-secondary operations-statuses-dropdown-toggle dropdown-toggle" data-toggle="dropdown"
+            ng-if="operationsSummary && operationsSummary.length > 0"
+            ng-class="{
+            'btn-fade-danger': OPERATION_STATUS.CRITICAL === activeOperations.status,
+            'btn-fade-warning': OPERATION_STATUS.WARNING === activeOperations.status
+            }">
+        <div class="operation-status-header" ng-repeat="operationGroup in operationsSummary">
+            <div ng-class="{
+            'icon-import': OPERATION_GROUP_TYPE.IMPORT_OPERATION === operationGroup.type,
+            'icon-exchange': OPERATION_GROUP_TYPE.QUERIES_OPERATION === operationGroup.type,
+            'fa fa-archive': OPERATION_GROUP_TYPE.BACKUP_AND_RESTORE_OPERATION === operationGroup.type,
+            'fa fa-sitemap': OPERATION_GROUP_TYPE.CLUSTER_OPERATION === operationGroup.type,
+            'status-critical': OPERATION_STATUS.CRITICAL === operationGroup.status,
+            'status-information': OPERATION_STATUS.INFORMATION === operationGroup.status,
+            'status-warning': OPERATION_STATUS.WARNING === operationGroup.status}">
+            </div>
+            <span ng-if="operationGroup.runningOperations" class="running-operation-count">
+                <sup class="tag-info">{{operationGroup.runningOperations}}</sup>
+            </span>
+        </div>
+        <span class="caret"></span>
+    </button>
+    <ul role="menu" class="dropdown-menu dropdown-menu-right">
+        <div class="operations-statuses-content">
+            <li ng-repeat="operationStatus in activeOperations.operations">
+                <a class="operation-status-content btn btn-secondary row" target="_blank" ng-attr-href="{{operationStatus.monitoringViewUrl}}"
+                   ng-class="{
+                   'status-critical': OPERATION_STATUS.CRITICAL === operationStatus.status,
+                   'status-information': OPERATION_STATUS.INFORMATION === operationStatus.status,
+                   'status-warning': OPERATION_STATUS.WARNING === operationStatus.status
+                   }">
+                    <div class="operation-icon col-sm-1" ng-style="noPadding">
+                        <div ng-class="{
+                       'icon-import': OPERATION_TYPE.IMPORTS === operationStatus.type,
+                       'icon-exchange': OPERATION_TYPE.QUERIES === operationStatus.type || OPERATION_TYPE.UPDATES === operationStatus.type,
+                       'fa fa-archive': OPERATION_TYPE.BACKUP_RESTORE === operationStatus.type,
+                       'fa fa-sitemap': OPERATION_TYPE.CLUSTER_STATUS === operationStatus.type}">
+                        </div>
+                    </div>
+                    <div class="col-sm-8 operation-status-label">
+                        {{ 'global.operations_statuses.' + operationStatus.titleLabelKey + '.title' | translate }}
+                    </div>
+                    <div class="operation-number col-sm-3">
+                        <div ng-if="operationStatus.runningOperationCount" class="operation-status-running-operation-count tag-info">
+                            {{operationStatus.runningOperationCount}}
+                        </div>
+                    </div>
+                </a>
+            </li>
+        </div>
+    </ul>
+</div>

package/dist/js/angular/core/directives/queryeditor/templates/query-editor.html

@@ -1,4 +1,4 @@
-<div id="sparql-content">
+<div id="sparql-content" class="fit-content-on-mobile">
     <div ng-hide="viewMode == 'editor'"
          ng-class="orientationViewMode ? 'row' : viewMode == 'yasr' ? 'col-xs-12' : 'col-xs-6'" ng-style="noPadding">
         <div class="col-xs-12 mb-1" ng-style="noPadding">
@@ -20,27 +20,25 @@
 
             <script type="text/ng-template" id="sampleQueriesPopoverTemplate.html">
                 <ul id="wb-sparql-queryInSampleQueries" class="list-unstyled">
-                    <li ng-repeat="query in sampleQueries" ng-hide="ignoreSharedQueries && query.owner != principal().username" class="hovered-parent saved-query">
-                        <a href ng-click="querySelected(query)">{{query.name}}</a>
+                    <li ng-repeat="query in sampleQueries" class="saved-query">
+                        <a href ng-click="querySelected(query)" title="{{query.name}}">{{query.name}}</a>
                         &nbsp;
-                        <em class="icon-warning" ng-show="query.owner != principal().username && isUser()"
-                           popover="{{'core.popover.shared.query.warning' | translate}}"
+                        <em class="icon-warning" ng-show="query.owner != principal.username && isUser()"
+                           uib-popover="{{'core.popover.shared.query.warning' | translate}}"
                            popover-trigger="mouseenter"></em>
                         <span class="actions-bar hovered-item">
-							<button class="btn btn-link btn-sm"
-                                    ng-show="query.owner == principal().username && isUser()"
-                                    popover="{{'core.edit.query' | translate}}" popover-trigger="mouseenter"
+							<button class="btn btn-link btn-sm" ng-class="{'not-user-query': !isUser()}"
+                                    uib-popover="{{'core.edit.query' | translate}}" popover-trigger="mouseenter"
                                     ng-click="editQuery(query)">
 								<span class="icon-edit"></span>
 							</button>
-							<button class="btn btn-link btn-sm"
-                                    ng-show="query.owner == principal().username && isUser()"
-                                    popover="{{'core.delete.query' | translate}}" popover-trigger="mouseenter"
+							<button class="btn btn-link btn-sm" ng-class="{'not-user-query': !isUser()}"
+                                    uib-popover="{{'core.delete.query' | translate}}" popover-trigger="mouseenter"
                                     ng-click="deleteQuery(query.name)">
 								<span class="icon-trash"></span>
 							</button>
 							<button class="btn btn-link btn-sm"
-                                    popover="{{'core.popover.get.url.query' | translate}}" popover-trigger="mouseenter"
+                                    uib-popover="{{'core.popover.get.url.query' | translate}}" popover-trigger="mouseenter"
                                     ng-click="copyToClipboardQuery(query.name, query.owner)">
 								<span class="icon-link"></span>
 							</button>
@@ -49,36 +47,17 @@
                 </ul>
             </script>
 
-            <!--
-                        <div class="collapse width pull-right well" id="sampleQueriesCollapse">
-                            <div class="list-group-item-heading">Select saved query from the list</div>
-                            <ul id="wb-sparql-queryInSampleQueries" class="queries list-unstyled">
-                                <li ng-repeat="query in sampleQueries">
-
-                                    <a href="#" ng-click="querySelected(query.body)"><i class="fa fa-1x fa-caret-right"></i>{{query.name}}</a>
-                                    <span>
-                                        <i ng-show="canWriteActiveRepo()" tooltip="Edit query" tooltip-trigger="mouseenter" href="#" class="fa fa-pencil-square-o fa-1x editSampleQuery" ng-click="editQuery(query)"></i>
-                                        <i ng-show="canWriteActiveRepo()" tooltip="Delete query" tooltip-trigger="mouseenter" href="#" class="fa fa-trash-o fa-1x deleteSampleQuery" ng-click="deleteQuery(query.name)"></i>
-                                        <i tooltip="Get URL to query" tooltip-trigger="mouseenter" href="#" class="fa fa-link fa-1x" ng-click="copyToClipboardQuery(query.name)"></i>
-                                    </span>
-                                </li>
-                            </ul>
-                        </div>
-            -->
-
-            <div id="queryEditor">
-                <textarea ng-model="query" id="query" rows="16" cols="100"></textarea>
+            <div id="queryEditor" guide-selector="queryEditor">
+                <textarea ng-model="query" id="query" rows="16" cols="100" guide-selector="inputQuery"></textarea>
 
                 <div id="yasqe_buttons_mocked" style="display: none"></div>
-                <div id="yasqe_buttons" ng-hide="notoolbar">
+                <div id="yasqe_buttons" ng-hide="notoolbar" ng-if="queryEditorIsReady">
                     <div id="buttons">
                         <button class="btn btn-link" id="wb-sparql-saveQuery"
                                 ng-show="!notoolbarSaved && isUser()"
                                 ng-click="saveTab(currentQuery.id); saveQuery(currentQuery);"
                                 data-container="#queryEditor"
-                                tooltip="{{'core.create.saved.query' | translate}}"
-                                tooltip-append-to-body="true"
-                                tooltip-trigger="mouseenter">
+                                gdb-tooltip="{{'core.create.saved.query' | translate}}">
                             <em class="icon-save icon-2-5x"></em>
                         </button>
                         <!-- Popover with focus trigger on Safari 7+ needs an <a> with tabindex -->
@@ -86,16 +65,14 @@
                            ng-hide="notoolbarSaved"
                            ng-click="toggleSampleQueries()"
                            data-container="#queryEditor"
-                           tooltip="{{'core.show.saved.query' | translate}}"
-                           tooltip-append-to-body="true"
-                           tooltip-trigger="mouseenter"
-                           popover-template="'sampleQueriesPopoverTemplate.html'"
+                           gdb-tooltip="{{'core.show.saved.query' | translate}}"
+                           uib-popover-template="'sampleQueriesPopoverTemplate.html'"
                            popover-trigger="focus"
                            popover-placement="left"
                            popover-append-to-body="true">
                             <!-- This popover has to be on the both elements (<a> and inner <span>) so it can be shown in all browsers (Chrome, IE11, Edge, Firefox) -->
                             <span class="icon-folder icon-2-5x"
-                                  popover-template="'sampleQueriesPopoverTemplate.html'"
+                                  uib-popover-template="'sampleQueriesPopoverTemplate.html'"
                                   popover-trigger="focus"
                                   popover-placement="left"
                                   popover-append-to-body="true"></span>
@@ -103,33 +80,32 @@
                         <button class="btn btn-link" id="wb-sparql-copyToClipboardQuery"
                                 ng-hide="notoolbarCopy"
                                 ng-click="copyToClipboardQuery()"
-                                tooltip="{{'core.popover.get.url.current.query' | translate}}"
-                                tooltip-append-to-body="true">
+                                gdb-tooltip="{{'core.popover.get.url.current.query' | translate}}">
                             <span class="icon-link icon-2-5x"></span>
                         </button>
                         <button class="btn btn-link" id="inference"
                                 ng-hide="notoolbarInference"
                                 ng-click="currentQuery.inference = !currentQuery.inference"
-                                tooltip="{{'core.include.inferred' | translate}}{{currentQuery.inference ? 'common.on.btn' : 'common.off.btn' | translate}}"
-                                tooltip-append-to-body="true">
+                                gdb-tooltip="{{'core.include.inferred' | translate}}{{currentQuery.inference ? 'common.on.btn' : 'common.off.btn' | translate}}">
                             <span class="icon-2-5x"
                                   ng-class="{'icon-inferred-on':currentQuery.inference, 'icon-inferred-off':!currentQuery.inference}"></span>
                         </button>
                         <button class="btn btn-link" id="sameAs"
                                 ng-hide="notoolbarSameAs"
                                 ng-click="currentQuery.sameAs = !currentQuery.sameAs"
-                                tooltip="{{'core.expand.sameAs' | translate}}{{currentQuery.sameAs ? 'common.on.btn' : 'common.off.btn' | translate}}"
-                                tooltip-append-to-body="true">
+                                gdb-tooltip="{{'core.expand.sameAs' | translate}}{{currentQuery.sameAs ? 'common.on.btn' : 'common.off.btn' | translate}}">
                             <span class="icon-2-5x"
-                                  tooltip="{{!currentQuery.inference ? 'core.require.inferred' : '' | translate}}"
+                                  gdb-tooltip="{{!currentQuery.inference ? 'core.require.inferred' : '' | translate}}"
                                   ng-class="{'icon-sameas-on':currentQuery.sameAs, 'icon-sameas-off':!currentQuery.sameAs}"></span>
                         </button>
                     </div>
                 </div>
                 <div id="runButton" ng-hide="norun">
                     <button id="wb-sparql-runQuery" class="btn btn-primary" ng-disabled="queryIsRunning"
-                            ng-click="runQuery(false, $event.shiftKey)">
-                        {{runButtonName}}
+                            ng-if="queryEditorIsReady"
+                            ng-click="runQuery(false, $event.shiftKey ? 'explain' : ($event.altKey ? 'gpt' : ''))"
+                            guide-selector="runSparqlQuery">
+                        {{runButtonName | translate}}
                     </button>
                 </div>
                 <div>
@@ -155,7 +131,7 @@
 
     <div class="clearfix mb-2" ng-hide="viewMode === 'yasr'" id="yasr"
          ng-class="orientationViewMode ? 'col-xs-12 col-lg-12' : viewMode == 'editor' ? 'col-xs-12 vertical' : 'col-xs-6 vertical'">
-        <pagination
+        <uib-pagination
                 class="nav navbar-right"
                 ng-show="currentTabConfig.queryType != 'UPDATE' && !queryIsRunning && currentTabConfig.allResultsCount > currentTabConfig.pageSize"
                 total-items="currentTabConfig.allResultsCount"
@@ -170,7 +146,7 @@
                 next-text="&rsaquo;"
                 first-text="&laquo;"
                 last-text="&raquo;">
-        </pagination>
+        </uib-pagination>
 
         <div class="yasr" id="yasr-inner">
             <div ng-hide="nostatus || currentTabConfig.queryType || queryIsRunning"
@@ -194,8 +170,7 @@
                 <div class="text-xs-right">
                     <span class="icon-warning icon-lg"
                             ng-show="getStaleWarningMessage()"
-                            tooltip="{{getStaleWarningMessage()}}" tooltip-trigger="mouseenter"
-                            tooltip-append-to-body="true"></span>
+                          gdb-tooltip="{{getStaleWarningMessage()}}" tooltip-trigger="mouseenter"></span>
                     <span ng-show="currentTabConfig.queryType != 'ASK'" class="results-description">
                         {{getResultsDescription()}}
                     </span>
@@ -226,13 +201,26 @@
                     <h6>{{'common.error' | translate}}<span ng-show="yasr.results.getException().status > 0"> {{yasr.results.getException().status}}: {{yasr.results.getException().statusText}}</span></h6>
                 </div>
 
-                <div class="plaintext">{{yasr.results.getException().responseText}}</div>
+                <div ng-if="!fullErrorMessage && sparqlQueryErrorInfo && sparqlQueryErrorInfo.shortenErrorMessage">
+                    <a href="#" class="show-full-message-link" ng-click="showFullErrorMessage(true)">
+                        {{'query.editor.error.show.full.message' | translate}}
+                    </a>
+                    <div class="plaintext"> {{sparqlQueryErrorInfo.shortenErrorMessage}}</div>
+                </div>
+
+                <div ng-if="fullErrorMessage || sparqlQueryErrorInfo && !sparqlQueryErrorInfo.shortenErrorMessage">
+                    <a href="#" class="show-less-message-link" ng-click="showFullErrorMessage(false)" ng-if=" sparqlQueryErrorInfo && sparqlQueryErrorInfo.shortenErrorMessage">
+                        {{'query.editor.error.show.less.message' | translate}}
+                    </a>
+                    <div class="plaintext">{{sparqlQueryErrorInfo.responseText}}</div>
+                </div>
+
             </div>
-            <div class='yasr_results' ng-show="currentTabConfig.queryType && currentTabConfig.queryType != 'UPDATE' && currentTabConfig.queryType != 'ERROR' && !queryIsRunning"></div>
+            <div class='yasr_results' ng-show="currentTabConfig.queryType && currentTabConfig.queryType != 'UPDATE' && currentTabConfig.queryType != 'ERROR' && !queryIsRunning" guide-selector="yasrResults"></div>
         </div>
 
         <div ng-show="queryIsRunning && currentTrackAlias" class="qe-aborter">
-            <div disabled-wrapper class="d-inline-block" popover="{{abortRequested ? (lastRunQueryMode === 'update' ? 'Update was requested to abort and will be terminated if possible' : 'Query was requested to abort and will be terminated on the first I/O operation') : (lastRunQueryMode === 'update' ? 'Click to abort update' : 'Click to abort query')}}"
+            <div disabled-wrapper class="d-inline-block" uib-popover="{{abortRequested ? (lastRunQueryMode === 'update' ? 'update.requested' : 'query.abort.request') : (lastRunQueryMode === 'update' ? 'click.to.abort.update' : 'click.to.abort.query') | translate}}"
                  popover-trigger="mouseenter"
                  popover-placement="left">
                 <div ng-class="abortRequested ? 'disabled' : ''"> <!-- Keep this div -->

package/dist/js/angular/core/directives/queryeditor/templates/query-sample.html

@@ -4,13 +4,13 @@
     <button type="button" class="close" ng-click="cancel()"></button>
     <h3 class="modal-title">{{title}}</h3>
 </div>
-<form novalidate ng-submit="ok()" name="form" class="save-query-form">
-    <div class="modal-body">
+<div class="modal-body">
+    <form novalidate name="form" class="save-query-form" id="saveQueryForm">
         <input id="wb-sparql-sampleName" required type="text" ng-model="query.name" class="form-control"
                ng-change="queryExists = false"
                placeholder="{{'query.sample.title.placeholder' | translate}}"/>
         <label for="share-query"
-               tooltip="{{'query.sample.share.tooltip.msg' | translate}}">
+               gdb-tooltip="{{'query.sample.share.tooltip.msg' | translate}}">
             <input id="share-query" type="checkbox" ng-model="query.shared">
             {{'query.sample.share.msg' | translate}}
         </label>
@@ -32,13 +32,13 @@
                  ng-bind-html="existingQueryErrMsg">
             </div>
         </div>
-    </div>
-    <div class="modal-footer">
-        <button type="button" class="btn btn-secondary cancel-btn" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
-        <button id="wb-sparql-submit" class="btn btn-primary create-btn" ng-click="ok()" type="submit">
-            {{okButtonText}}
-        </button>
-    </div>
-</form>
+    </form>
+</div>
+<div class="modal-footer">
+    <button type="button" class="btn btn-secondary cancel-btn" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button id="wb-sparql-submit" class="btn btn-primary create-btn" ng-click="ok()" type="submit" form="saveQueryForm">
+        {{okButtonText}}
+    </button>
+</div>
 
 <!-- End QuerySample modal -->

package/dist/js/angular/core/directives/rdfresourcesearch/templates/rdfResourceSearchTemplate.html

@@ -1,4 +1,4 @@
-<link href="css/rdf-resource-search.css?v=10.0.0-M2-1" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=10.5.1" rel="stylesheet"/>
 
 <div ng-if="getActiveRepository() && hasActiveLocation() && isNotLoading()" ng-cloak>
     <div id="search-box" class="card search-rdf-input" ng-keydown="onKeyDown($event)" ng-if="!isHomePage()">
@@ -12,18 +12,16 @@
                                    clear-input-icon="true">
             </search-resource-input>
             <button class="btn btn-link close-rdf-search-btn"
-                    tooltip="{{'search.resource.close.msg' | translate}}" tooltip-placement="bottom"
-                    tooltip-trigger="mouseenter"
+                    gdb-tooltip="{{'search.resource.close.msg' | translate}}" tooltip-placement="bottom"
                     ng-click="hideInput()">
                 <i class="icon-close icon-2x" aria-hidden="true"></i>
             </button>
         </div>
     </div>
     <button class="btn btn-link search-rdf-btn"
-            tooltip="{{'search.resources.msg' | translate}}"
+            gdb-tooltip="{{'search.resources.msg' | translate}}"
             tooltip-placement="bottom"
-            tooltip-trigger="mouseenter"
             ng-click="showInput()">
-        <i class="icon-search icon-2x" aria-hidden="true"></i>
+        <i class="icon-search" aria-hidden="true"></i>
     </button>
 </div>

package/dist/js/angular/core/templates/core-errors.html

@@ -2,7 +2,7 @@
     <div role="alert">
         <div class="mb-1 mt-1 ml-1 mr-1">
             <div class="card repository-errors">
-                <div class="alert alert-warning lead">
+                <div class="alert lead" ng-class="!getActiveRepository() ? 'alert-info' : 'alert-warning'">
                     <div ng-if="!getActiveRepository()" >{{'core.errors.no.connected.repository.warning.msg' | translate}}</div>
                     <div id="restrictedDiv" ng-if="getActiveRepository() && isRestricted">{{'core.errors.restricted.warning.msg' | translate}}
                         <span ng-if="!isLicenseValid()">{{'core.errors.not.valid.license.warning.msg' | translate}}
@@ -12,38 +12,47 @@
                         <span ng-if="isSecurityEnabled() && !canWriteActiveRepo()">{{'core.errors.no.permission.to.repository.warning.msg' | translate}}</span>
                         <strong ng-if="isActiveRepoOntopType()">{{getActiveRepository()}}</strong>
                         <span ng-if="canWriteActiveRepo() && isActiveRepoOntopType()">{{'core.errors.read.only.repository.warning.msg' | translate}}</span>
-                        <span ng-if="canWriteActiveRepo() && isActiveRepoFedXType()"> <b>{{title | translate}}</b>{{'core.errors.fedx.repository.warning.msg' | translate}}</span></div>
-                    <small>
-                        <span ng-if="getAccessibleRepositories().length && isLicenseValid()">
-                            {{'core.errors.select.repository.warning.msg' | translate}}<span ng-if="canManageRepositories()">{{'core.errors.or.create.repository.warning.msg' | translate}}</span>.
-                        </span>
+                        <span ng-if="canWriteActiveRepo() && isActiveRepoFedXType()"> <strong>{{title | translate}}</strong>{{'core.errors.fedx.repository.warning.msg' | translate}}</span></div>
+                        <small>
+                            <span ng-if="getAccessibleRepositories().length && isLicenseValid()">
+                                {{'core.errors.select.repository.warning.msg' | translate}}<span ng-if="canManageRepositories()">{{'core.errors.or.create.repository.warning.msg' | translate}}</span>.
+                            </span>
 
-                        <span ng-hide="getAccessibleRepositories().length">
-                            {{'core.errors.no.accessible.warning.msg' | translate}}<span ng-if="isRestricted">{{'core.errors.writable' | translate}}
-                        </span>{{'core.errors.repositories' | translate}}<span ng-if="canManageRepositories()">{{'core.errors.create.repository.warning.msg' | translate}}</span>.
-                        </span>
-                    </small>
+                            <span ng-hide="getAccessibleRepositories().length">
+                                <span ng-if="isRestricted">{{'core.errors.no.accessible.writable.repositories.warning.msg' | translate}}</span>
+                                <span ng-if="!isRestricted">{{'core.errors.no.accessible.repositories.warning.msg' | translate}}</span>
+                                <span ng-if="canManageRepositories()">{{'core.errors.create.repository.warning.msg' | translate}}</span>.
+                            </span>
+                        </small>
+                </div>
+                <div ng-if="!getActiveRepository()">
+                    <button class="btn btn-link" ng-click="toggleShowRemoteLocations()">
+                        {{(showRemoteLocations ? "core.errors.hide.remote.locations.btn" : "core.errors.show.remote.locations.btn") | translate}}
+                    </button>
                 </div>
-
                 <ul class="list-group limit-height clearfix two-columns repos" ng-mouseleave="hidePopoverForRepo($event)">
-                    <li ng-repeat="repository in getAccessibleRepositories() | orderBy: ['type === \'system\'', 'id']"
-                        ng-if="repository.id !== getActiveRepository()"
+                    <li ng-repeat="repository in getAccessibleRepositories() | orderBy: ['type === \'system\'', 'location', 'id']"
+                        ng-if="repository.id !== getActiveRepository() || repository.location !== getActiveRepositoryObject().location"
                         class="list-group-item list-group-item-action repository"
+                        ng-class="{'remote': !repository.local}"
                         ng-mouseenter="showPopoverForRepo($event, repository)" ngx-mouseleave="setPopoverForRepo($event, repository, false)">
-                        <div class="lead ellipsis-block" ng-click="setRepository(repository.id)">
+                        <div class="lead ellipsis-block" ng-click="setRepository(repository)">
                             <span class="popover-anchor"
                                   popover-popup-delay="500"
                                   popover-trigger="show" popover-placement="{{$index % 2 === 0 ? 'bottom-right' : 'left-bottom'}}"
-                                  popover-template="popoverTemplate" popover-title="Repository {{repository.id}}">
+                                  uib-popover-template="popoverTemplate" popover-title="Repository {{repository.id}}">
                             <em class="icon-lg" ng-class="'icon-repo-' + repository.type"></em>
-                            <strong>{{repository.id}}</strong></span><small ng-show="repository.title"><span class="small"> &middot; {{repository.title}}</span></small>
+                            <strong>{{repository.id}}</strong></span>
+                            <span class="small" ng-if="showRemoteLocations">
+                                <small>@ {{repository.location ? repository.location : 'core.errors.location.local.label' | translate}}</small>
+                            </span>
                         </div>
                     </li>
                 </ul>
 
                 <div class="pull-right" ng-if="isLicenseValid() && canManageRepositories()">
                     <button class="btn btn-link px-0 create-repository-btn" ng-click="goToAddRepo()">
-                        <span class="icon-plus"></span> {{ 'repository.create.btn' | translate }}
+                        <span class="icon-plus"></span><span class="btn-link-text">{{ 'repository.create.btn' | translate }}</span>
                     </button>
                 </div>
             </div>

package/dist/js/angular/core/templates/inactive-plugin-warning-page.html

@@ -3,9 +3,8 @@
         {{'inactive.plugin.warning.for.use' | translate}}
     </p>
     <button class="btn btn-primary btn-lg confirm-btn"
-            tooltip="Activate {{humanReadablePluginName}}"
+            gdb-tooltip="Activate {{humanReadablePluginName}}"
             tooltip-placement="top"
-            tooltip-trigger="mouseenter"
             ng-click="activatePlugin()">
         Activate
     </button>

package/dist/js/angular/core/templates/modal/copy-to-clipboard-modal.html

@@ -1,13 +1,12 @@
 <!-- Start copyToClipboard.html -->
-<form novalidate class="form-horizontal" autocomplete="off">
-    <div class="modal-body">
-		<p><strong>{{'copy.to.clipboard.modal.paragraph' | translate}}</strong></p>
+<div class="modal-body">
+    <form novalidate class="form-horizontal" autocomplete="off" id="copyToClipboardForm">
+        <p><strong>{{'copy.to.clipboard.modal.paragraph' | translate}}</strong></p>
         <input id="clipboardURI" type="text" ng-model="clipboardURI" class="form-control" autofocus value="value"/>
-    </div>
-    <div class="modal-footer">
-        <button class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
-        <button class="btn btn-primary" ng-click="ok()">{{'copy.to.clipboard.modal.ok.btn' | translate}}</button>
-    </div>
-</form>
-
+    </form>
+</div>
+<div class="modal-footer">
+    <button class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button class="btn btn-primary" form="copyToClipboardForm" ng-click="ok()">{{'copy.to.clipboard.modal.ok.btn' | translate}}</button>
+</div>
 <!-- End copyToClipboard.html -->

package/dist/js/angular/core/templates/modal/modal-warning.html

@@ -9,7 +9,7 @@
     </div>
 </div>
 <div class="modal-footer">
-    <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button type="button" class="btn btn-secondary cancel-btn" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
     <button class="btn btn-primary confirm-btn" ng-click="ok()">{{'common.yes.btn' | translate}}</button>
 </div>
 

package/dist/js/angular/core/templates/search-resource-input.html

@@ -3,36 +3,36 @@
            ng-change="onChange()"
            ng-keydown="onKeyDown($event)">
     <button ng-if="clearInputIcon && showClearInputIcon" class="btn btn-link clear-icon"
-          tooltip="Clear" tooltip-placement="bottom" tooltip-trigger="mouseenter">
+            gdb-tooltip="{{'clear.tooltip' | translate}}" tooltip-placement="bottom">
         <i class="icon-close" aria-hidden="true" ng-click="clearInput()"></i>
     </button>
     <span ng-if="!radioButtons" class="input-group-btn">
         <button ng-if="textButton !== ''" type="button" class="btn btn-primary autocomplete-text-btn" ng-click="checkIfValidAndSearchText()">
-            {{textButtonLabel}}
+            {{textButtonLabel | translate}}
         </button>
     </span>
     <span ng-if="!radioButtons" class="input-group-btn show-btn">
         <button ng-if="visualButton !== ''" type="button" class="btn btn-primary autocomplete-visual-btn" ng-click="checkIfValidAndSearchVisual()">
-            {{visualButtonLabel}}
+            {{visualButtonLabel | translate}}
         </button>
     </span>
     <span ng-if="radioButtons" class="input-group-btn">
-        <button class="btn btn-secondary display-type-table-btn" ng-model="searchType" btn-radio="searchDisplayType.table" ng-click="changeSearchType(searchDisplayType.table)">
-            {{textButtonLabel}}
+        <button class="btn btn-secondary display-type-table-btn" ng-model="searchType" uib-btn-radio="searchDisplayType.table" ng-click="changeSearchType(searchDisplayType.table)">
+            {{textButtonLabel | translate}}
         </button>
-        <button class="btn btn-secondary display-type-visual-btn" ng-model="searchType" btn-radio="searchDisplayType.visual" ng-click="changeSearchType(searchDisplayType.visual)">
-            {{visualButtonLabel}}
+        <button class="btn btn-secondary display-type-visual-btn" ng-model="searchType" uib-btn-radio="searchDisplayType.visual" ng-click="changeSearchType(searchDisplayType.visual)">
+            {{visualButtonLabel | translate}}
         </button>
     </span>
 </div>
-<span class="autocomplete-hint">{{'query.editor.autocomplete.hint' | translate}}</span>
+<span class="autocomplete-hint text-muted">{{'query.editor.autocomplete.hint' | translate}}</span>
 <div id="auto-complete-results-wrapper">
     <div ng-repeat="autoCompleteUriResult in autoCompleteUriResults track by $index"
          id="{{'auto_' + $index}}"
          ng-click="searchRdfResourceByEvent(autoCompleteUriResult, $event)"
          ng-class="{active: activeSearchElm === $index, selected: selectedElementIndex === $index}"
          ng-mousemove="setActiveClassOnMouseMove($index)"
-         class="result-item">
+         class="result-item" guide-selector="autocomplete-{{autoCompleteUriResult.value}}">
         <p ng-bind-html="getResultItemHtml(autoCompleteUriResult)"></p>
     </div>
 </div>

package/dist/js/angular/externalsync/templates/deleteConnector.html

@@ -4,13 +4,13 @@
 </div>
 <div class="modal-body">
     <p>{{'delete.connector.paragraph' | translate}}</p>
-    <span popover="{{'delete.connector.popover' | translate}}{{popoverMsg}}"
+    <span uib-popover="{{'delete.connector.popover' | translate}}{{popoverMsg}}"
          popover-trigger="mouseenter"
          popover-placement="bottom">
         <input id="force-delete" type="checkbox" ng-model="force"><label for="force-delete">&nbsp;{{'delete.connector.force.checkbox' | translate}}</label>
     </span>
-    <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
-        <button type="submit" class="btn btn-primary delete-connector-btn" ng-click="ok()">{{'delete.connector.delete.btn' | translate}}</button>
-    </div>
+</div>
+<div class="modal-footer">
+    <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button type="submit" class="btn btn-primary delete-connector-btn" ng-click="ok()">{{'delete.connector.delete.btn' | translate}}</button>
 </div>

package/dist/js/angular/graphexplore/templates/modal/save-graph.html

@@ -4,13 +4,13 @@
     <button type="button" class="close" ng-click="cancel()"></button>
     <h3 class="modal-title">{{title}}</h3>
 </div>
-<form novalidate ng-submit="ok()" name="form">
-    <div class="modal-body">
+<div class="modal-body">
+    <form novalidate name="form" id="saveGraphForm">
         <input id="wb-graphviz-savegraph-name" required type="text" ng-model="graph.name" class="form-control"
                ng-change="graphExists = false"
                placeholder="{{'save.graph.enter.name' | translate}}" ng-maxlength="100"/>
         <label for="share-graph"
-               tooltip="{{'save.graph.visible.graph' | translate}}">
+               gdb-tooltip="{{'save.graph.visible.graph' | translate}}">
             <input id="share-graph" type="checkbox" ng-model="graph.shared">
             {{'save.graph.share.graph' | translate}}
         </label>
@@ -25,14 +25,13 @@
         <div ng-hide="form.$error.required.length" ng-if="graphExists" class="alert alert-danger"
              style="margin-top: 5px;">{{'save.graph.name' | translate}} <strong>&#39;{{graph.name}}&#39;</strong> {{'save.graph.exists' | translate}}
         </div>
-        <!-- <div ng-if="graphExists || overwrite"><label for="override-saved">Overwrite existing saved graph <input id="override-saved" type="checkbox" ng-model="overwrite"></label></div> -->
-    </div>
-    <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
-        <button ng-if="mode == 'update'" id="wb-graphviz-savegraph-submit2" class="btn btn-tertiary" ng-click="saveNew()" type="button">{{'save.graph.save.as' | translate}}</button>
-        <button id="wb-graphviz-savegraph-submit" class="btn btn-primary" ng-click="ok()" type="submit">{{okButtonText}}</button>
-    </div>
-</form>
+    </form>
+</div>
+<div class="modal-footer">
+    <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button ng-if="mode == 'update'" id="wb-graphviz-savegraph-submit2" class="btn btn-tertiary" ng-click="saveNew()" type="button">{{'save.graph.save.as' | translate}}</button>
+    <button id="wb-graphviz-savegraph-submit" form="saveGraphForm" class="btn btn-primary" ng-click="ok()" type="submit">{{okButtonText}}</button>
+</div>
 
 <!-- End save graph modal -->
 

package/dist/js/angular/graphexplore/templates/rdfsCommentLabelTemplate.html

@@ -1,9 +1,8 @@
 <div>
 	<div ng-hide="rdfsLabel == undefined" class="media mb-1">
 		<div class="media-left"
-			 tooltip="rdfs:label"
-			 tooltip-placement="top"
-			 tooltip-trigger="mouseenter">
+			 gdb-tooltip="rdfs:label"
+			 tooltip-placement="top">
 			<i class="icon-tag icon-lg" aria-hidden="true"></i>
 		</div>
 		<div class="media-body">
@@ -12,9 +11,8 @@
 	</div>
     <div ng-if="rdfsComment" class="media mb-1">
         <div class="media-left"
-			tooltip="rdfs:comment"
-			tooltip-placement="top"
-			tooltip-trigger="mouseenter">
+			 gdb-tooltip="rdfs:comment"
+			tooltip-placement="top">
 			<i class="icon-comment icon-lg" aria-hidden="true"></i>
         </div>
         <div class="media-body">