graphdb-workbench 2.6.0-TR7 → 2.6.0

package/dist/pages/aclmanagement.html

@@ -1,5 +1,5 @@
-<link href="css/aclmanagement.css?v=2.6.0-TR7" rel="stylesheet"/>
-<link href="css/autocomplete-select.css?v=2.6.0-TR7" rel="stylesheet"/>
+<link href="css/aclmanagement.css?v=2.6.0" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=2.6.0" rel="stylesheet"/>
 
 <div class="acl-management-view">
     <h1 id="acl-management-view-title">
@@ -18,28 +18,34 @@
             <div class="pull-right">
                 <button ng-click="addRule(activeTabScope, 0)" ng-disabled="editedRuleIndex !== undefined"
                         class="btn btn-primary add-first-rule-btn"
-                        gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
-                    <em class="icon-plus"></em> Create rule
+                        gdb-tooltip="{{'acl_management.rulestable.actions.add_rule_first' | translate}}">
+                    <em class="icon-plus"></em>{{'acl_management.rulestable.actions.create_rule' | translate}}
                 </button>
             </div>
             <ul class="nav nav-tabs acl-tabs">
-                <li class="resource-tab nav-item">
-                    <span class="nav-link" ng-click="switchTab(ACL_SCOPE.STATEMENT)" ng-class="activeTabScope === ACL_SCOPE.STATEMENT ? 'active':''">{{'acl_management.rulestable.tab.statement' | translate}} <span class="dirty-scope" ng-if="dirtyScope.has(ACL_SCOPE.STATEMENT)">*</span></span>
+                <li class="statement-tab nav-item">
+                    <a href="#" class="nav-link"
+                          ng-click="switchTab($event, ACL_SCOPE.STATEMENT)"
+                          ng-class="{'active': activeTabScope === ACL_SCOPE.STATEMENT, 'disabled': editedRuleIndex !== undefined}"><span>{{'acl_management.rulestable.tab.statement' | translate}}</span><i class="text-primary icon-exclamation" ng-if="dirtyScope.has(ACL_SCOPE.STATEMENT)"></i></a>
                 </li>
-                <li class="performance-tab nav-item">
-                    <span class="nav-link" ng-click="switchTab(ACL_SCOPE.CLEAR_GRAPH)" ng-class="activeTabScope === ACL_SCOPE.CLEAR_GRAPH ? 'active':''">{{'acl_management.rulestable.tab.clear_graph' | translate}} <span class="dirty-scope" ng-if="dirtyScope.has(ACL_SCOPE.CLEAR_GRAPH)">*</span></span>
+                <li class="clear-graph-tab nav-item">
+                    <a href="#" class="nav-link"
+                          ng-click="switchTab($event, ACL_SCOPE.CLEAR_GRAPH)"
+                          ng-class="{'active': activeTabScope === ACL_SCOPE.CLEAR_GRAPH, 'disabled': editedRuleIndex !== undefined}"><span>{{'acl_management.rulestable.tab.clear_graph' | translate}}</span><i class="text-primary icon-exclamation" ng-if="dirtyScope.has(ACL_SCOPE.CLEAR_GRAPH)"></i></a>
                 </li>
-                <li class="cluster-tab nav-item">
-                    <span class="nav-link" ng-click="switchTab(ACL_SCOPE.PLUGIN)" ng-class="activeTabScope === ACL_SCOPE.PLUGIN ? 'active':''">{{'acl_management.rulestable.tab.plugin' | translate}} <span class="dirty-scope" ng-if="dirtyScope.has(ACL_SCOPE.PLUGIN)">*</span></span>
+                <li class="plugin-tab nav-item">
+                    <a href="#" class="nav-link" ng-click="switchTab($event, ACL_SCOPE.PLUGIN)"
+                          ng-class="{'active': activeTabScope === ACL_SCOPE.PLUGIN, 'disabled': editedRuleIndex !== undefined}"><span>{{'acl_management.rulestable.tab.plugin' | translate}}</span><i class="text-primary icon-exclamation" ng-if="dirtyScope.has(ACL_SCOPE.PLUGIN)"></i></a>
                 </li>
-                <li class="cluster-tab nav-item">
-                    <span class="nav-link" ng-click="switchTab(ACL_SCOPE.SYSTEM)" ng-class="activeTabScope === ACL_SCOPE.SYSTEM ? 'active':''">{{'acl_management.rulestable.tab.system' | translate}} <span class="dirty-scope" ng-if="dirtyScope.has(ACL_SCOPE.SYSTEM)">*</span></span>
+                <li class="system-tab nav-item">
+                    <a href="#" class="nav-link" ng-click="switchTab($event, ACL_SCOPE.SYSTEM)"
+                          ng-class="{'active': activeTabScope === ACL_SCOPE.SYSTEM, 'disabled': editedRuleIndex !== undefined}"><span>{{'acl_management.rulestable.tab.system' | translate}}</span><i class="text-primary icon-exclamation" ng-if="dirtyScope.has(ACL_SCOPE.SYSTEM)"></i></a>
                 </li>
             </ul>
             <div ng-if="loading" onto-loader-new size="100" style="height: 75vh; display: flex;"></div>
 
-            <div ng-if="!loading" class="acl-scope-tabs">
-                <div class="tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.STATEMENT" id="statementTab">
+            <div ng-if="!loading" class="acl-scope-tabs" ng-class="isEditMode() ? 'edit-mode': 'preview-mode'">
+                <div class="table-responsive tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.STATEMENT" id="statementTab">
                     <form name="ruleData" novalidate ng-if="rulesModel.getRulesByScope(activeTabScope) && !loading">
                         <table class="acl-rules table table-striped table-hover" aria-describedby="ACL rules table">
                             <thead>
@@ -102,7 +108,8 @@
                                         </span>
                                     </td>
                                     <td class="role-cell data">
-                                        <span class="acl-tag" ng-class="rule.roleWithoutCustomPrefix[0] === '!' ? 'acl-tag-role-negated' : 'acl-tag-role'">
+                                        <span class="acl-tag"
+                                              ng-class="{'acl-tag-role-negated': rule.roleWithoutCustomPrefix[0] === '!', 'acl-tag-role': rule.roleWithoutCustomPrefix[0] !== '!', 'wildcard-cell': rule.role === '*'}">
                                             {{rule.roleWithoutCustomPrefix}}
                                         </span>
                                     </td>
@@ -123,7 +130,7 @@
                                                 <em class="icon-edit"></em>
                                             </button>
                                             <button ng-click="addRule(activeTabScope, $index + 1)" class="btn btn-link add-rule-btn"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule_next' | translate}}">
                                                 <em class="icon-plus"></em>
                                             </button>
                                             <button ng-click="deleteRule(activeTabScope, $index)" class="btn btn-link delete-rule-btn secondary"
@@ -147,6 +154,7 @@
                                         <textarea type="text" name="role" required
                                                   ng-model="rule.role"
                                                   ng-change="setDirty(activeTabScope)"
+                                                  ng-keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                   uppercased uppercase-placeholder="false"
                                                   custom-role-prefix auto-grow
                                                   autocomplete="off"
@@ -163,10 +171,15 @@
                                         </select>
                                     </td>
                                     <td class="data subject-cell">
-                                        <autocomplete ng-model="rule.subject" on-model-change="setDirty(activeTabScope)" name="subject" required
+                                        <autocomplete ng-model="rule.subject" on-model-change="setDirty(activeTabScope)" name="subject"
+                                                      keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                       multiline="true"
                                                       autoexpand="true"
                                                       defaultresults="DEFAULT_URI_VALUES"
+                                                      required="true"
+                                                      validate-uri="true"
+                                                      validate-default-value="true"
+                                                      validate-simple-rdf-star-value="true"
                                                       style-class="form-control form-control-sm"
                                                       namespaces="namespaces"
                                                       autocomplete-status-loader="getAutocompletePromise"
@@ -174,10 +187,15 @@
                                         <em></em>
                                     </td>
                                     <td class="data predicate-cell">
-                                        <autocomplete ng-model="rule.predicate" on-model-change="setDirty(activeTabScope)" name="predicate" required
+                                        <autocomplete ng-model="rule.predicate" on-model-change="setDirty(activeTabScope)" name="predicate"
+                                                      keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                       multiline="true"
                                                       autoexpand="true"
                                                       defaultresults="DEFAULT_URI_VALUES"
+                                                      required="true"
+                                                      validate-uri="true"
+                                                      validate-default-value="true"
+                                                      validate-simple-rdf-star-value="true"
                                                       style-class="form-control form-control-sm"
                                                       namespaces="namespaces"
                                                       autocomplete-status-loader="getAutocompletePromise"
@@ -185,10 +203,15 @@
                                         <em></em>
                                     </td>
                                     <td class="data object-cell">
-                                        <autocomplete ng-model="rule.object" on-model-change="setDirty(activeTabScope)" name="object" required
+                                        <autocomplete ng-model="rule.object" on-model-change="setDirty(activeTabScope)" name="object"
+                                                      keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                       multiline="true"
                                                       autoexpand="true"
                                                       defaultresults="DEFAULT_URI_VALUES"
+                                                      required="true"
+                                                      validate-uri="true"
+                                                      validate-default-value="true"
+                                                      validate-literal-value="true"
                                                       style-class="form-control form-control-sm"
                                                       namespaces="namespaces"
                                                       autocomplete-status-loader="getAutocompletePromise"
@@ -196,10 +219,14 @@
                                         <em></em>
                                     </td>
                                     <td class="data context-cell">
-                                        <autocomplete ng-model="rule.context" on-model-change="setDirty(activeTabScope)" name="context" required
+                                        <autocomplete ng-model="rule.context" on-model-change="setDirty(activeTabScope)" name="context"
+                                                      keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                       multiline="true"
                                                       autoexpand="true"
                                                       defaultresults="DEFAULT_CONTEXT_VALUES"
+                                                      required="true"
+                                                      validate-uri="true"
+                                                      validate-default-value="true"
                                                       style-class="form-control form-control-sm"
                                                       namespaces="namespaces"
                                                       autocomplete-status-loader="getAutocompletePromise"
@@ -209,18 +236,16 @@
                                     <td class="actions-cell">
                                         <div class="crud-actions-group">
                                             <button ng-click="cancelEditing(activeTabScope, $index)"
-                                                    class="btn btn-link cancel-rule-editing-btn"
+                                                    class="btn btn-link cancel-rule-editing-btn secondary"
                                                     gdb-tooltip="{{'acl_management.rulestable.actions.cancel_rule_editing' | translate}}">
                                                 <em class="icon-close"></em>
                                             </button>
-                                            <button ng-if="ruleData.$valid" ng-click="saveRule(activeTabScope)"
+                                            <button ng-click="saveRule(activeTabScope)"
                                                     class="btn btn-link save-rule-btn"
                                                     ng-disabled="!ruleData.$valid"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.apply_rule' | translate}}">
+                                                    gdb-tooltip="{{ruleData.$valid ? 'acl_management.rulestable.actions.apply_rule' : 'acl_management.rulestable.messages.invalid_form' | translate}}">
                                                 <em class="icon-check"></em>
                                             </button>
-                                            <em ng-if="!ruleData.$valid" class="icon-check icon-lg save-rule-disabled-btn"
-                                                gdb-tooltip="{{'acl_management.rulestable.messages.invalid_form' | translate}}"></em>
                                         </div>
                                     </td>
                                 </tr>
@@ -229,7 +254,7 @@
                         </table>
                     </form>
                 </div>
-                <div class="tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.CLEAR_GRAPH" id="graphTab">
+                <div class="table-responsive tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.CLEAR_GRAPH" id="graphTab">
                     <form name="ruleData" novalidate ng-if="rulesModel && !loading">
                         <table class="acl-rules table table-striped table-hover" aria-describedby="ACL rules table">
                             <thead>
@@ -253,7 +278,7 @@
                             </thead>
                             <tbody>
                                 <tr ng-if="!rulesModel.size(activeTabScope)">
-                                    <td colspan="6" class="no-data">
+                                    <td colspan="7" class="no-data">
                                         {{'acl_management.rulestable.messages.no_data' | translate}}
                                     </td>
                                 </tr>
@@ -281,8 +306,8 @@
                                         </span>
                                     </td>
                                     <td class="role-cell data">
-                                        <span class="acl-tag" ng-class="rule.roleWithoutCustomPrefix[0] === '!' ? 'acl-tag-role-negated' : 'acl-tag-role'">
-                                            <em></em>{{rule.roleWithoutCustomPrefix}}
+                                        <span class="acl-tag" ng-class="{'acl-tag-role-negated': rule.roleWithoutCustomPrefix[0] === '!', 'acl-tag-role': rule.roleWithoutCustomPrefix[0] !== '!', 'wildcard-cell': rule.role === '*'}">
+                                            {{rule.roleWithoutCustomPrefix}}
                                         </span>
                                     </td>
                                     <td class="context-cell data" ng-class="{'wildcard-cell': rule.context === '*', 'context-cell-special': !rule.context.startsWith('<') && rule.context !== '*'}">
@@ -296,7 +321,7 @@
                                                 <em class="icon-edit"></em>
                                             </button>
                                             <button ng-click="addRule(activeTabScope, $index + 1)" class="btn btn-link add-rule-btn"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule_next' | translate}}">
                                                 <em class="icon-plus"></em>
                                             </button>
                                             <button ng-click="deleteRule(activeTabScope, $index)" class="btn btn-link delete-rule-btn secondary"
@@ -320,6 +345,7 @@
                                         <textarea type="text" name="role" required
                                                   ng-model="rule.role"
                                                   ng-change="setDirty(activeTabScope)"
+                                                  ng-keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                   uppercased uppercase-placeholder="false"
                                                   custom-role-prefix auto-grow
                                                   autocomplete="off" class="form-control form-control-sm textarea-edit"
@@ -329,10 +355,14 @@
                                         <em></em>
                                     </td>
                                     <td class="data context-cell">
-                                        <autocomplete ng-model="rule.context" on-model-change="setDirty(activeTabScope)" name="context" required
+                                        <autocomplete ng-model="rule.context" on-model-change="setDirty(activeTabScope)" name="context"
+                                                      keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                       multiline="true"
                                                       autoexpand="true"
-                                                      defaultresults="DEFAULT_CONTEXT_VALUES"
+                                                      defaultresults="DEFAULT_CLEAR_GRAPH_CONTEXT_VALUES"
+                                                      required="true"
+                                                      validate-uri="true"
+                                                      validate-default-value="true"
                                                       style-class="form-control form-control-sm"
                                                       namespaces="namespaces"
                                                       autocomplete-status-loader="getAutocompletePromise"
@@ -343,18 +373,16 @@
                                     <td class="actions-cell">
                                         <div class="crud-actions-group">
                                             <button ng-click="cancelEditing(activeTabScope, $index)"
-                                                    class="btn btn-link cancel-rule-editing-btn"
+                                                    class="btn btn-link cancel-rule-editing-btn secondary"
                                                     gdb-tooltip="{{'acl_management.rulestable.actions.cancel_rule_editing' | translate}}">
                                                 <em class="icon-close"></em>
                                             </button>
-                                            <button ng-if="ruleData.$valid" ng-click="saveRule(activeTabScope)"
+                                            <button ng-click="saveRule(activeTabScope)"
                                                     class="btn btn-link save-rule-btn"
                                                     ng-disabled="!ruleData.$valid"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.apply_rule' | translate}}">
+                                                    gdb-tooltip="{{ruleData.$valid ? 'acl_management.rulestable.actions.apply_rule' : 'acl_management.rulestable.messages.invalid_form' | translate}}">
                                                 <em class="icon-check"></em>
                                             </button>
-                                            <em ng-if="!ruleData.$valid" class="icon-check icon-lg save-rule-disabled-btn"
-                                                gdb-tooltip="{{'acl_management.rulestable.messages.invalid_form' | translate}}"></em>
                                         </div>
                                     </td>
                                 </tr>
@@ -363,7 +391,7 @@
                         </table>
                     </form>
                 </div>
-                <div class="tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.PLUGIN" id="pluginTab">
+                <div class="table-responsive tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.PLUGIN" id="pluginTab">
                     <form name="ruleData" novalidate ng-if="rulesModel && !loading">
                         <table class="acl-rules table table-striped table-hover" aria-describedby="ACL rules table">
                             <thead>
@@ -390,7 +418,7 @@
                             </thead>
                             <tbody>
                                 <tr ng-if="!rulesModel.size(activeTabScope)">
-                                    <td colspan="7" class="no-data">
+                                    <td colspan="8" class="no-data">
                                         {{'acl_management.rulestable.messages.no_data' | translate}}
                                     </td>
                                 </tr>
@@ -418,7 +446,7 @@
                                         </span>
                                     </td>
                                     <td class="role-cell data">
-                                        <span class="acl-tag" ng-class="rule.roleWithoutCustomPrefix[0] === '!' ? 'acl-tag-role-negated' : 'acl-tag-role'">
+                                        <span class="acl-tag" ng-class="{'acl-tag-role-negated': rule.roleWithoutCustomPrefix[0] === '!', 'acl-tag-role': rule.roleWithoutCustomPrefix[0] !== '!', 'wildcard-cell': rule.role === '*'}">
                                             {{rule.roleWithoutCustomPrefix}}
                                         </span>
                                     </td>
@@ -439,7 +467,7 @@
                                                 <em class="icon-edit"></em>
                                             </button>
                                             <button ng-click="addRule(activeTabScope, $index + 1)" class="btn btn-link add-rule-btn"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule_next' | translate}}">
                                                 <em class="icon-plus"></em>
                                             </button>
                                             <button ng-click="deleteRule(activeTabScope, $index)" class="btn btn-link delete-rule-btn secondary"
@@ -463,6 +491,7 @@
                                         <textarea type="text" name="role" required
                                                   ng-model="rule.role"
                                                   ng-change="setDirty(activeTabScope)"
+                                                  ng-keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                   uppercased uppercase-placeholder="false"
                                                   custom-role-prefix auto-grow
                                                   autocomplete="off"
@@ -482,6 +511,7 @@
                                         <textarea type="text" name="plugin" required
                                                   ng-model="rule.plugin"
                                                   ng-change="setDirty(activeTabScope)"
+                                                  ng-keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                   auto-grow
                                                   autocomplete="off"
                                                   class="form-control form-control-sm textarea-edit"
@@ -493,18 +523,16 @@
                                     <td class="actions-cell">
                                         <div class="crud-actions-group">
                                             <button ng-click="cancelEditing(activeTabScope, $index)"
-                                                    class="btn btn-link cancel-rule-editing-btn"
+                                                    class="btn btn-link cancel-rule-editing-btn secondary"
                                                     gdb-tooltip="{{'acl_management.rulestable.actions.cancel_rule_editing' | translate}}">
                                                 <em class="icon-close"></em>
                                             </button>
-                                            <button ng-if="ruleData.$valid" ng-click="saveRule(activeTabScope)"
+                                            <button ng-click="saveRule(activeTabScope)"
                                                     class="btn btn-link save-rule-btn"
                                                     ng-disabled="!ruleData.$valid"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.apply_rule' | translate}}">
+                                                    gdb-tooltip="{{ruleData.$valid ? 'acl_management.rulestable.actions.apply_rule' : 'acl_management.rulestable.messages.invalid_form' | translate}}">
                                                 <em class="icon-check"></em>
                                             </button>
-                                            <em ng-if="!ruleData.$valid" class="icon-check icon-lg save-rule-disabled-btn"
-                                                gdb-tooltip="{{'acl_management.rulestable.messages.invalid_form' | translate}}"></em>
                                         </div>
                                     </td>
                                 </tr>
@@ -513,7 +541,7 @@
                         </table>
                     </form>
                 </div>
-                <div class="tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.SYSTEM" id="systemTab">
+                <div class="table-responsive tab-pane fade in" ng-if="activeTabScope === ACL_SCOPE.SYSTEM" id="systemTab">
                     <form name="ruleData" novalidate ng-if="rulesModel && !loading">
                         <table class="acl-rules table table-striped table-hover" aria-describedby="ACL rules table">
                             <thead>
@@ -565,7 +593,7 @@
                                         </span>
                                     </td>
                                     <td class="role-cell data">
-                                        <span class="acl-tag" ng-class="rule.roleWithoutCustomPrefix[0] === '!' ? 'acl-tag-role-negated' : 'acl-tag-role'">
+                                        <span class="acl-tag" ng-class="{'acl-tag-role-negated': rule.roleWithoutCustomPrefix[0] === '!', 'acl-tag-role': rule.roleWithoutCustomPrefix[0] !== '!', 'wildcard-cell': rule.role === '*'}">
                                             {{rule.roleWithoutCustomPrefix}}
                                         </span>
                                     </td>
@@ -583,7 +611,7 @@
                                                 <em class="icon-edit"></em>
                                             </button>
                                             <button ng-click="addRule(activeTabScope, $index + 1)" class="btn btn-link add-rule-btn"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule' | translate}}">
+                                                    gdb-tooltip="{{'acl_management.rulestable.actions.add_rule_next' | translate}}">
                                                 <em class="icon-plus"></em>
                                             </button>
                                             <button ng-click="deleteRule(activeTabScope, $index)" class="btn btn-link delete-rule-btn secondary"
@@ -607,6 +635,7 @@
                                         <textarea type="text" name="role" required
                                                   ng-model="rule.role"
                                                   ng-change="setDirty(activeTabScope)"
+                                                  ng-keypress="performSearchActionOnEnter($event, activeTabScope, ruleData)"
                                                   uppercased uppercase-placeholder="false"
                                                   custom-role-prefix auto-grow
                                                   autocomplete="off"
@@ -626,18 +655,16 @@
                                     <td class="actions-cell">
                                         <div class="crud-actions-group">
                                             <button ng-click="cancelEditing(activeTabScope, $index)"
-                                                    class="btn btn-link cancel-rule-editing-btn"
+                                                    class="btn btn-link cancel-rule-editing-btn secondary"
                                                     gdb-tooltip="{{'acl_management.rulestable.actions.cancel_rule_editing' | translate}}">
                                                 <em class="icon-close"></em>
                                             </button>
-                                            <button ng-if="ruleData.$valid" ng-click="saveRule(activeTabScope)"
+                                            <button ng-click="saveRule(activeTabScope)"
                                                     class="btn btn-link save-rule-btn"
                                                     ng-disabled="!ruleData.$valid"
-                                                    gdb-tooltip="{{'acl_management.rulestable.actions.apply_rule' | translate}}">
+                                                    gdb-tooltip="{{ruleData.$valid ? 'acl_management.rulestable.actions.apply_rule' : 'acl_management.rulestable.messages.invalid_form' | translate}}">
                                                 <em class="icon-check"></em>
                                             </button>
-                                            <em ng-if="!ruleData.$valid" class="icon-check icon-lg save-rule-disabled-btn"
-                                                gdb-tooltip="{{'acl_management.rulestable.messages.invalid_form' | translate}}"></em>
                                         </div>
                                     </td>
                                 </tr>
@@ -648,7 +675,8 @@
                 </div>
             </div>
         </div>
-        <div ng-if="editedRuleIndex === undefined && rulesModel && modelIsDirty && dirtyScope.size > 0" class="text-right">
+        <div ng-if="isEditMode()" class="acl-actions text-right">
+            <span class="message">{{'acl_management.rulestable.messages.save_acl_to_apply_rules' | translate}}</span>
             <button class="btn btn-secondary cancel-acl-save-btn"
                     ng-click="cancelAclSave()">
                 {{'acl_management.rulestable.actions.cancel_acl_saving' | translate}}

package/dist/pages/autocomplete.html

@@ -1,4 +1,4 @@
-<link href="css/autocomplete.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/autocomplete.css?v=2.6.0" rel="stylesheet">
 <div id="autocomplete" class="page">
 	<h1>
 		{{title}}

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

@@ -1,4 +1,4 @@
-<link href="css/repository.create.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/repository.create.css?v=2.6.0" 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.6.0-TR7" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=2.6.0-TR7" rel="stylesheet"/>
-<link href="js/lib/d3-tip/d3-tip.css?v=2.6.0-TR7" rel="stylesheet"/>
+<link href="css/clustermanagement.css?v=2.6.0" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=2.6.0" rel="stylesheet"/>
+<link href="js/lib/d3-tip/d3-tip.css?v=2.6.0" rel="stylesheet"/>
 
 <title>{{'view.clusterManagement.title' | translate}}</title>
 

package/dist/pages/create-index.html

@@ -1,4 +1,4 @@
-<link href="css/create-similarity-index.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/create-similarity-index.css?v=2.6.0" rel="stylesheet">
 
 <div class="container-fluid">
 

package/dist/pages/dependencies.html

@@ -1,4 +1,4 @@
-<link href="css/dependencies.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/dependencies.css?v=2.6.0" rel="stylesheet">
 
 
 <title>Explore Class Dependencies</title>

package/dist/pages/domainRangeInfo.html

@@ -1,5 +1,5 @@
-<link href="css/domain-range-graph.css?v=2.6.0-TR7" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=2.6.0-TR7" rel="stylesheet"/>
+<link href="css/domain-range-graph.css?v=2.6.0" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=2.6.0" rel="stylesheet"/>
 
 <title>Explore Data Graph</title>
 

package/dist/pages/edit.html

@@ -1,4 +1,4 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.6.0" 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.6.0-TR7" rel="stylesheet"/>
+<link href="css/explore.css?v=2.6.0" rel="stylesheet"/>
 
 <div core-errors></div>
 <div class="page fit-content-on-mobile">

package/dist/pages/export.html

@@ -1,4 +1,4 @@
-<link href="css/export.css?v=2.6.0-TR7" rel="stylesheet">
+<link href="css/export.css?v=2.6.0" rel="stylesheet">
 
 <div id="wb-export">
 
@@ -57,17 +57,11 @@
 						<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 export-repository-btn" uib-dropdown-toggle>
+                        <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-JSONLD"
-                                ng-if="format.name === 'JSON-LD';"
-                                ng-click="openJSONLDExportSettings(format, false, false);">
-                                <span class="dropdown-item">{{format.name}}</span>
-                            </li>
                             <li ng-repeat="format in exportFormats" class="export-repo-format-{{format.name}}"
-                                ng-if="format.name !== 'JSON-LD';"
                                 ng-click="exportRepo(format, false);">
                                 <span class="dropdown-item">{{format.name}}</span>
                             </li>
@@ -98,13 +92,7 @@
 										<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>
 										<ul class="dropdown-menu" role="menu">
-                                            <li ng-repeat="format in exportFormats" class="export-repo-format-{{format.name}}"
-                                                ng-if="format.name === 'JSON-LD';"
-                                                ng-click="openJSONLDExportSettingsForSelectedGraphs(format);">
-                                                <span class="dropdown-item">{{format.name}}</span>
-                                            </li>
 											<li ng-repeat="format in exportFormats"
-                                                ng-if="format.name !== 'JSON-LD';"
 												ng-click="exportSelectedGraphs(format)">
 												<span class="dropdown-item">{{format.name}}</span>
 											</li>
@@ -150,13 +138,7 @@
 											ng-disabled="!graph.contextID.uri">
 										<span class="icon-export"></span></button>
 									<ul class="dropdown-menu" role="menu">
-                                        <li ng-repeat="format in exportFormats" class="export-repo-format-{{format.name}}"
-                                            ng-if="format.name === 'JSON-LD';"
-                                            ng-click="openJSONLDExportSettings(format, graph.contextID, false);">
-                                            <span class="dropdown-item">{{format.name}}</span>
-                                        </li>
 										<li ng-repeat="format in exportFormats"
-                                            ng-if="format.name !== 'JSON-LD';"
 											ng-click="exportRepo(format, graph.contextID);">
 											<span class="dropdown-item">{{format.name}}</span>
 										</li>

package/dist/pages/find.html

@@ -1,4 +1,4 @@
-<link href="css/find.css?v=2.6.0-TR7" rel="stylesheet"/>
+<link href="css/find.css?v=2.6.0" rel="stylesheet"/>
 
 <div class="page">
 	<h1>

package/dist/pages/graph-config/saveGraphConfig.html

@@ -1,4 +1,4 @@
-<link href="css/graphs-config.css?v=2.6.0-TR7" rel="stylesheet"/>
+<link href="css/graphs-config.css?v=2.6.0" rel="stylesheet"/>
 
 <h1>
     {{title}}
@@ -59,7 +59,7 @@
             <label class="start-mode search image-label d-flex" ng-class="{'active': newConfig.startMode === 'search'}">
                 <input type="radio" class="form-check-input" id="checkboxSuccessSearch"
                        ng-model="newConfig.startMode" value="search">
-                <img class="image-label-image" src="css/images/search.png?v=2.6.0-TR7" alt="search image"
+                <img class="image-label-image" src="css/images/search.png?v=2.6.0" alt="search image"
                      width="100%">
                 <div class="image-label-content">
                     <h5>{{'start.with.search.box' | translate}}</h5>
@@ -70,7 +70,7 @@
             <label class="start-mode node image-label d-flex" ng-class="{'active': newConfig.startMode === 'node'}">
                 <input type="radio" class="form-check-input" id="checkboxSuccessNode" ng-model="newConfig.startMode"
                        value="node">
-                <img class="image-label-image" src="css/images/node.png?v=2.6.0-TR7" alt="node image"
+                <img class="image-label-image" src="css/images/node.png?v=2.6.0" alt="node image"
                      width="100%">
                 <div class="image-label-content">
                     <h5>{{'start.with.fixed.node' | translate}}</h5>
@@ -81,7 +81,7 @@
             <label class="start-mode query image-label d-flex" ng-class="{'active': newConfig.startMode === 'query'}">
                 <input type="radio" class="form-check-input" data-cy="graph-config-by-graph-query-checkbox"
                        ng-model="newConfig.startMode" value="query">
-                <img class="image-label-image" src="css/images/query.png?v=2.6.0-TR7" alt="query image"
+                <img class="image-label-image" src="css/images/query.png?v=2.6.0" alt="query image"
                      width="100%">
                 <div class="image-label-content">
                     <h5>{{'query.results.start' | translate}}</h5>
@@ -128,7 +128,7 @@
                         {{'sample.query.used' | translate}}</p>
                 </div>
                 <div>
-                    <img src="css/images/expand.png?v=2.6.0-TR7" class="info-box-img" height="220"
+                    <img src="css/images/expand.png?v=2.6.0" class="info-box-img" height="220"
                          alt="expand image">
                 </div>
             </div>
@@ -156,7 +156,7 @@
                         {{'sample.query.used' | translate}}</p>
                 </div>
                 <div>
-                    <img src="css/images/labels-size.png?v=2.6.0-TR7" class="info-box-img" height="220"
+                    <img src="css/images/labels-size.png?v=2.6.0" class="info-box-img" height="220"
                          alt="labels size image">
                 </div>
             </div>
@@ -179,7 +179,7 @@
                     <p>{{'query.is.optional.local.name' | translate}}</p>
                 </div>
                 <div>
-                    <img src="css/images/predicates.png?v=2.6.0-TR7" class="info-box-img" height="220"
+                    <img src="css/images/predicates.png?v=2.6.0" class="info-box-img" height="220"
                          alt="predicates image">
                 </div>
             </div>
@@ -211,7 +211,7 @@
                         {{'sample.query.used' | translate}}</p>
                 </div>
                 <div>
-                    <img src="css/images/side-panel.png?v=2.6.0-TR7" class="info-box-img" height="220"
+                    <img src="css/images/side-panel.png?v=2.6.0" class="info-box-img" height="220"
                          alt="side panel image">
                 </div>
             </div>