graphdb-workbench 10.0.0-M2-1 → 10.5.1

package/dist/pages/createConnector.html

@@ -1,148 +1,148 @@
 <div class="modal-header">
-	<button type="button" class="close" ng-click="cancel()"></button>
-	<h3 class="modal-title">Create new {{connector.key}} Connector</h3>
+    <button type="button" class="close" ng-click="cancel()"></button>
+    <h3 class="modal-title">Create new {{connector.key}} Connector</h3>
 </div>
-<form ng-submit="ok()" name="form" novalidate>
 <div class="modal-body">
+    <form name="form" id="connectorForm" ng-submit="ok()" novalidate>
 
-	<div class="form-horizontal">
+        <div class="form-horizontal">
 
-		<div class="form-group row">
-			<label class="col-xs-2 col-form-label">{{'name.simple.label' | translate}}<sup>*</sup></label>
-			<div class="col-xs-10 connector-name-field">
-				<input type="text" class="form-control" placeholder="{{'connector.name' | translate}}" ng-model="name" required popover="{{'connector.name.popover' | translate}}" popover-trigger="focus" popover-placement="bottom">
-			</div>
-		</div>
-
-		<div class="form-group row" ng-repeat="option in options" ng-hide="option.__hidden">
-			<label class="col-xs-2"
-				ng-class="{'col-form-label': option.__type != 'Boolean', 'font-weight-bold':option.__required }">{{option.__label}}<sup ng-if="option.__required">*</sup></label>
-			<div class="col-xs-10">
-				<div ng-if="option.__type == 'Boolean'" class="form-check">
-					<label class="form-check-label" popover="{{option.__description}}" popover-trigger="mouseenter" popover-placement="bottom">
-						<input class="form-check-input" type="checkbox" ng-model="values[option.__name]">
-					</label>
-				</div>
-                <div ng-if="option.__type == 'String'">
-					<input type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-				</div>
-				<div ng-if="option.__type == 'BigString'">
-					<textarea type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-					</textarea>
-				</div>
-				<div ng-if="option.__type == 'JsonString'">
-					<textarea type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-					</textarea>
-				</div>
-				<div ng-if="option.__type == 'Long'">
-					<input type="number" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-				</div>
-                <div ng-if="option.__type == 'StringArray'" ng-repeat="value in values[option.__name] track by $index">
-					<div class="input-group mb-1 {{'property-' + option.__name}}">
-						<input type="text" class="form-control" placeholder="{{option.__hint}}"  ng-model="values[option.__name][$index]" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-						<span class="input-group-btn btn-group-sm">
-							<button type="button" ng-disabled="values[option.__name].length == 1" class="btn btn-link" popover="Delete {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="deleteOption($index, values[option.__name])">
-								<em class="icon-minus"></em>
-							</button>
-							<button type="button" class="btn btn-link" popover="Add {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="addOption($index, values[option.__name])">
-								<em class="icon-plus"></em>
-							</button>
-						</span>
-               		</div>
-                </div>
-                <div ng-if="option.__type == 'OptionArray'">
-					<div ng-repeat="field in values[option.__name] track by $index" ng-init="fieldIndex = $index" class="row">
-						<div class="col-xs-11">
-							<fieldset class="bg-lightgray mb-1 p-1">
-								<div class="form-group row {{'child-property-' + child.__name}}" ng-repeat="child in option.__childOptions | filter: {__type: '!Boolean'}: true" >
-									<label class="col-xs-3"
-										ng-class="{'col-form-label': true, 'font-weight-bold':child.__required }">{{child.__label}}<sup ng-if="child.__required">*</sup></label>
-									<div class="col-xs-9">
-										<div ng-if="child.__type == 'String'">
-											<input type="text" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name]" ng-required="child.__required"  popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
-										</div>
-										<div ng-if="child.__type == 'Long'">
-											<input type="number" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name]" ng-required="child.__required"  popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
-										</div>
-										<div class="input-group mb-1" ng-if="child.__type == 'StringArray'" ng-repeat="value in values[option.__name][fieldIndex][child.__name] track by $index">
-											<input type="text" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name][$index]" ng-required="child.__required"  popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
-											<span class="input-group-btn btn-group-sm">
-												<button type="button" ng-disabled="values[option.__name][fieldIndex][child.__name].length == 1" class="btn btn-link btn-sm" popover="{{'delete.connector.delete.btn' | translate}} {{child.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteOption($index, values[option.__name][fieldIndex][child.__name])" >
-													<em class="icon-minus"></em>
-												</button>
-												<button type="button" class="btn btn-link btn-sm" popover="{{'common.add' | translate}} {{child.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="addOption($index, values[option.__name][fieldIndex][child.__name])">
-													<em class="icon-plus"></em>
-												</button>
-											</span>
-										</div>
-										<div ng-if="child.__type == 'OptionArray'" class="col-form-label">
-											<em>{{'nested.objects.error' | translate}}</em>
-										</div>
-									</div>
-								</div>
-								<div class="form-group row">
-									<div class="col-xs-3"></div>
-									<div class="col-xs-9">
-										<label ng-repeat="child in option.__childOptions | filter: {__type: 'Boolean'}: true" class="mr-1"
-											   popover="{{boolean.__description}}" popover-trigger="mouseenter" popover-placement="bottom">
-											<input type="checkbox" ng-model="values[option.__name][fieldIndex][child.__name]"> {{child.__label}}
-										</label>
-									</div>
-								</div>
-							</fieldset>
-						</div>
-						<div class="col-xs-1 p-0" style="margin-left: -1rem">
-							<span class="input-group-btn btn-group-sm">
-							<button type="button" ng-disabled="values[option.__name].length == 1" class="btn btn-link" popover="{{'delete.field.popover' | translate}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteOption($index, values[option.__name])">
-								<em class="icon-minus"></em>
-							</button>
-							<button type="button" class="btn btn-link" popover="{{'add.field.popover' | translate}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addField($index, option.__name)">
-								<em class="icon-plus"></em>
-							</button>
-							</span>
-						</div>
-               		</div>
+            <div class="form-group row">
+                <label class="col-xs-2 col-form-label">{{'name.simple.label' | translate}}<sup>*</sup></label>
+                <div class="col-xs-10 connector-name-field">
+                    <input type="text" class="form-control" placeholder="{{'connector.name' | translate}}" ng-model="name" required uib-popover="{{'connector.name.popover' | translate}}" popover-trigger="focus" popover-placement="bottom">
                 </div>
-				<div ng-if="option.__type == 'Map'" ng-show="values[option.__name].length === 0">
-					<div class="col-form-label mb-1">
-						<label><em>{{'no.sentence.beginning' | translate}} {{option.__label}} {{'added.label' | translate}}</em></label>
-						<span class="btn-group-sm">
-							<button type="button" class="btn btn-link" popover="{{'common.add' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="addMapOption($index, values[option.__name])">
-								<em class="icon-plus"></em>
-							</button>
-						</span>
-					</div>
-				</div>
-				<div ng-if="option.__type == 'Map'" ng-repeat="kv in values[option.__name] track by $index">
-					<div class="input-group mb-1">
-						<div class="row">
-							<div class="col-xs-6">
-								<input type="text" class="form-control" placeholder="{{'key.label' | translate}}"  ng-model="kv.key" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-							</div>
-							<div class="col-xs-6">
-								<input type="text" class="form-control" placeholder="{{'value.label' | translate}}"  ng-model="kv.value" ng-required="option.__required" popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
-							</div>
-						</div>
-						<span class="input-group-btn btn-group-sm">
-							<button type="button" ng-disabled="values[option.__name].length == 0" class="btn btn-link" popover="{{'delete.connector.delete.btn' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="deleteMapOption($index, values[option.__name])">
-								<em class="icon-minus"></em>
-							</button>
-							<button type="button" class="btn btn-link" popover="{{'common.add' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom"  ng-click="addMapOption($index, values[option.__name])">
-								<em class="icon-plus"></em>
-							</button>
-						</span>
-					</div>
-				</div>
             </div>
 
-		</div>
-
-	</div>
-
+            <div class="form-group row" ng-repeat="option in options" ng-hide="option.__hidden">
+                <label class="col-xs-2"
+                       ng-class="{'col-form-label': option.__type != 'Boolean', 'font-weight-bold':option.__required }">{{option.__label}}<sup ng-if="option.__required">*</sup></label>
+                <div class="col-xs-10">
+                    <div ng-if="option.__type == 'Boolean'" class="form-check">
+                        <label class="form-check-label" uib-popover="{{option.__description}}" popover-trigger="mouseenter" popover-placement="bottom">
+                            <input class="form-check-input" type="checkbox" ng-model="values[option.__name]">
+                        </label>
+                    </div>
+                    <div ng-if="option.__type == 'String'">
+                        <input type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                    </div>
+                    <div ng-if="option.__type == 'BigString'">
+                    <textarea type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                    </textarea>
+                    </div>
+                    <div ng-if="option.__type == 'JsonString'">
+                    <textarea type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                    </textarea>
+                    </div>
+                    <div ng-if="option.__type == 'Long'">
+                        <input type="number" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name]" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                    </div>
+                    <div ng-if="option.__type == 'StringArray'" ng-repeat="value in values[option.__name] track by $index">
+                        <div class="input-group mb-1 {{'property-' + option.__name}}">
+                            <input type="text" class="form-control" placeholder="{{option.__hint}}" ng-model="values[option.__name][$index]" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                            <span class="input-group-btn btn-group-sm">
+                            <button type="button" ng-disabled="values[option.__name].length == 1" class="btn btn-link" uib-popover="{{'delete.connector.delete.btn' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteOption($index, values[option.__name])">
+                                <em class="icon-minus"></em>
+                            </button>
+                            <button type="button" class="btn btn-link" uib-popover="{{'common.add' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addOption($index, values[option.__name])">
+                                <em class="icon-plus"></em>
+                            </button>
+                        </span>
+                        </div>
+                    </div>
+                    <div ng-if="option.__type == 'OptionArray'">
+                        <div ng-repeat="field in values[option.__name] track by $index" ng-init="fieldIndex = $index" class="row">
+                            <div class="col-xs-11">
+                                <fieldset class="bg-lightgray mb-1 p-1">
+                                    <div class="form-group row {{'child-property-' + child.__name}}" ng-repeat="child in option.__childOptions | filter: {__type: '!Boolean'}: true">
+                                        <label class="col-xs-3"
+                                               ng-class="{'col-form-label': true, 'font-weight-bold':child.__required }">{{child.__label}}<sup ng-if="child.__required">*</sup></label>
+                                        <div class="col-xs-9">
+                                            <div ng-if="child.__type == 'String'">
+                                                <input type="text" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name]" ng-required="child.__required" uib-popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
+                                            </div>
+                                            <div ng-if="child.__type == 'BigString'">
+                                                <textarea type="text" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name]" ng-required="child.__required" uib-popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom"></textarea>
+                                            </div>
+                                            <div ng-if="child.__type == 'Long'">
+                                                <input type="number" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name]" ng-required="child.__required" uib-popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
+                                            </div>
+                                            <div class="input-group mb-1" ng-if="child.__type == 'StringArray'" ng-repeat="value in values[option.__name][fieldIndex][child.__name] track by $index">
+                                                <input type="text" class="form-control" placeholder="{{child.__hint}}" ng-model="values[option.__name][fieldIndex][child.__name][$index]" ng-required="child.__required" uib-popover="{{child.__description}}" popover-trigger="focus" popover-placement="bottom">
+                                                <span class="input-group-btn btn-group-sm">
+                                                <button type="button" ng-disabled="values[option.__name][fieldIndex][child.__name].length == 1" class="btn btn-link btn-sm" uib-popover="{{'delete.connector.delete.btn' | translate}} {{child.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteOption($index, values[option.__name][fieldIndex][child.__name])">
+                                                    <em class="icon-minus"></em>
+                                                </button>
+                                                <button type="button" class="btn btn-link btn-sm" uib-popover="{{'common.add' | translate}} {{child.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addOption($index, values[option.__name][fieldIndex][child.__name])">
+                                                    <em class="icon-plus"></em>
+                                                </button>
+                                            </span>
+                                            </div>
+                                            <div ng-if="child.__type == 'OptionArray'" class="col-form-label">
+                                                <em>{{'nested.objects.error' | translate}}</em>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="form-group row">
+                                        <div class="col-xs-3"></div>
+                                        <div class="col-xs-9">
+                                            <label ng-repeat="child in option.__childOptions | filter: {__type: 'Boolean'}: true" class="mr-1"
+                                                   uib-popover="{{boolean.__description}}" popover-trigger="mouseenter" popover-placement="bottom">
+                                                <input type="checkbox" ng-model="values[option.__name][fieldIndex][child.__name]"> {{child.__label}}
+                                            </label>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </div>
+                            <div class="col-xs-1 p-0" style="margin-left: -1rem">
+                            <span class="input-group-btn btn-group-sm">
+                            <button type="button" ng-disabled="values[option.__name].length == 1" class="btn btn-link" uib-popover="{{'delete.field.popover' | translate}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteOption($index, values[option.__name])">
+                                <em class="icon-minus"></em>
+                            </button>
+                            <button type="button" class="btn btn-link" uib-popover="{{'add.field.popover' | translate}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addField($index, option.__name)">
+                                <em class="icon-plus"></em>
+                            </button>
+                            </span>
+                            </div>
+                        </div>
+                    </div>
+                    <div ng-if="option.__type == 'Map'" ng-show="values[option.__name].length === 0">
+                        <div class="col-form-label mb-1">
+                            <label><em>{{'no.sentence.beginning' | translate}} {{option.__label}} {{'added.label' | translate}}</em></label>
+                            <span class="btn-group-sm">
+                            <button type="button" class="btn btn-link" uib-popover="{{'common.add' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addMapOption($index, values[option.__name])">
+                                <em class="icon-plus"></em>
+                            </button>
+                        </span>
+                        </div>
+                    </div>
+                    <div ng-if="option.__type == 'Map'" ng-repeat="kv in values[option.__name] track by $index">
+                        <div class="input-group mb-1">
+                            <div class="row">
+                                <div class="col-xs-6">
+                                    <input type="text" class="form-control" placeholder="{{'key.label' | translate}}" ng-model="kv.key" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                                </div>
+                                <div class="col-xs-6">
+                                    <input type="text" class="form-control" placeholder="{{'value.label' | translate}}" ng-model="kv.value" ng-required="option.__required" uib-popover="{{option.__description}}" popover-trigger="focus" popover-placement="bottom">
+                                </div>
+                            </div>
+                            <span class="input-group-btn btn-group-sm">
+                            <button type="button" ng-disabled="values[option.__name].length == 0" class="btn btn-link" uib-popover="{{'delete.connector.delete.btn' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="deleteMapOption($index, values[option.__name])">
+                                <em class="icon-minus"></em>
+                            </button>
+                            <button type="button" class="btn btn-link" uib-popover="{{'common.add' | translate}} {{option.__label | singular}}" popover-trigger="mouseenter" popover-placement="bottom" ng-click="addMapOption($index, values[option.__name])">
+                                <em class="icon-plus"></em>
+                            </button>
+                        </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
 </div>
 <div class="modal-footer">
-	<button type="button" class="btn btn-link pull-left" ng-click="viewQuery()">{{'view.sparql.query' | translate}}</button>
-	<button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
-	<button type="submit" class="btn btn-primary create-connector-btn">{{'common.ok.btn' | translate}}</button>
+        <button type="button" class="btn btn-link pull-left" ng-click="viewQuery()">{{'view.sparql.query' | translate}}</button>
+        <button type="button" class="btn btn-secondary" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+        <button type="submit" form="connectorForm" class="btn btn-primary create-connector-btn" ng-click="ok()">{{'common.ok.btn' | translate}}</button>
 </div>
-</form>

package/dist/pages/dependencies.html

@@ -1,4 +1,4 @@
-<link href="css/dependencies.css?v=10.0.0-M2-1" rel="stylesheet">
+<link href="css/dependencies.css?v=10.5.1" rel="stylesheet">
 
 
 <title>Explore Class Dependencies</title>
@@ -6,10 +6,10 @@
 <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 class="top-offset" core-errors fedx license></div>
@@ -25,9 +25,9 @@
             <button id="graphsBtnGroup" type="button" class="btn btn-lg btn-secondary dropdown-toggle"
                     data-toggle="dropdown"
                     aria-expanded="false">
-                <a dropdown-toggle>
-                    <span tooltip-trigger="mouseenter" tooltip-placement="bottom" tooltip="{{'select.graph.label' | translate}}">
-                        {{getSelectedGraphValue()}}
+                <a uib-dropdown-toggle>
+                    <span tooltip-placement="bottom" gdb-tooltip="{{'select.graph.label' | translate}}">
+                        {{getSelectedGraphValue() | translate}}
                     </span>
                 </a>
             </button>
@@ -35,32 +35,29 @@
                 <li ng-repeat="graph in graphsInRepo" ng-if="graph.contextID.value !== getSelectedGraphValue()">
                     <a class="dropdown-item" ng-click="selectGraph(graph)">
                         <span class="multiline-text">
-						    {{graph.contextID.value}} <br/>
+						    {{graph.contextID.value | translate}} <br/>
 					    </span>
                     </a>
                 </li>
             </ul>
         </div>
         <button class="btn btn-link p-0 remove-all-classes-btn" type="button"
-                 ng-show="allNotFilteredClasses.length > 0"
-               ng-click="removeAllClasses()"
-               tooltip="{{'remove.classes.label' | translate}}"
-               tooltip-trigger="mouseenter"
-               tooltip-placement="bottom">
+                ng-show="allNotFilteredClasses.length > 0"
+                ng-click="removeAllClasses()"
+                gdb-tooltip="{{'remove.classes.label' | translate}}"
+                tooltip-placement="bottom">
              <em class="icon-close icon-2x"></em>
          </button>
         <button class="btn btn-link p-0 reload-diagram-btn" type="button"
-             tooltip="{{'reload.diagram.tooltip' | translate}}"
-              tooltip-placement="bottom"
-              tooltip-trigger="mouseenter"
-              ng-click="confirmCalculateDependencies()">
+                gdb-tooltip="{{'reload.diagram.tooltip' | translate}}"
+                tooltip-placement="bottom"
+                ng-click="confirmCalculateDependencies()">
             <em class="icon-reload icon-2x refresh-button" ></em>
         </button>
         <a href id="download-svg" class="btn btn-link p-0 export-diagram-btn"
            ng-show="allNotFilteredClasses.length > 0"
-           tooltip="{{'export.diagram.tooltip' | translate}}"
-              tooltip-placement="bottom"
-              tooltip-trigger="mouseenter">
+           gdb-tooltip="{{'export.diagram.tooltip' | translate}}"
+           tooltip-placement="bottom">
             <em class="icon-export icon-2x"></em>
         </a>
     </div>
@@ -100,7 +97,7 @@
                             filter-function="classFilterFunc"
                             list-items-obj="allClasses"
                             list-items-not-filtered="allNotFilteredClasses"
-                            search-placeholder="Filter classes">
+                            search-placeholder="{{'filter.classes.placeholder' | translate}}">
                     </list-items-search-filter>
                 </div>
                 <div class="row direction-filter">
@@ -138,7 +135,7 @@
                                 {{(mode == "all") ? class.inConnectionsSum + class.outConnectionsSum -
                                 class.selfConnections : class.inConnectionsSum + class.outConnectionsSum | humanize}}
                             </div>
-                            <div class="related-arrow col-sm-1 col-md-1" tooltip="{{'related.classes.label' | translate}}" tooltip-trigger="mouseenter"
+                            <div class="related-arrow col-sm-1 col-md-1" gdb-tooltip="{{'related.classes.label' | translate}}"
                                  ng-click="showClass(class)">
                                 <em class="fa fa-exchange pointer related-classes"
                                    ng-show="class.inConnectionsSum > 0 && class.outConnectionsSum > 0"></em>
@@ -149,11 +146,10 @@
                             </div>
                         </div>
                         <div class="plusminus col-sm-1 col-md-1">
-                            <div ng-show="!isClassByNameShown(class.name)" ng-click="addClass(class)" tooltip="{{'add.class.label' | translate}}" tooltip-trigger="mouseenter">
+                            <div ng-show="!isClassByNameShown(class.name)" ng-click="addClass(class)" gdb-tooltip="{{'add.class.label' | translate}}">
                                 <em class="fa fa-plus" role="button"></em>
                             </div>
-                            <div ng-show="isClassByNameShown(class.name)" ng-click="removeClass(class)" tooltip="{{'remove.class.label' | translate}}"
-                                  tooltip-trigger="mouseenter">
+                            <div ng-show="isClassByNameShown(class.name)" ng-click="removeClass(class)" gdb-tooltip="{{'remove.class.label' | translate}}">
                                 <em class="fa fa-minus-circle" role="button"></em>
                             </div>
                         </div>
@@ -192,11 +188,10 @@
                             </div>
                         </div>
                         <div class="plusminus col-sm-1 col-md-1">
-                            <div ng-show="!isClassByNameShown(connection.dependencyClass)" ng-click="addClassByName(connection.dependencyClass)" tooltip="{{'add.class.label' | translate}}" tooltip-trigger="mouseenter">
+                            <div ng-show="!isClassByNameShown(connection.dependencyClass)" ng-click="addClassByName(connection.dependencyClass)" gdb-tooltip="{{'add.class.label' | translate}}">
                                 <em class="fa fa-plus" role="button"></em>
                             </div>
-                            <div ng-show="isClassByNameShown(connection.dependencyClass)" ng-click="removeClassByName(connection.dependencyClass)" tooltip="{{'remove.class.label' | translate}}"
-                                 tooltip-trigger="mouseenter">
+                            <div ng-show="isClassByNameShown(connection.dependencyClass)" ng-click="removeClassByName(connection.dependencyClass)" gdb-tooltip="{{'remove.class.label' | translate}}">
                                 <em class="fa fa-minus-circle" role="button"></em>
                             </div>
                         </div>
@@ -209,12 +204,9 @@
         </div>
 
         <div class="col-sm-7 col-lg-8 text-center">
-            <div dependencies-chord
+            <div dependencies-chord class="dependencies-chord"
                  dependencies-data="dependenciesData"
                  ng-show="status == 'READY' && selectedClasses.length > 1 && dependenciesData.hasLinks"></div>
         </div>
-
     </div>
-
-
 </div>

package/dist/pages/domainRangeInfo.html

@@ -1,5 +1,5 @@
-<link href="css/domain-range-graph.css?v=10.0.0-M2-1" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=10.0.0-M2-1" rel="stylesheet"/>
+<link href="css/domain-range-graph.css?v=10.5.1" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=10.5.1" rel="stylesheet"/>
 
 <title>Explore Data Graph</title>
 
@@ -7,36 +7,33 @@
     {{title}}
     <span class="btn btn-link"
           ng-class="{ 'help-button': showExternalElements, 'help-button-disabled': !showExternalElements && !(!loader && !classHierarchyData.children.length) }"
-          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 class="explore">
     <div class="toolbar-holder pull-right"
          ng-class="{ 'pushed-toolbar': showPredicatesInfoPanel }">
         <button class="btn btn-link p-0" type="button"
-			ng-click="goToClassHierarchyView()"
-			tooltip="{{'back.to.class.hierarchy.label' | translate}}"
-			tooltip-placement="bottom"
-			tooltip-trigger="mouseenter">
+                ng-click="goToClassHierarchyView()"
+                gdb-tooltip="{{'back.to.class.hierarchy.label' | translate}}"
+                tooltip-placement="bottom">
             <em class="icon-arrow-left icon-2x"></em>
         </button>
 
-		<button class="btn btn-link p-0 compact-mode-toggle" type="button"
-			ng-click="toggleCollapseEdgesState()"
-			tooltip="{{collapseEdges ? 'show.preds' : 'show.collapsed.preds' | translate}}"
-			tooltip-placement="bottom"
-			tooltip-trigger="mouseenter">
-			<em class="fa fa-2x"
-				ng-class="{'fa-toggle-off': collapseEdges, 'fa-toggle-on':!collapseEdges}"></em>
+        <button class="btn btn-link p-0 compact-mode-toggle" type="button"
+                ng-click="toggleCollapseEdgesState()"
+                gdb-tooltip="{{collapseEdges ? 'show.preds' : 'show.collapsed.preds' | translate}}"
+                tooltip-placement="bottom">
+            <em class="fa fa-2x"
+                ng-class="{'fa-toggle-off': collapseEdges, 'fa-toggle-on':!collapseEdges}"></em>
         </button>
 
-		<a id="download-svg" href class="btn btn-link p-0"
-			tooltip="{{'export.diagram.tooltip' | translate}}"
-			tooltip-placement="bottom"
-			tooltip-trigger="mouseenter">
+        <a id="download-svg" href class="btn btn-link p-0"
+           gdb-tooltip="{{'export.diagram.tooltip' | translate}}"
+           tooltip-placement="bottom">
 			<em class="icon-export icon-2x"></em>
 		</a>
     </div>

package/dist/pages/edit.html

@@ -1,4 +1,4 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=10.0.0-M2-1" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=10.5.1" rel="stylesheet">
 
 <div core-errors></div>
 <div class="page" ng-show="getActiveRepository()">
@@ -8,10 +8,10 @@
         </div>
         <h1>
             {{'edit' | translate}}
-            <a href="{{details.uri}}" tooltip="{{details.uri}}" tooltip-trigger="mouseenter">
+            <a href="{{details.uri}}" gdb-tooltip="{{details.uri}}">
                 {{details.label ? details.label : getLocalName(details.uri)}}
             </a>
-            <a class="btn btn-link" tooltip="{{'common.cancel.btn' | translate}}" href="resource?uri={{details.encodeURI}}"><em class="icon-close"></em></a>
+            <a class="btn btn-link" gdb-tooltip="{{'common.cancel.btn' | translate}}" href="resource?uri={{details.encodeURI}}"><em class="icon-close"></em></a>
         </h1>
 
         <p ng-show="{{details.comment}}" data-escape="false">{{details.comment}}</p>
@@ -151,11 +151,11 @@
                         <form editable-form name="rowform" class="form-buttons form-inline" ng-show="rowform.$visible"
                               shown="inserted == statement">
                             <button type="submit" ng-disabled="rowform.$waiting" class="btn btn-link px-0"
-                                    tooltip="{{'common.save.btn' | translate}}">
+                                    gdb-tooltip="{{'common.save.btn' | translate}}">
                                 <em class="icon-check"></em>
                             </button>
                             <button type="button" ng-disabled="rowform.$waiting" ng-click="rowform.$cancel()"
-                                    class="btn btn-link px-0 secondary" tooltip="{{'common.cancel.btn' | translate}}">
+                                    class="btn btn-link px-0 secondary" gdb-tooltip="{{'common.cancel.btn' | translate}}">
                                 <em class="icon-close"></em>
                             </button>
                         </form>
@@ -174,16 +174,16 @@
     </div>
     <div class="text-xs-right">
 		<button class="btn btn-secondary"
-			ng-disabled="statements.length == 0"
-			tooltip="{{'view.resource.trig.format.tooltip' | translate}}"
-			ng-click="viewTrig()">
-			{{'view.trig.format.label' | translate}}
-		</button>
-		<button class="btn btn-primary"
-			tooltip="{{'save.changes.label' | translate}}"
-			ng-click="save()">
-			{{'common.save.btn' | translate}}
-		</button>
+                ng-disabled="statements.length == 0"
+                gdb-tooltip="{{'view.resource.trig.format.tooltip' | translate}}"
+                ng-click="viewTrig()">
+            {{'view.trig.format.label' | translate}}
+        </button>
+        <button class="btn btn-primary"
+                gdb-tooltip="{{'save.changes.label' | translate}}"
+                ng-click="save()">
+            {{'common.save.btn' | translate}}
+        </button>
     </div>
 </div>