graphdb-workbench 10.0.0-M2-1 → 10.5.1

package/dist/pages/monitor/queries.html

@@ -3,15 +3,15 @@
 
 	<title>${messages.app.title} : ${messages.jmx.QueryMonitoringPage.title}</title>
 
-	<link href="css/jmx.css?v=10.0.0-M2-1" rel="stylesheet" />
+	<link href="css/jmx.css?v=10.5.1" rel="stylesheet" />
 
 	<h1>
 		{{title}}
 		<span class="btn btn-link"
-		   popover-template="'js/angular/templates/titlePopoverTemplate.html'"
+		   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>
+		   popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
 	</h1>
 
     <div core-errors ontop></div>
@@ -30,9 +30,8 @@
 
 			<div ng-hide="loader || error">
 				<div class="pause-bar">
-					<button type="button" class="btn pull-right pause-btn" ng-model="paused"  ng-class="paused ? 'btn-primary' : 'btn-secondary'"
-							btn-checkbox
-						tooltip="{{'temp.pause' | translate}}"
+					<button type="button" class="btn pull-right pause-btn" ng-click="togglePause()"  ng-class="paused ? 'btn-primary' : 'btn-secondary'"
+							gdb-tooltip="{{'temp.pause' | translate}}"
 						tooltip-placement="left">
 						{{paused ? 'paused.btn' : 'pause.btn' | translate}}
 					</button>
@@ -74,13 +73,13 @@
 									<div ng-if="query.sparqlString.length > stringLimit && !expanded[query.trackId]" class="query-string">{{query.sparqlString | limitTo: stringLimit}}...</div>
 									<div ng-if="query.sparqlString.length <= stringLimit || expanded[query.trackId]" class="query-string">{{query.sparqlString}}</div>
 								</td>
-								<td><span tooltip="{{query.msSinceCreated}} ms">{{query.humanLifetime}}</span></td>
+								<td><span gdb-tooltip="{{query.msSinceCreated}} ms">{{query.humanLifetime}}</span></td>
 								<td>
 									<p>{{query.state}}</p>
 									<div>{{query.numberOfOperations}} {{'operations.label' | translate}}</div>
 								</td>
 								<td>
-									<div disabled-wrapper popover="{{query.isRequestedToStop ? (query.type == 'QUERY' ? 'query.abort.request' : 'update.requested') : (query.type == 'QUERY' ? 'click.to.abort.query' : 'click.to.abort.update') | translate}}"
+									<div disabled-wrapper uib-popover="{{query.isRequestedToStop ? (query.type == 'QUERY' ? 'query.abort.request' : 'update.requested') : (query.type == 'QUERY' ? 'click.to.abort.query' : 'click.to.abort.update') | translate}}"
 										 popover-trigger="mouseenter"
 										 popover-placement="bottom">
 										<div ng-class="query.isRequestedToStop ? 'disabled' : ''"> <!-- Keep this div -->

package/dist/pages/monitor/resources.html

@@ -1,84 +1,218 @@
+<link href="css/jmx.css?v=10.5.1" rel="stylesheet"/>
 
-	<link href="css/jmx.css?v=10.0.0-M2-1" rel="stylesheet" />
 
-	<!-- 	nvd3 css and js  starts-->
-	<link href="js/lib/nvd3/nv.d3.css?v=10.0.0-M2-1" rel="stylesheet" />
+<div class="hiddenVariables" style="display: none;">
+    <div class="localUse">${localUse}</div>
+    <div class="jmxServer">${jmxServer}</div>
+</div>
 
+<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>
+</h1>
 
-	<div class="hiddenVariables" style="display: none;">
-		<div class="localUse">${localUse}</div>
-		<div class="jmxServer">${jmxServer}</div>
-	</div>
+<div id="wb-monitoringResources" class="ot-owlim-resources">
+    <div class="ot-loader ot-main-loader" onto-loader size="50" ng-if="loader"></div>
 
-	<h1>
-		{{title}}
-		<span class="btn btn-link"
-			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 id="wb-monitoringResources" class="ot-owlim-resources">
-		<div class="row ng-scope" ng-show="!loader && error">
-			<p class="alert alert-danger">
-                {{'common.error' | translate}}: {{error}}.
-				<br/>
-                {{'refresh.to.retry' | translate}}
-			</p>
-		</div>e
-
-		<div>
-			<div class="ot-loader ot-main-loader" onto-loader size="50" ng-show="loader"></div>
-
-			<div ng-hide="loader || error">
-				<div class="container graphics row">
-					<div class="tabbable">
-					   <ul class="nav nav-tabs">
-						  <li class="tab1Li nav-item" ><span class="nav-link" ng-click="activeTab = 'memory'" ng-class="activeTab == 'memory' ? 'active':''">{{'memory.label' | translate}}</span></li>
-						  <li class="tab2Li nav-item" ><span class="nav-link" ng-click="activeTab = 'threads'" ng-class="activeTab == 'threads' ? 'active':''">{{'threads.label' | translate}}</span></li>
-						  <li class="tab3Li nav-item" ><span class="nav-link" ng-click="activeTab = 'cpu'" ng-class="activeTab == 'cpu' ? 'active':''">{{'cpu.label' | translate}}</span></li>
-						  <li class="tab4Li nav-item" ><span class="nav-link" ng-click="activeTab = 'classes'" ng-class="activeTab == 'classes' ? 'active':''">{{'classes.label' | translate}}</span></li>
-					   </ul>
-					   <div class="tab-content">
-						  <div class="tab-pane fade in" ng-class="activeTab == 'memory' ? 'active':''" id="tab1">
-							<div id="heapMemoryGraphic">
-								<br>
-								<h2 class="pull-left">{{'heap.memory.usage' | translate}}</h2>
-
-								<div class="pull-right">
-									<a id="wb-monitoringQueries-garbadgeCollector" ng-click="garbadgeCollector()" ng-hide="garbadgeCollectorLoader" class="btn btn-sm btn-primary performGC" href>{{'perform.gc' | translate}}</a>
-								</div>
-
-								<div onto-loader size="31" ng-show="garbadgeCollectorLoader" class=" ot-loader onto-loader-performGC"></div>
-
-								<div nvd3 options="chartMemoryOptions" data="data.memoryUsage" config="chartConfig" style="height: 500px;"></div>
-							</div>
-						  </div>
-						  <div class="tab-pane fade in" ng-class="activeTab == 'threads' ? 'active':''" id="tab2">
-							<div id="threadsGraphic">
-								<br>
-								<h2>{{'threads.label' | translate}}</h2>
-								<div nvd3 options="chartOptions" data="data.threadCount" config="chartConfig" style="height: 500px;"></div>
-							</div>
-						  </div>
-						  <div class="tab-pane fade in" ng-class="activeTab == 'cpu' ? 'active':''" id="tab3">
-							<div id="CPUUsageGraphic">
-								<br>
-								<h2>{{'system.cpu.load' | translate}}</h2>
-								<div nvd3 options="chartCPUOptions" data="data.cpuLoad" config="chartConfig" style="height: 500px;"></div>
-							</div>
-						  </div>
-						  <div class="tab-pane fade in" ng-class="activeTab == 'classes' ? 'active':''" id="tab4">
-							<div id="classesGraphic">
-								<br>
-								<h2>{{'loaded.classes.count' | translate}}</h2>
-								<div nvd3 options="chartOptions" data="data.classCount" config="chartConfig" style="height: 500px;"></div>
-							</div>
-						  </div>
-					   </div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+    <div ng-if="!loader" class="graphics row">
+                <div class="monitor-tabs">
+                    <ul class="nav nav-tabs">
+                        <li class="resource-tab nav-item">
+                            <span class="nav-link" ng-click="switchTab(AVAILABLE_TABS.RESOURCE_MONITOR)" ng-class="activeTab == AVAILABLE_TABS.RESOURCE_MONITOR ? 'active':''">{{'monitor.resource' | translate}}</span>
+                        </li>
+                        <li class="performance-tab nav-item">
+                            <span class="nav-link" ng-click="switchTab(AVAILABLE_TABS.PERFORMANCE_MONITOR)" ng-class="activeTab == AVAILABLE_TABS.PERFORMANCE_MONITOR ? 'active':''">{{'monitor.performance.label' | translate}}</span>
+                        </li>
+                        <li class="cluster-tab nav-item">
+                            <span class="nav-link" ng-click="switchTab(AVAILABLE_TABS.CLUSTER_HEALTH)" ng-class="activeTab == AVAILABLE_TABS.CLUSTER_HEALTH ? 'active':''">{{'monitor.cluster' | translate}}</span>
+                        </li>
+                    </ul>
+                    <div class="tabs ml-2 mr-2">
+                        <div class="tab-pane fade in" ng-if="activeTab === AVAILABLE_TABS.RESOURCE_MONITOR" id="resourceTab">
+                            <div class="row mt-2">
+                                <div id="CPUUsageGraphic" class="col-lg-12 col-xl-6">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resource.system.cpu_load.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resource.system.cpu_load.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                            <span class="icon-info text-tertiary"></span>
+                                        </span>
+                                    </div>
+                                    <div ng-if="resourceMonitorData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: resourceMonitorData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="resourceMonitorData.charts.cpuLoad"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                                <div id="openFileDescriptors" class="col-lg-12 col-xl-6">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resource.system.file_descriptors.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resource.system.file_descriptors.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                            <span class="icon-info text-tertiary"></span>
+                                        </span>
+                                    </div>
+                                    <div ng-if="resourceMonitorData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: resourceMonitorData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="resourceMonitorData.charts.fileDescriptors"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                            </div>
+                            <div class="row mt-2">
+                                <div id="heapMemoryGraphic" class="col-lg-12 col-xl-6">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resource.memory.heap.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resource.memory.heap.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                            <span class="icon-info text-tertiary"></span>
+                                        </span>
+                                    </div>
+                                    <div ng-if="resourceMonitorData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: resourceMonitorData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="resourceMonitorData.charts.heapMemory"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                                <div id="offHeapMemoryGraphic" class="col-lg-12 col-xl-6">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resource.memory.non_heap.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resource.memory.non_heap.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                            <span class="icon-info text-tertiary"></span>
+                                        </span>
+                                    </div>
+                                    <div ng-if="resourceMonitorData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: resourceMonitorData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="resourceMonitorData.charts.offHeapMemory"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                            </div>
+                            <div class="row mt-2">
+                                <div id="diskStorage" class="col-lg-12 col-xl-6">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resource.storage.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resource.storage.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                            <span class="icon-info text-tertiary"></span>
+                                        </span>
+                                    </div>
+                                    <div ng-if="resourceMonitorData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: resourceMonitorData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="resourceMonitorData.charts.diskStorage"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane fade in" ng-if="activeTab === AVAILABLE_TABS.PERFORMANCE_MONITOR" id="performanceMonitorTab">
+                            <div class="row mt-2">
+                                <div class="alert lead alert-info" ng-show="!getActiveRepository()">
+                                    {{'monitor.performance.no_repository' | translate}}
+                                </div>
+                            </div>
+                            <div ng-if="getActiveRepository()">
+                                <div class="row mt-2">
+                                    <div id="activeQueries" class="col-lg-12 col-xl-6">
+                                        <div class="title h4" style="text-align: center;">
+                                            {{'resource.queries.label' | translate}}
+                                            <span class="btn btn-link" uib-popover="{{'resource.queries.tooltip' | translate}}" popover-trigger="mouseenter"
+                                                  popover-placement="bottom">
+                                                <span class="icon-info text-tertiary"></span>
+                                            </span>
+                                        </div>
+                                        <div ng-if="performanceMonitorData.error.hasError" class="alert alert-danger errors">
+                                            {{'common.error' | translate}}: {{resourceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: performanceMonitorData.error.retries} }}
+                                        </div>
+                                        <div ng-if="!resourceMonitorData.error.hasError"
+                                             chart="performanceMonitorData.charts.queriesChart"
+                                             style="width: 100%; height: 500px"></div>
+                                    </div>
+                                    <div id="connections" class="col-lg-12 col-xl-6">
+                                        <div class="title h4" style="text-align: center;">
+                                            {{'resource.connections.label' | translate}}
+                                            <span class="btn btn-link" uib-popover="{{'resource.connections.tooltip' | translate}}" popover-trigger="mouseenter"
+                                                  popover-placement="bottom">
+                                                <span class="icon-info text-tertiary"></span>
+                                            </span>
+                                        </div>
+                                        <div ng-if="performanceMonitorData.error.hasError" class="alert alert-danger errors">
+                                            {{'common.error' | translate}}: {{performanceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: performanceMonitorData.error.retries} }}
+                                        </div>
+                                        <div ng-if="!resourceMonitorData.error.hasError"
+                                             chart="performanceMonitorData.charts.connectionsChart"
+                                             style="width: 100%; height: 500px"></div>
+                                    </div>
+                                </div>
+                                <div class="row mt-2">
+                                    <div id="epool" class="col-lg-12 col-xl-6">
+                                        <div class="title h4" style="text-align: center;">
+                                            {{'resource.epool.label' | translate}}
+                                            <span class="btn btn-link" uib-popover="{{'resource.epool.tooltip' | translate}}" popover-trigger="mouseenter"
+                                                  popover-placement="bottom">
+                                                <span class="icon-info text-tertiary"></span>
+                                            </span>
+                                        </div>
+                                        <div ng-if="performanceMonitorData.error.hasError" class="alert alert-danger errors">
+                                            {{'common.error' | translate}}: {{performanceMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: performanceMonitorData.error.retries} }}
+                                        </div>
+                                        <div ng-if="!resourceMonitorData.error.hasError"
+                                             chart="performanceMonitorData.charts.epoolChart"
+                                             style="width: 100%; height: 500px"></div>
+                                    </div>
+                                    <div id="globalCache" class="col-lg-12 col-xl-6">
+                                        <div class="title h4" style="text-align: center;">
+                                            {{'resources.global_cache.label' | translate}}
+                                            <span class="btn btn-link" uib-popover="{{'resources.global_cache.tooltip' | translate}}" popover-trigger="mouseenter"
+                                                  popover-placement="bottom">
+                                                <span class="icon-info text-tertiary"></span>
+                                            </span>
+                                        </div>
+                                        <div ng-if="structuresMonitorData.error.hasError" class="alert alert-danger errors">
+                                            {{'common.error' | translate}}: {{structuresMonitorData.error.message}} {{'monitor.retrying' | translate: {retry: structuresMonitorData.error.retries} }}
+                                        </div>
+                                        <div ng-if="!resourceMonitorData.error.hasError"
+                                             chart="structuresMonitorData.charts.globalCacheChart"
+                                             style="width: 100%; height: 500px"></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="tab-pane fade in" ng-if="activeTab === AVAILABLE_TABS.CLUSTER_HEALTH" id="clusterHealthMonitorTab">
+                            <div class="row mt-2">
+                                <div class="alert lead alert-info" ng-show="!hasCluster">
+                                    {{'monitor.cluster.no_cluster' | translate}}
+                                </div>
+                            </div>
+                            <div ng-if="hasCluster" class="row mt-2">
+                                <div id="clusterHealth" class="col-lg-12">
+                                    <div class="title h4" style="text-align: center;">
+                                        {{'resources.cluster_health.label' | translate}}
+                                        <span class="btn btn-link" uib-popover="{{'resources.cluster_health.tooltip' | translate}}" popover-trigger="mouseenter"
+                                              popover-placement="bottom">
+                                                <span class="icon-info text-tertiary"></span>
+                                            </span>
+                                    </div>
+                                    <div ng-if="clusterHealthData.error.hasError" class="alert alert-danger errors">
+                                        {{'common.error' | translate}}: {{clusterHealthData.error.message}} {{'monitor.retrying' | translate: {retry: clusterHealthData.error.retries} }}
+                                    </div>
+                                    <div ng-if="!resourceMonitorData.error.hasError"
+                                         chart="clusterHealthData.charts.clusterHealthChart"
+                                         style="width: 100%; height: 500px"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+</div>

package/dist/pages/namespaces.html

@@ -1,15 +1,15 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=10.0.0-M2-1" rel="stylesheet">
-<link href="css/export.css?v=10.0.0-M2-1" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=10.5.1" rel="stylesheet">
+<link href="css/export.css?v=10.5.1" rel="stylesheet">
 
 <title>Namespaces</title>
 
 <h1>
     {{title}}
     <span class="btn btn-link"
-          popover-template="'js/angular/templates/titlePopoverTemplate.html'"
+          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>
+          popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
 </h1>
 
 
@@ -22,26 +22,26 @@
                 <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" tooltip="{{'prefix.label' | translate}}" style="width: 130px;"/>
+                           class="form-control" gdb-tooltip="{{'prefix.label' | translate}}" style="width: 130px;"/>
                 </div>
                 <div class="form-group" style="width: 260px;">
-                    <input required id="wb-namespaces-namespace"
-                           type="url" ng-model="namespace.namespace"
+                    <input required id="wb-namespaces-namespace" name="namespace"
+                           ng-model="namespace.namespace"
                            placeholder="http://example.com/data#" class="form-control"
-                           tooltip-trigger="mouseenter" tooltip="{{'namespace.label' | translate}}" style="width: 260px;"/>
+                           gdb-tooltip="{{'namespace.label' | translate}}" style="width: 260px;"/>
                 </div>
                 <button id="wb-namespaces-addNamespace" type="submit" ng-click="addNamespace()"
                         class="btn btn-primary add-namespace"
-                        tooltip-trigger="mouseenter" tooltip="{{'add.namespace.label' | translate}}">
+                        gdb-tooltip="{{'add.namespace.label' | translate}}">
                     <span class="icon-plus"></span>
                     {{'add.namespace.label' | translate}}
                 </button>
             </form>
         </div>
         <div ng-show="displayedNamespaces.length > 0" class="clearfix">
-            <div class="btn-group pull-right namespaces-per-page-menu" dropdown>
-                <button type="button" class="btn btn-secondary btn-sm dropdown-toggle" dropdown-toggle
-                        ng-disabled="disabled">
+            <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" data-cy="namespaces-per-page-menu">
                     <span ng-if="pageSizeOptions.indexOf(displayedNamespaces.length) > -1">{{pageSize}}</span>
                     <span ng-if="pageSizeOptions.indexOf(displayedNamespaces.length) === -1">{{'all.label' | translate}}</span>
                 </button>
@@ -50,7 +50,7 @@
                         <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.label' | translate}}</span>
+                        <span class="dropdown-item page-size-option" ng-click="changePageSize(namespaces.length)" data-cy="all-label">{{'all.label' | translate}}</span>
                     </li>
                 </ul>
             </div>
@@ -59,7 +59,7 @@
         <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.label' | translate}}"
-                       ng-model="searchNamespaces" tooltip-trigger="mouseenter" tooltip="{{'common.search.btn' | translate}}"
+                       ng-model="searchNamespaces" gdb-tooltip="{{'common.search.btn' | translate}}"
                        ng-change="onNamespaceSearch()">
             </span>
             <div paginations class="ot-export-pagination pull-right namespaces-header-pagination"></div>
@@ -75,8 +75,8 @@
                                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"
-                            tooltip="{{'delete.selected' | translate}}"><span class="icon-trash"></span></button>
+                            ng-disabled="!canWriteActiveRepo() || !haveSelected"
+                            gdb-tooltip="{{'delete.selected' | translate}}" data-cy="delete-several-prefixes"><span class="icon-trash"></span></button>
                 </th>
                 <th id="prefixColumn" style="width: 20%">{{'prefix.label' | translate}}</th>
                 <th id="uriColumn">{{'iri.label' | translate}}</th>
@@ -110,17 +110,18 @@
                           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" tooltip="{{'common.save.btn' | translate}}"><span class="icon-save"></span></button>
+                                gdb-tooltip="{{'common.save.btn' | translate}}"><span class="icon-save"></span></button>
                         <button type="button" class="btn btn-secondary" ng-disabled="rowform.$waiting"
-                                ng-click="rowform.$cancel()" tooltip-trigger="mouseenter" tooltip="{{'common.cancel.btn' | translate}}"><span
+                                ng-click="rowform.$cancel()" gdb-tooltip="{{'common.cancel.btn' | translate}}"><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"
-                            tooltip="{{'edit.namespace' | translate}}"><span class="icon-edit"></span></button>
+                    <button class="btn btn-link edit-namespace-btn" ng-click="rowform.$show()"
+                            gdb-tooltip="{{'edit.namespace' | translate}}"><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" tooltip="{{'delete.namespace' | translate}}">
+                            ng-disabled="{{!canWriteActiveRepo()}}" gdb-tooltip="{{'delete.namespace' | translate}}"
+                            data-cy="{{'delete-pref_' + namespace.prefix}}">
                         <span class="icon-trash"></span></button>
                 </td>
             </tr>

package/dist/pages/plugins.html

@@ -1,12 +1,12 @@
-<link href="css/plugins.css?v=10.0.0-M2-1" rel="stylesheet">
+<link href="css/plugins.css?v=10.5.1" rel="stylesheet">
 <div id="plugins" class="page">
     <h1>
         {{title}} {{'for.repository' | translate}} {{getActiveRepository()}}
         <em class="btn btn-link"
-            popover-template="'js/angular/templates/titlePopoverTemplate.html'"
+            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>
+            popover-append-to-body="true"><span class="icon-info text-tertiary"></span></em>
     </h1>
 
     <div onto-loader-new
@@ -22,26 +22,25 @@
     <div class="search-bar" ng-show="plugins.length > 0 && !loader">
             <span class="pull-left" id="searchbox-plugins">
                 <input type="text" class="form-control plugins-filter" placeholder="{{'search.plugins.placeholder' | translate}}"
-                       ng-model="searchPlugins" tooltip-trigger="mouseenter" tooltip="{{'common.search.btn' | translate}}"
-                       ng-change="onPluginsSearch()">
+                       ng-model="searchPluginsTerm" gdb-tooltip="{{'common.search.btn' | translate}}"
+                       ng-change="onSearchTermChanged()">
             </span>
-        <span class="showing-info-plugins pull-right">{{'showing.label' | translate}} {{matchedElements.length}} {{'results.label' | translate}}</span>
+        <span class="showing-info-plugins pull-right">{{'showing.label' | translate}} {{displayedPlugins.length}} {{'results.label' | translate}}</span>
     </div>
 
     <table ng-if="isLicenseValid() && canWriteActiveRepo() && !isRestricted"
            id="wb-plugins-pluginInPlugins"
            class="table table-hover" aria-describedby="Plugins table">
         <tbody>
-        <tr ng-repeat="(key, plugin) in displayedPlugins" class="wb-plugins-row plugin"
-            loader-post-repeat-directive>
+        <tr ng-repeat="(key, plugin) in displayedPlugins" class="wb-plugins-row plugin" loader-post-repeat-directive>
             <td id="wb-plugins-td" ng-show="!loader">
                 <div class="lead" id="toggleIndex">
                     <span class="plugins-header">{{plugin.name}}</span>
                     <span id="toggleAndTag">
                     <span class="tag {{plugin.enabled ? 'tag-primary' : 'tag-default'}}">{{plugin.enabled ? 'common.on.btn' :
                         'common.off.btn' | translate}}</span>
-                    <span tooltip="{{'click.to' | translate}} {{plugin.enabled ? 'deactivate' : 'activate' | translate}} {{plugin.name}}"
-                          tooltip-placement="top" tooltip-trigger="mouseenter"
+                    <span gdb-tooltip="{{'click.to' | translate}} {{plugin.enabled ? 'deactivate' : 'activate' | translate}} {{plugin.name}}"
+                          tooltip-placement="top"
                           ng-click="togglePlugin(plugin.name, plugin.enabled)"
                           class="switch enable-plugins-switch plugins-switch">
                     <input type="checkbox" class="switch"