graphdb-workbench 2.3.1 → 2.4.0-RC1

package/dist/pages/aclmanagement.html

@@ -0,0 +1,175 @@
+<link href="css/aclmanagement.css?v=2.4.0-RC1" rel="stylesheet"/>
+
+<div class="acl-management-view">
+    <h1 id="acl-management-view-title">
+        <span>{{title}}</span>
+        <span class="btn btn-link"
+              uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
+              popover-trigger="mouseenter"
+              popover-placement="bottom-right"
+              popover-append-to-body="true"><span class="icon-info"></span></span>
+    </h1>
+
+    <div core-errors></div>
+
+    <div class="acl-management-container">
+        <div ng-if="rulesModel" class="table-responsive">
+            <form name="ruleData" novalidate>
+                <table class="acl-rules table table-striped table-hover" aria-describedby="ACL rules table">
+                    <thead>
+                    <tr>
+                        <th scope="col" class="index-column">{{'acl_management.rulestable.column.index' | translate}}
+                        </th>
+                        <th scope="col" class="reorder-column"></th>
+                        <th scope="col" class="subject-column">{{'acl_management.rulestable.column.subject' | translate}}
+                        </th>
+                        <th scope="col" class="predicate-column">
+                            {{'acl_management.rulestable.column.predicate' | translate}}
+                        </th>
+                        <th scope="col" class="object-column">
+                            {{'acl_management.rulestable.column.object' | translate}}
+                        </th>
+                        <th scope="col" class="context-column">{{'acl_management.rulestable.column.context' | translate}}
+                        </th>
+                        <th scope="col" class="role-column">{{'acl_management.rulestable.column.role' | translate}}</th>
+                        <th scope="col" class="policy-column">
+                            {{'acl_management.rulestable.column.policy' | translate}}
+                        </th>
+                        <th scope="col" class="actions-column"></th>
+                    </tr>
+                    <tr>
+                        <th scope="colgroup" colspan="9" class="toolbar">
+                            <div ng-if="editedRuleIndex === undefined" class="pull-right">
+                                <button ng-click="addRule(0)" class="btn btn-link add-rule-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                    <em class="icon-plus"></em>
+                                </button>
+                            </div>
+                        </th>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr ng-hide="!loading">
+                        <td colspan="9">
+                            <div onto-loader-new size="100" style="height: 75vh; display: flex;">
+                            </div>
+                        </td>
+                    </tr>
+                    <tr ng-if="!rulesModel.size()">
+                        <td colspan="9" class="no-data">
+                            {{'acl_management.rulestable.messages.no_data' | translate}}
+                        </td>
+                    </tr>
+                    <tr ng-repeat-start="rule in rulesModel.aclRules track by $index" ng-if="0"></tr>
+                    <tr ng-if="$index !== editedRuleIndex" class="acl-rule preview-rule-row"
+                        ng-class="{'selected': $index === selectedRule || $index === editedRuleIndex}">
+                        <td>{{$index}}</td>
+                        <td class="reorder-cell">
+                            <div ng-if="editedRuleIndex === undefined" class="reorder-actions-group">
+                                <button ng-click="moveUp($index)" ng-if="$index > 0" class="btn btn-link move-up-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.move_up' | translate}}">
+                                    <em class="fa fa-caret-up"></em>
+                                </button>
+                                <button ng-click="moveDown($index)" ng-if="$index < rulesModel.size() - 1"
+                                        class="btn btn-link move-down-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.move_down' | translate}}">
+                                    <em class="fa fa-caret-down"></em>
+                                </button>
+                            </div>
+                        </td>
+                        <td class="subject-cell data">{{rule.subject}}</td>
+                        <td class="predicate-cell data">{{rule.predicate}}</td>
+                        <td class="object-cell data">{{rule.object}}</td>
+                        <td class="context-cell data">{{rule.context}}</td>
+                        <td class="role-cell data">{{rule.role}}</td>
+                        <td class="policy-cell data">{{rule.policy}}</td>
+                        <td class="actions-cell">
+                            <div ng-if="editedRuleIndex === undefined" class="crud-actions-group">
+                                <button ng-click="deleteRule($index)" class="btn btn-link delete-rule-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.delete_rule' | translate}}">
+                                    <em class="icon-trash"></em>
+                                </button>
+                                <button ng-click="editRule($index)" class="btn btn-link edit-rule-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.edit_rule' | translate}}">
+                                    <em class="icon-edit"></em>
+                                </button>
+                                <button ng-click="addRule($index + 1)" class="btn btn-link add-rule-btn"
+                                        gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                    <em class="icon-plus"></em>
+                                </button>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr ng-if="$index === editedRuleIndex" class="acl-rule edit-rule-row"
+                        ng-class="{'selected table-info': $index === editedRuleIndex}">
+                        <td>{{$index}}</td>
+                        <td class="reorder-cell"></td>
+                        <td class="data subject-cell">
+                            <input type="text" name="subject" required autocomplete="off" ng-model="rule.subject"
+                                   class="form-control form-control-sm"
+                                   placeholder="{{'acl_management.rulestable.field_placeholders.subject' | translate}}"/>
+                            <em></em>
+                        </td>
+                        <td class="data predicate-cell">
+                            <input type="text" name="predicate" required autocomplete="off" ng-model="rule.predicate"
+                                   class="form-control form-control-sm"
+                                   placeholder="{{'acl_management.rulestable.field_placeholders.predicate' | translate}}"/>
+                            <em></em>
+                        </td>
+                        <td class="data object-cell">
+                            <input type="text" name="object" required autocomplete="off" ng-model="rule.object"
+                                   class="form-control form-control-sm"
+                                   placeholder="{{'acl_management.rulestable.field_placeholders.object' | translate}}"/>
+                            <em></em>
+                        </td>
+                        <td class="data context-cell">
+                            <input type="text" name="context" required autocomplete="off" ng-model="rule.context"
+                                   class="form-control form-control-sm"
+                                   placeholder="{{'acl_management.rulestable.field_placeholders.context' | translate}}"/>
+                            <em></em>
+                        </td>
+                        <td class="data role-cell">
+                            <input type="text" name="role" required ng-model="rule.role" uppercased
+                                   autocomplete="off" class="form-control form-control-sm"
+                                   placeholder="{{'acl_management.rulestable.field_placeholders.role' | translate}}"/>
+                            <em></em>
+                        </td>
+                        <td class="data policy-cell">
+                            <select ng-model="rule.policy" class="form-control form-control-sm">
+                                <option selected>allow</option>
+                                <option>deny</option>
+                            </select>
+                        </td>
+                        <td class="actions-cell">
+                            <button ng-click="cancelEditing($index)" class="btn btn-link cancel-rule-editing-btn"
+                                    gdb-tooltip="{{'acl_management.rulestable.actions.cancel_rule_editing' | translate}}">
+                                <em class="icon-close"></em>
+                            </button>
+                            <button ng-if="ruleData.$valid" ng-click="saveRule()"
+                                    class="btn btn-link save-rule-btn"
+                                    ng-disabled="!ruleData.$valid"
+                                    gdb-tooltip="{{'acl_management.rulestable.actions.save_rule' | translate}}">
+                                <em class="icon-save"></em>
+                            </button>
+                            <em ng-if="!ruleData.$valid" class="icon-save icon-lg save-rule-disabled-btn"
+                               gdb-tooltip="{{'acl_management.rulestable.messages.invalid_form' | translate}}"></em>
+                        </td>
+                    </tr>
+                    <tr ng-repeat-end ng-if="0"></tr>
+                    </tbody>
+                </table>
+            </form>
+        </div>
+
+        <div ng-if="editedRuleIndex === undefined && rulesModel" class="text-right">
+            <button class="btn btn-secondary cancel-acl-save-btn"
+                    ng-click="cancelAclSave()">
+                {{'acl_management.rulestable.actions.cancel_acl_saving' | translate}}
+            </button>
+            <button class="btn btn-primary save-acl-btn"
+                    ng-click="saveAcl()">
+                {{'acl_management.rulestable.actions.save_acl' | translate}}
+            </button>
+        </div>
+    </div>
+</div>

package/dist/pages/autocomplete.html

@@ -1,4 +1,4 @@
-<link href="css/autocomplete.css?v=2.3.1" rel="stylesheet">
+<link href="css/autocomplete.css?v=2.4.0-RC1" rel="stylesheet">
 <div id="autocomplete" class="page">
 	<h1>
 		{{title}}
@@ -6,7 +6,7 @@
 		   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

package/dist/pages/choose-repository-type.html

@@ -1,4 +1,4 @@
-<link href="css/repository.create.css?v=2.3.1" rel="stylesheet">
+<link href="css/repository.create.css?v=2.4.0-RC1" rel="stylesheet">
 
 <div>
     <h1 class="mb-3">{{pageTitle}}</h1>

package/dist/pages/cluster-management/clusterInfo.html

@@ -1,6 +1,6 @@
-<link href="css/clustermanagement.css?v=2.3.1" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=2.3.1" rel="stylesheet"/>
-<link href="js/lib/d3-tip/d3-tip.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/clustermanagement.css?v=2.4.0-RC1" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=2.4.0-RC1" rel="stylesheet"/>
+<link href="js/lib/d3-tip/d3-tip.css?v=2.4.0-RC1" rel="stylesheet"/>
 
 <title>{{'view.clusterManagement.title' | translate}}</title>
 
@@ -11,7 +11,7 @@
           uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
           popover-trigger="mouseenter"
           popover-placement="bottom"
-          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 onto-loader-new
@@ -23,22 +23,24 @@
 
 <div class="clearfix mb-2 d-flex" ng-if="!loader && clusterConfiguration">
     <div class="action-buttons">
-        <button type="button" class="btn btn-secondary delete-cluster-btn mr-2"
-                ng-click="showDeleteDialog()"
-                gdb-tooltip="{{'cluster_management.buttons.delete_cluster_tooltip' | translate}}"
-                tooltip-placement="bottom">
-            <span class="icon-trash"></span> {{'cluster_management.buttons.delete_cluster' | translate}}
-        </button>
-        <button type="button" class="btn btn-primary add-node-btn" ng-if="currentLeader"
-                ng-click="showAddNodeToClusterDialog()"
-                gdb-tooltip="{{'cluster_management.buttons.add_nodes_btn_tooltip' | translate}}" tooltip-placement="bottom">
-            <span class="icon-plus"></span> {{'cluster_management.buttons.add_nodes_btn' | translate}}
-        </button>
-        <button type="button" class="btn btn-secondary remove-node-btn mr-2" ng-if="currentLeader"
-                ng-click="showRemoveNodesFromClusterDialog()"
-                gdb-tooltip="{{'cluster_management.buttons.remove_nodes_btn_tooltip' | translate}}" tooltip-placement="bottom">
-            <span class="icon-minus"></span> {{'cluster_management.buttons.remove_nodes_btn' | translate}}
-        </button>
+        <div ng-if="isAdmin()" class="buttons-wrapper">
+            <button type="button" class="btn btn-secondary delete-cluster-btn mr-2"
+                    ng-click="showDeleteDialog()"
+                    gdb-tooltip="{{'cluster_management.buttons.delete_cluster_tooltip' | translate}}"
+                    tooltip-placement="bottom">
+                <span class="icon-trash"></span> {{'cluster_management.buttons.delete_cluster' | translate}}
+            </button>
+            <button type="button" class="btn btn-secondary remove-node-btn" ng-if="currentLeader"
+                    ng-click="showRemoveNodesFromClusterDialog()"
+                    gdb-tooltip="{{'cluster_management.buttons.remove_nodes_btn_tooltip' | translate}}" tooltip-placement="bottom">
+                <span class="icon-minus"></span> {{'cluster_management.buttons.remove_nodes_btn' | translate}}
+            </button>
+            <button type="button" class="btn btn-primary add-node-btn mr-2" ng-if="currentLeader"
+                    ng-click="showAddNodeToClusterDialog()"
+                    gdb-tooltip="{{'cluster_management.buttons.add_nodes_btn_tooltip' | translate}}" tooltip-placement="bottom">
+                <span class="icon-plus"></span> {{'cluster_management.buttons.add_nodes_btn' | translate}}
+            </button>
+        </div>
     </div>
     <button class="btn btn-link"
             ng-click="toggleSidePanel()"
@@ -71,7 +73,7 @@
     </div>
 </div>
 
-<div ng-if="!loader" class="nodes">
+<div ng-if="!loader" class="cluster-view">
     <div cluster-graphical-view></div>
     <div id="toggle-legend-button" class="toggle-legend-btn">
         <button class="btn btn-link"
@@ -96,8 +98,8 @@
         <h3 class="hovered-parent">
             {{'cluster_management.cluster_configuration.label' | translate}}
         </h3>
-        <div class="mb-2">
-            <button type="button" class="btn btn-primary delete-cluster-btn"
+        <div class="mb-2" ng-if="isAdmin()">
+            <button type="button" class="btn btn-primary edit-cluster-configuration"
                     ng-if="currentNode.nodeState === NodeState.LEADER"
                     ng-click="showEditConfigurationDialog()"
                     gdb-tooltip="{{'cluster_management.buttons.edit_cluster_tooltip' | translate}}"
@@ -108,7 +110,8 @@
         <div class="datasource mb-1">
             <div class="item clearfix break-word-alt small">
                 {{'cluster_management.cluster_configuration_properties.election_min_timeout' | translate}}
-                <em class="icon-info text-primary" gdb-tooltip="{{'cluster_management.cluster_configuration_properties.election_min_timeout_tooltip' | translate}}"></em>
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.election_min_timeout_tooltip' | translate}}"></em>
             </div>
             <div class="data-value">
                 <span>{{clusterConfiguration.electionMinTimeout | number}}</span>
@@ -117,7 +120,8 @@
         <div class="datasource mb-1">
             <div class="item clearfix break-word-alt small">
                 {{'cluster_management.cluster_configuration_properties.election_range_timeout' | translate}}
-                <em class="icon-info text-primary" gdb-tooltip="{{'cluster_management.cluster_configuration_properties.election_range_timeout_tooltip' | translate}}"></em>
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.election_range_timeout_tooltip' | translate}}"></em>
             </div>
             <div class="data-value">
                 <span>{{clusterConfiguration.electionRangeTimeout | number}}</span>
@@ -126,7 +130,8 @@
         <div class="datasource mb-1">
             <div class="item clearfix break-word-alt small">
                 {{'cluster_management.cluster_configuration_properties.heartbeat_interval' | translate}}
-                <em class="icon-info text-primary" gdb-tooltip="{{'cluster_management.cluster_configuration_properties.heartbeat_interval_tooltip' | translate}}"></em>
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.heartbeat_interval_tooltip' | translate}}"></em>
             </div>
             <div class="data-value">
                 <span>{{clusterConfiguration.heartbeatInterval | number}}</span>
@@ -135,7 +140,8 @@
         <div class="datasource mb-1">
             <div class="item clearfix break-word-alt small">
                 {{'cluster_management.cluster_configuration_properties.message_size_kb' | translate}}
-                <em class="icon-info text-primary" gdb-tooltip="{{'cluster_management.cluster_configuration_properties.message_size_kb_tooltip' | translate}}"></em>
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.message_size_kb_tooltip' | translate}}"></em>
             </div>
             <div class="data-value">
                 <span>{{clusterConfiguration.messageSizeKB | number}}</span>
@@ -144,17 +150,29 @@
         <div class="datasource mb-1">
             <div class="item clearfix break-word-alt small">
                 {{'cluster_management.cluster_configuration_properties.verification_timeout' | translate}}
-                <em class="icon-info text-primary" gdb-tooltip="{{'cluster_management.cluster_configuration_properties.verification_timeout_tooltip' | translate}}"></em>
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.verification_timeout_tooltip' | translate}}"></em>
             </div>
             <div class="data-value">
                 <span>{{clusterConfiguration.verificationTimeout | number}}</span>
             </div>
         </div>
+        <div class="datasource mb-1">
+            <div class="item clearfix break-word-alt small">
+                {{'cluster_management.cluster_configuration_properties.transaction_log_maximum_size_gb' | translate}}
+                <em class="icon-info text-primary"
+                    gdb-tooltip="{{'cluster_management.cluster_configuration_properties.transaction_log_maximum_size_gb_tooltip' | translate}}"></em>
+            </div>
+            <div class="data-value">
+                <span>{{clusterConfiguration.transactionLogMaximumSizeGB | number}}</span>
+            </div>
+        </div>
         <h4>{{'cluster_management.cluster_configuration.nodes_list_label' | translate}}</h4>
         <ul>
             <li ng-repeat="node in clusterModel.nodes">
                 <a class="data-value" href="{{node.endpoint}}" target="_blank">{{node.endpoint}}</a>
-                <div class="small">{{ 'cluster_management.cluster_status.node.rpc_address' | translate }}: <span class="data-value">{{node.address}}</span></div>
+                <div class="small">{{ 'cluster_management.cluster_status.node.rpc_address' | translate }}: <span class="data-value">{{node.address}}</span>
+                </div>
                 <div class="small">{{ 'cluster_management.cluster_status.node.state' | translate }}: <span class="data-value">{{node.nodeState}}</span></div>
             </li>
         </ul>

package/dist/pages/connectorsInfo.html

@@ -5,7 +5,7 @@
               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 write ontop fedx license></div>
     <div onto-loader-new
@@ -24,12 +24,13 @@
         </div>
         <div create-progress ng-show="beingBuiltConnector.inline && beingBuiltConnector.percentDone > 0"></div>
         <div ng-show="!isActiveRepoFedXType() && connectors.length">
-            <div id="connectorManagement" class="mb-3" ng-repeat="connector in connectors">
+            <div id="connectorManagement" class="mb-3" ng-repeat="connector in connectors"
+                 ng-init="keyForDom = connector.key.replace(' ', '-')">
                 <h3>{{connector.key}}</h3>
                 <section class="mb-1">
-                    <div id="accordion-{{connector.key}}" role="tablist" aria-multiselectable="true">
+                    <div id="accordion-{{keyForDom}}" role="tablist" aria-multiselectable="true">
                         <div class="card" ng-repeat="exist in existing[connector.key]">
-                            <div class="card-header" role="tab" id="heading-{{connector.key}}{{$index}}">
+                            <div class="card-header" role="tab" id="heading-{{keyForDom}}{{$index}}">
 								<div class="pull-right">
 									<button class="btn btn-link p-0" type="button"
 										    ng-click="copyConnector(connector, exist)"
@@ -48,15 +49,15 @@
                                     </button>
 								</div>
                                 <h5 class="mb-0">
-                                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion-{{connector.key}}"
-                                       href="#collapse-{{connector.key}}{{$index}}" aria-expanded="false"
-                                       aria-controls="collapse-{{connector.key}}{{$index}}">
+                                    <a class="collapsed" data-toggle="collapse" data-parent="#accordion-{{keyForDom}}"
+                                       href="#collapse-{{keyForDom}}{{$index}}" aria-expanded="false"
+                                       aria-controls="collapse-{{keyForDom}}{{$index}}">
                                         {{exist.name}}
                                     </a>
                                 </h5>
                             </div>
-                            <div id="collapse-{{connector.key}}{{$index}}" class="collapse" role="tabpanel"
-                                 aria-labelledby="heading-{{connector.key}}{{$index}}">
+                            <div id="collapse-{{keyForDom}}{{$index}}" class="collapse" role="tabpanel"
+                                 aria-labelledby="heading-{{keyForDom}}{{$index}}">
                                 <div class="card-block">
                                     <div class="form-horizontal">
                                         <div class="row form-group" ng-repeat="option in getOptions(connector)"

package/dist/pages/create-index.html

@@ -1,10 +1,10 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.3.1" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.4.0-RC1" rel="stylesheet">
 
-<link href="css/lib/yasqe.min.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/lib/yasqe.min.css?v=2.4.0-RC1" rel="stylesheet"/>
 
-<link href="css/new-sparql.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/new-sparql.css?v=2.4.0-RC1" rel="stylesheet"/>
 
-<link href="css/graphs-config.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/graphs-config.css?v=2.4.0-RC1" rel="stylesheet"/>
 
 
 <div class="container-fluid">
@@ -15,7 +15,7 @@
               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></div>
     <div system-repo-warning></div>

package/dist/pages/dependencies.html

@@ -1,4 +1,4 @@
-<link href="css/dependencies.css?v=2.3.1" rel="stylesheet">
+<link href="css/dependencies.css?v=2.4.0-RC1" rel="stylesheet">
 
 
 <title>Explore Class Dependencies</title>
@@ -9,7 +9,7 @@
 	   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>
@@ -41,11 +41,11 @@
                 </li>
             </ul>
         </div>
-            <button class="btn btn-link p-0 remove-all-classes-btn" type="button"
-                    ng-show="allNotFilteredClasses.length > 0"
-                    ng-click="removeAllClasses()"
-                    gdb-tooltip="{{'remove.classes.label' | translate}}"
-                    tooltip-placement="bottom">
+        <button class="btn btn-link p-0 remove-all-classes-btn" type="button"
+                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"
@@ -204,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=2.3.1" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/domain-range-graph.css?v=2.4.0-RC1" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=2.4.0-RC1" rel="stylesheet"/>
 
 <title>Explore Data Graph</title>
 
@@ -10,7 +10,7 @@
           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">

package/dist/pages/edit.html

@@ -1,4 +1,4 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.3.1" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.4.0-RC1" rel="stylesheet">
 
 <div core-errors></div>
 <div class="page" ng-show="getActiveRepository()">

package/dist/pages/explore.html

@@ -1,4 +1,4 @@
-<link href="css/explore.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/explore.css?v=2.4.0-RC1" rel="stylesheet"/>
 <div core-errors></div>
 <div class="page fit-content-on-mobile" ng-show="getActiveRepository()">
     <div class="resource-info" ng-if="!isTripleResource()">

package/dist/pages/export.html

@@ -1,4 +1,4 @@
-<link href="css/export.css?v=2.3.1" rel="stylesheet">
+<link href="css/export.css?v=2.4.0-RC1" rel="stylesheet">
 
 <div id="wb-export">
 
@@ -8,7 +8,7 @@
 			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>
 
 
@@ -49,26 +49,24 @@
 					</label>
 				</div>
 
-
-
 				<div class="clearfix mb-2">
-					<div class="btn-group" uib-dropdown>
-						<button type="button" class="btn btn-primary dropdown-toggle" uib-dropdown-toggle>
-							<span class="icon-export"></span> {{'export.repository.label' | translate}}
-						</button>
-						<ul class="dropdown-menu">
-							<li ng-repeat="format in exportFormats" class="export-repo-format-{{format.name}}"
-								ng-click="exportRepo(format, false);">
-								<span class="dropdown-item">{{format.name}}</span>
-							</li>
-						</ul>
-					</div>
 					<button type="button" class="btn btn-secondary clear-repository-btn"
 							ng-click="dropRepository()"
 							gdb-tooltip="{{'removes.data.from.repo.label' | translate}}" tooltip-placement="top"
 							ng-disabled="!canWriteActiveRepo(true)">
 						<span class="icon-trash"></span> {{'clear.repo.label' | translate}}
 					</button>
+                    <div class="btn-group" uib-dropdown>
+                        <button type="button" class="btn btn-primary dropdown-toggle" uib-dropdown-toggle>
+                            <span class="icon-export"></span> {{'export.repository.label' | translate}}
+                        </button>
+                        <ul class="dropdown-menu">
+                            <li ng-repeat="format in exportFormats" class="export-repo-format-{{format.name}}"
+                                ng-click="exportRepo(format, false);">
+                                <span class="dropdown-item">{{format.name}}</span>
+                            </li>
+                        </ul>
+                    </div>
 					<div class="pull-right">
 						<div ng-show="pageSize >= filteredGraphs.length"></div>
                         <div paginations ng-hide="pageSize >= filteredGraphs.length"
@@ -89,9 +87,10 @@
 										<input class="form-check-input" type="checkbox" ng-model="selectedAll" ng-click="checkAll()">
 									</label>
 									<div class="btn-group btn-group-sm" uib-dropdown>
+										<!-- Keep the closing button tag right after the closing span tag, otherwise
+											 an extra space is rendered in HTML -->
 										<button type="button" class="btn btn-link dropdown-toggle" uib-dropdown-toggle gdb-tooltip="{{'export.selected.graphs.tooltip' | translate}}" ng-disabled="!hasMultipleSelected()">
-											<span class="icon-export"></span>
-										</button>
+											<span class="icon-export"></span></button>
 										<ul class="dropdown-menu" role="menu">
 											<li ng-repeat="format in exportFormats"
 												ng-click="exportSelectedGraphs(format)">
@@ -133,10 +132,11 @@
 							<td>
 
 								<div class="btn-group" uib-dropdown>
+									<!-- Keep the closing button tag right after the closing span tag, otherwise
+										 an extra space is rendered in HTML -->
 									<button type="button" class="btn btn-link dropdown-toggle" uib-dropdown-toggle gdb-tooltip="{{'export.graph.label' | translate}}"
-                                            ng-disabled="!graph.contextID.uri">
-										<span class="icon-export"></span>
-									</button>
+											ng-disabled="!graph.contextID.uri">
+										<span class="icon-export"></span></button>
 									<ul class="dropdown-menu" role="menu">
 										<li ng-repeat="format in exportFormats"
 											ng-click="exportRepo(format, graph.contextID);">

package/dist/pages/find.html

@@ -1,4 +1,4 @@
-<link href="css/find.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/find.css?v=2.4.0-RC1" rel="stylesheet"/>
 
 <div class="page">
 	<h1>
@@ -7,7 +7,7 @@
 		   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></div>
     <form class="form-horizontal" name="form" novalidate ng-submit="submit()" ng-show="getActiveRepository()">