graphdb-workbench 2.3.1 → 2.4.0-TR1

package/dist/css/bootstrap-graphdb-theme.css

@@ -1313,6 +1313,16 @@ footer.footer .container-fluid.main-container p {
     content: "\e920";
 }
 
+.tab-error:after {
+    font-family: 'icomoon', sans-serif !important;
+    font-size: 1em;
+    vertical-align: middle;
+    line-height: 1;
+    position: absolute;
+    left: 0.1em;
+    content: "\e920";
+}
+
 .alert-success:before {
     content: "\e914";
 }

package/dist/css/clustermanagement.css

@@ -17,12 +17,15 @@ path.link {
 }
 
 .cluster-zone.no-cluster {
-  cursor: pointer;
   stroke: black;
   fill: transparent;
   transition: fill 0.2s, stroke 0.2s;
 }
 
+.cluster-zone.no-cluster.has-access {
+    cursor: pointer;
+}
+
 .cluster-zone.no-cluster:hover {
   stroke-width: 3 !important;
   fill: #f7f7f7 !important;

package/dist/css/create-similarity-index.css

@@ -0,0 +1,8 @@
+#query-editor .yasr .yasr_header {
+    margin-bottom: 0;
+}
+
+.yasr_results {
+    max-height: 345px;
+    overflow-y: auto;
+}

package/dist/css/explore.css

@@ -1,6 +1,3 @@
-.yasr .dataTables_wrapper .dataTables_filter {
-    display:none;
-}
 .opacity-hide {
     opacity: 0;
     display: none;

package/dist/css/graphs-config.css

@@ -13,6 +13,7 @@
     margin-top: 121px;
     margin-bottom: 120px;
 }
+
 #editor-wrapper {
     position: absolute;
     display: inline-block;
@@ -28,23 +29,26 @@
     display: flex;
     align-items: stretch;
 }
+
 .image-label {
-    border: 1px solid rgba(0,0,0,.125);
+    border: 1px solid rgba(0, 0, 0, .125);
     padding: 1rem;
     margin: 0 1rem 0 0;
     transition: all 0.2s ease-in;
-    cursor:pointer;
-    max-width: 400px;
+    cursor: pointer;
     position: relative;
 }
+
 .image-label:last-of-type {
     margin-right: 0;
 }
+
 .image-label-image {
     max-width: 140px;
     display: block;
     margin: 0 auto 1rem auto;
 }
+
 .image-label .form-check-input {
     margin: 0;
     top: 0.8rem;
@@ -53,18 +57,19 @@
 
 .image-label:hover {
     border-color: rgba(var(--onto-orange-rgb), 0.3);
-    background-color:  rgba(var(--onto-orange-rgb), 0.03)
+    background-color: rgba(var(--onto-orange-rgb), 0.03)
 }
 
 .image-label.active, .image-label.active:hover {
     border-color: rgb(237, 79, 47);
-    background-color:  rgba(var(--onto-orange-rgb), 0.15)
+    background-color: rgba(var(--onto-orange-rgb), 0.15)
 }
 
 @media (max-width: 1270px) {
     .image-label {
         flex-direction: column;
     }
+
     .info-box-img {
         max-width: 200px;
         height: auto;

package/dist/css/lib/ontotext-yasgui-web-component.css

@@ -0,0 +1,27 @@
+@import "../common.css";
+
+.hidden {
+    display: none;
+}
+.explore-visual-graph-button {
+    font-size: 1.2em;
+    font-weight: 400;
+    padding: 14px 6px 14px 6px;
+    border: none;
+    outline: none;
+    color: #FFFFFF;
+    background-color: var(--onto-orange);
+}
+.explore-visual-graph-button:hover {
+    cursor: pointer;
+}
+
+.yasr-toolbar {
+    padding-left: 10px;
+}
+
+@media (max-width: 768px) {
+    .explore-visual-graph-button-name {
+        display: none;
+    }
+}

package/dist/css/similarity.css

@@ -7,11 +7,3 @@
     display: block;
     margin: 0 auto;
 }
-
-.yasr .dataTables_filter {
-    display: none;
-}
-
-.yasr-container {
-    margin-top: 10px;
-}

package/dist/css/sparql-editor.css

@@ -0,0 +1,65 @@
+.sparql-editor-view {
+    position: relative;
+}
+
+.sparql-editor-view #sparql-query-update-title-label {
+    position: relative;
+}
+
+.sparql-editor-view #sparql-query-update-title-label .btn-link {
+    position: relative;
+    z-index: 100;
+}
+
+.sparql-editor-view #query-editor {
+    position: relative;
+    top: -55px;
+}
+
+.sparql-editor-view #query-editor .yasgui-host-element {
+    display: block;
+}
+
+.sparql-editor-view #query-editor .yasgui-host-element .ontotext-yasgui {
+    clear: both;
+    padding-top: 15px;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar {
+    display: inline;
+    float: right;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar {
+    font-size: 14px;
+    font-weight: 400;
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar .yasgui-btn {
+    height: 27px;
+    margin-right: 3px;
+    color: var(--onto-blue);
+}
+
+.sparql-editor-view #query-editor .yasgui-toolbar .btn-selected {
+    color: #fff;
+}
+
+.sparql-editor-view #query-editor .dataTables_wrapper {
+    overflow-x: scroll;
+}
+
+.keyboard-shortcuts-dialog-wrapper {
+    height: 20px;
+    line-height: 20px;
+    font-size: 90%;
+}
+
+.keyboard-shortcuts-dialog-wrapper.resizeable-on {
+    margin-top: -30px;
+}
+
+.keyboard-shortcuts-dialog-button {
+    font-weight: 400;
+    color: var(--onto-blue);
+}

package/dist/css/workbench-custom.css

@@ -374,6 +374,10 @@
     text-align: left;
 }
 
+.text-right {
+    text-align: right;
+}
+
 @media only screen and (max-width:768px) {
     .fit-content-on-mobile {
         width: fit-content;

package/dist/i18n/locale-en.json

@@ -258,6 +258,7 @@
     "new.sentence.start": "New",
     "no.connectors.available": "No connectors available",
     "current.repo.no.connector.support": "The current repository does not support any connectors. Please check the type of the repository or select another one.",
+    "edit.select.query": "Edit select query",
     "edit.search.query": "Edit search query",
     "edit.analogical.query": "Edit analogical query",
     "current.repo.error": "The currently selected repository cannot be used for queries due to an error:",
@@ -536,6 +537,7 @@
     "view.jdbc.helpInfo": "The JDBC configuration view allows you to configure, store, update, preview, and delete virtual SQL tables. These tables can then be used with the Avatica JDBC driver. Each virtual SQL table is based on a SPARQL SELECT query and requires additional metadata for the definition of the SQL columns.",
     "view.jdbc.create.title": "SQL table configuration",
     "view.jdbc.create.helpInfo": "The SQL table configuration view is used to define a virtual SQL table. Each table must have a name, a SPARQL SELECT query, and a set of SQL column definitions.",
+    "view.jdbc.create.get_suggestion_sql_type": "Get suggestion...",
     "jdbc.column.names.constraint": "Column names must be placed in array.",
     "view.namespaces.helpInfo": "The Namespaces view provides an overview of all namespaces defined in a GraphDB repository. Namespaces are essentially shorthand notations for IRIs. Here you can add, remove and modify them.",
     "view.query.and.update.monitoring.title": "Query and Update monitoring",
@@ -828,6 +830,7 @@
     "import.reset.status": "Reset status",
     "import.remove.selected": "Remove the selected items from the list",
     "import.remove.btn": "Remove",
+    "import.remove.confirm.msg": "Are you sure you want to remove selected files: '{{name}}'?",
     "import.last.import.settings": "Last import settings",
     "import.mode.not.supported.constraint": "This mode is not supported when importing multiple items.",
     "import.enable.replace.option": "Enable this to replace the data in one or more graphs with the imported data.",
@@ -914,7 +917,7 @@
     "jdbc.not.delete.sql.msg": "Could not delete SQL table",
     "jdbc.warning.unsaved.changes": "You have unsaved changes. Are you sure that you want to exit?",
     "jdbc.not.get.sql.msg2": "Could not get SQL table configuration",
-    "jdbc.required.configuration.name": "SQL configuration name is required",
+    "jdbc.required.configuration.name": "SQL table name is required",
     "jdbc.saved.configuration": "SQL table configuration saved",
     "jdbc.not.saved.configuration": "Could not save SQL table configuration",
     "jdbc.configuration.updated": "SQL table configuration updated",
@@ -1234,13 +1237,17 @@
     "similarity.could.not.get.indexes.error": "Could not get indexes",
     "similarity.empty.index.name.error": "Index name cannot be empty",
     "similarity.index.name.constraint": "Index name can contain only letters (a-z, A-Z), numbers (0-9), \"-\" and \"_\"",
-    "similarity.empty.select.query.error": "Select query cannot be empty.",
-    "similarity.empty.search.query.error": "Search query cannot be empty.",
-    "similarity.empty.analogical.query.error": "Analogical query cannot be empty.",
+    "similarity.query.type.DATA.name": "Data",
+    "similarity.query.type.SEARCH.name": "Search",
+    "similarity.query.type.ANALOGICAL.name": "Analogical",
+    "similarity.error.query.empty": "The '{{queryType}}' query cannot be empty.",
+    "similarity.error.query.invalid": "Invalid '{{queryType}}' query",
+    "similarity.error.query.invalid_type": "The '{{queryType}}' query must be a SELECT query",
     "similarity.index.select.queries.constraint": "Similarity index requires SELECT queries.",
     "similarity.could.not.get.search.queries.error": "Could not get search queries",
     "similarity.existing.index.name.error": "Index with this name already exists.",
     "similarity.create.index.error": "Could not create index",
+    "similarity.create.index.successfully": "Similarity index created successfully.",
     "similarity.indexes.select.queries.constraint": "Similarity indexes work only with SELECT queries.",
     "similarity.explain.select.queries.constraint": "Explain only works with SELECT queries.",
     "cannot.execute.update.error": "Cannot execute updates from this editor.",
@@ -1254,6 +1261,8 @@
     "similarity.get.resource.error": "Could not get resource!",
     "similarity.delete.index.warning": "Are you sure you want to delete the index '{{name}}'?",
     "similarity.rebuild.index.warning": "Are you sure you want to rebuild the whole index '{{name}}'?<br>You will still be able to use the latest successful build!",
+    "similarity.copy_of.prefix": "Copy_of",
+    "similarity.warning.unsaved.changes": "You have unsaved changes. Are you sure that you want to exit?",
     "sparql.template.get.templates.error": "Could not get SPARQL templates",
     "sparql.template.delete.template.warning": "Are you sure you want to delete the SPARQL template '{{templateID}}'?",
     "sparql.template.delete.template.success": "Deleted successfully SPARQL template",
@@ -1264,6 +1273,7 @@
     "update.sparql.template.success.msg": "Updated SPARQL template",
     "save.sparql.template.failure.msg": "Could not save {{templateID}} template",
     "sparql.template.query.constraint": "The template query must be an UPDATE query",
+    "sparql.template.query.invalid": "Invalid query",
     "save.sparql.template.success.msg": "Saved SPARQL template",
     "attach.remote.gdb.instance": "Attach a remote GraphDB instance",
     "remote.location.url": "Location URL*",
@@ -1554,6 +1564,7 @@
     "visual.config.search.box.starting.point": "Starting point - Search box",
     "visual.config.query.results.starting.point": "Starting point - Query results",
     "visual.config.fixed.resource.starting.point": "Starting point - Fixed resource",
+    "visual.config.warning.unsaved.changes": "You have unsaved changes. Are you sure that you want to exit?",
     "visual.edit.config": "Edit configuration",
     "visual.delete.config": "Delete configuration",
     "visual.saved.graphs": "Saved graphs",

package/dist/i18n/locale-fr.json

@@ -259,6 +259,7 @@
     "new.sentence.start": "Nouveau",
     "no.connectors.available": "Aucun connecteur disponible",
     "current.repo.no.connector.support": "Le dépôt actuel ne supporte pas de connecteurs. Veuillez vérifier le type de dépôt ou en sélectionner un autre.",
+    "edit.select.query": "Modifier la requête SELECT",
     "edit.search.query": "Editer une requête de recherche",
     "edit.analogical.query": "Editer une requête analogique",
     "current.repo.error": "Le dépôt actuellement sélectionné ne peut pas être utilisé pour les requêtes en raison d'une erreur :",
@@ -536,6 +537,7 @@
     "view.jdbc.helpInfo": "La vue Configuration JDBC vous permet de configurer, stocker, mettre à jour, prévisualiser et supprimer des tables SQL virtuelles. Ces tables peuvent ensuite être utilisées avec le pilote Avatica JDBC. Chaque table SQL virtuelle est basée sur une requête SPARQL SELECT et nécessite des métadonnées supplémentaires pour la définition des colonnes SQL.",
     "view.jdbc.create.title": "Configuration des tables SQL",
     "view.jdbc.create.helpInfo": "La vue de configuration de la table SQL permet de définir une table SQL virtuelle. Chaque table doit avoir un nom, une requête SPARQL SELECT et un ensemble de définitions de colonnes SQL.",
+    "view.jdbc.create.get_suggestion_sql_type": "Obtenir une suggestion...",
     "jdbc.column.names.constraint": "Les noms de colonnes doivent être placés dans un tableau.",
     "view.namespaces.title": "Espaces de noms",
     "view.namespaces.helpInfo": "La vue Espaces de noms fournit une vue d'ensemble de tous les espaces de noms définis dans un dépôt GraphDB. Les espaces de noms sont essentiellement des notations abrégées pour les IRI. Vous pouvez y ajouter, supprimer et modifier ces espaces.",
@@ -828,6 +830,7 @@
     "import.reset.status": "Réinitialiser l'état",
     "import.remove.selected": "Supprimer les éléments sélectionnés de la liste",
     "import.remove.btn": "Supprimer",
+    "import.remove.confirm.msg": "Êtes-vous sûr de vouloir supprimer les fichiers sélectionnés: {{name}}",
     "import.last.import.settings": "Paramètres de la dernière importation",
     "import.mode.not.supported.constraint": "Ce mode n'est pas pris en charge lors de l'importation de plusieurs éléments.",
     "import.enable.replace.option": "Activez cette option pour remplacer les données d'un ou plusieurs graphes par les données importées.",
@@ -911,7 +914,7 @@
     "jdbc.not.delete.sql.msg": "Impossible de supprimer la table SQL",
     "jdbc.warning.unsaved.changes": "Vous avez des modifications non sauvegardées. Etes-vous sûr de vouloir quitter?",
     "jdbc.not.get.sql.msg2": "Impossible de récupérer la configuration de table SQL",
-    "jdbc.required.configuration.name": "Le nom de la configuration SQL est requis",
+    "jdbc.required.configuration.name": "Le nom de la table SQL est requis.",
     "jdbc.saved.configuration": "Configuration de table SQL sauvegardée",
     "jdbc.not.saved.configuration": "Impossible d'enregistrer la configuration de table SQL",
     "jdbc.configuration.updated": "Configuration de table SQL mise à jour",
@@ -1223,13 +1226,17 @@
     "similarity.could.not.get.indexes.error": "Impossible de récupérer des index",
     "similarity.empty.index.name.error": "Le nom d'index ne peut pas être vide",
     "similarity.index.name.constraint": "Le nom de l'index ne peut contenir que des lettres (a-z, A-Z), des chiffres (0-9), \"-\" et \"_\".",
-    "similarity.empty.select.query.error": "La requête de sélection ne peut pas être vide.",
-    "similarity.empty.search.query.error": "La requête de recherche ne peut pas être vide.",
-    "similarity.empty.analogical.query.error": "La requête analogique ne peut pas être vide.",
+    "similarity.query.type.DATA.name": "Requête",
+    "similarity.query.type.SEARCH.name": "Recherche",
+    "similarity.query.type.ANALOGICAL.name": "Analogique",
+    "similarity.error.query.empty": "La requête '{{queryType}}' ne peut pas être vide.",
+    "similarity.error.query.invalid": "Requête '{{queryType}}' invalide.",
+    "similarity.error.query.invalid_type": "La requête '{{queryType}}' doit être de type SELECT.",
     "similarity.index.select.queries.constraint": "L'index de similarité nécessite des requêtes SELECT.",
     "similarity.could.not.get.search.queries.error": "Impossible de récupérer des requêtes de recherche",
     "similarity.existing.index.name.error": "L'index portant ce nom existe déjà.",
     "similarity.create.index.error": "Impossible de créer index",
+    "similarity.create.index.successfully": "L'index de similarité a été créé avec succès.",
     "similarity.indexes.select.queries.constraint": "Les index de similarité ne fonctionnent que avec des requêtes SELECT.",
     "similarity.explain.select.queries.constraint": "L'explication ne fonctionne qu'avec les requêtes SELECT.",
     "cannot.execute.update.error": "Impossible d'exécuter les mises à jour depuis cet éditeur.",
@@ -1243,6 +1250,10 @@
     "similarity.get.resource.error": "Impossible de récupérer des ressources!",
     "similarity.delete.index.warning": "Êtes-vous sûr de vouloir supprimer l'index '{{name}}'?",
     "similarity.rebuild.index.warning": "Êtes-vous sûr de vouloir reconstruire tout l'index '{{name}}' ? Vous pourrez toujours utiliser la dernière construction réussie!",
+    "similarity.copy_of.prefix": "Copie_de",
+    "similarity.error.invalid.select.query": "La requête SELECT doit être une requête SELECT",
+    "similarity.error.query.invalid": "Requete invalide",
+    "similarity.warning.unsaved.changes": "Vous avez des modifications non sauvegardées. Etes-vous sûr de vouloir quitter?",
     "sparql.template.get.templates.error": "Impossible de récupérer des modèles SPARQL",
     "sparql.template.delete.template.warning": "Êtes-vous sûr de vouloir supprimer le modèle SPARQL '{{templateID}}'?",
     "sparql.template.delete.template.success": "Suppression réussie du modèle SPARQL",
@@ -1253,6 +1264,7 @@
     "update.sparql.template.success.msg": "Mise à jour du modèle SPARQL",
     "save.sparql.template.failure.msg": "Impossible de sauvegarder le modèle {{templateID}}.",
     "sparql.template.query.constraint": "La requête modèle doit être une requête UPDATE.",
+    "sparql.template.query.invalid": "Requete invalide",
     "save.sparql.template.success.msg": "Modèle SPARQL enregistré",
     "attach.remote.gdb.instance": "Joindre une instance GraphDB distante",
     "remote.location.url": "URL de l'emplacement*",
@@ -1544,6 +1556,7 @@
     "visual.config.search.box.starting.point": "Point de départ - Boîte de recherche",
     "visual.config.query.results.starting.point": "Point de départ - Résultats de la requête",
     "visual.config.fixed.resource.starting.point": "Point de départ - Ressource fixe",
+    "visual.config.warning.unsaved.changes": "Vous avez des modifications non sauvegardées. Etes-vous sûr de vouloir quitter?",
     "visual.edit.config": "Modifier la configuration",
     "visual.delete.config": "Supprimer la configuration",
     "visual.saved.graphs": "Graphiques sauvegardés",

package/dist/index.html

@@ -13,9 +13,9 @@
 
     <link rel="apple-touch-icon-precomposed" href="icon.png">
 
-    <script src="plugin-registry.js?v=2.3.1"></script>
-    <script src="plugins.js?v=2.3.1"></script>
-<link rel="shortcut icon" href="icon.png"><link href="vendor.a43cfebcaaba38dfc77d.css" rel="stylesheet"><link href="main.7b7930d01538072be711.css" rel="stylesheet"></head>
+    <script src="plugin-registry.js?v=2.4.0-TR1"></script>
+    <script src="plugins.js?v=2.4.0-TR1"></script>
+<link rel="shortcut icon" href="icon.png"><link href="vendor.a43cfebcaaba38dfc77d.css" rel="stylesheet"><link href="main.d52d5b1225b21c782003.css" rel="stylesheet"></head>
 
 <body>
 
@@ -166,6 +166,6 @@
     <object data="img/graphdb-splash.1ef2940889acddc03c7defb3f9f41f8d.svg"></object>
     <div>GraphDB Workbench is loading...</div>
 </div>
-<script type="text/javascript" src="vendor.224241bf9d8f844fca28.bundle.js"></script><script type="text/javascript" src="main.5022644187abf4bf19e7.bundle.js"></script><script type="text/javascript" src="bundle.0d5ad692ba3eccb16214.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.c1c3fe4806eb70c53e4c.bundle.js"></script><script type="text/javascript" src="main.f018c6cdfb297e0a71ca.bundle.js"></script><script type="text/javascript" src="bundle.8c87a0facf889de142ea.bundle.js"></script></body>
 
 </html>

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

@@ -1,3 +1,6 @@
+<link href="css/lib/yasr.css?v=[AIV]{version}[/AIV]" rel="stylesheet"/>
+<link href="css/yasr.custom.css?v=[AIV]{version}[/AIV]" rel="stylesheet"/>
+
 <div id="sparql-content" class="fit-content-on-mobile">
     <div ng-hide="viewMode == 'editor'"
          ng-class="orientationViewMode ? 'row' : viewMode == 'yasr' ? 'col-xs-12' : 'col-xs-6'" ng-style="noPadding">

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

@@ -1,4 +1,4 @@
-<link href="css/rdf-resource-search.css?v=2.3.1" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.4.0-TR1" rel="stylesheet"/>
 
 <div ng-if="getActiveRepository() && hasActiveLocation() && isNotLoading()" ng-cloak>
     <div id="search-box" class="card search-rdf-input" ng-keydown="onKeyDown($event)" ng-if="!isHomePage()">

package/dist/js/angular/core/directives/yasgui-component/templates/yasgui-component.html

@@ -0,0 +1,17 @@
+<link href="css/lib/ontotext-yasgui-web-component.css?v=2.4.0-TR1" rel="stylesheet">
+
+<ontotext-yasgui
+    class="{{classToApply}}"
+    ng-custom-element
+    ngce-prop-config="ontotextYasguiConfig"
+    ngce-prop-saved_query_config="savedQueryConfig"
+    ngce-prop-language="language"
+    ngce-on-create_saved_query="createSavedQuery($event)"
+    ngce-on-update_saved_query="updateSavedQuery($event)"
+    ngce-on-delete_saved_query="deleteSavedQuery($event)"
+    ngce-on-share_saved_query="shareSavedQuery($event)"
+    ngce-on-share_query="shareQuery($event)"
+    ngce-on-query_share_link_copied="queryShareLinkCopied()"
+    ngce-on-load_saved_queries="loadSavedQueries($event)"
+    ngce-on-output="output($event)">
+</ontotext-yasgui>

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

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

package/dist/js/angular/repositories/templates/ontop-repo.html

@@ -218,7 +218,7 @@
         </div>
     </div>
     <div class="form-group row col-xs-12 pb-3">
-        <div>
+        <div class="text-right">
             <a ng-click="goBackToPreviousLocation()" class="btn btn-secondary">{{'common.cancel.btn' | translate}}</a>
             <button id="addSaveOntopRepository" ng-click="updateOntopRepo()" ng-if="!editRepoPage" type="submit" class="btn btn-primary">
                 {{'common.create.btn' | translate}}

package/dist/js/angular/security/templates/user.html

@@ -36,7 +36,7 @@
 <div id="wb-user" ng-hide="loader">
 	<form name="form" class="form newUserForm userForm editUserContainer" ng-submit="submit()" novalidate>
 		<div class="row">
-			<div class="col-md-6">
+			<div class="col-md-6 us-left-col">
 				<div class="card login-credentials" ng-hide="isOverrideAuth() || !isLocalAuthentication()">
 					<div class="card-block">
 						<h3>{{'view.login.title' | translate}}</h3>
@@ -159,10 +159,9 @@
 						</div>
 					</div>
 				</div>
-
 			</div>
 
-			<div class="col-md-6" ng-hide="!isLocalAuthentication()">
+			<div class="col-md-6 us-right-col" ng-hide="!isLocalAuthentication()">
 				<div class="card user-role" id="user-roles">
 					<div class="card-block">
 						<h3>{{'security.user.role' | translate}}</h3>
@@ -197,41 +196,45 @@
 								{{'security.user.rights' | translate}}
 							</p>
 						</div>
-						<table class="table table-hover table-sm" aria-describedby="User rights table">
-							<thead>
-								<tr>
-									<th id="repositoryIdColumn">{{'security.repository.title' | translate}}</th>
-									<th id="readRightsColumn" class="text-xs-center"><em class="icon-eye icon-lg" gdb-tooltip="{{'security.tooltip.read' | translate}}"></em></th>
-									<th id="writeRightColumn" class="text-xs-center"><em class="icon-edit icon-lg" gdb-tooltip="{{'security.tooltip.write' | translate}}"></em></th>
-								</tr>
-							</thead>
-							<tbody>
-								<tr>
-									<td>{{'security.any.data.repo' | translate}}
-										<em class="icon-info text-primary" gdb-tooltip="{{'security.data.repos' | translate}}"></em>
-									</td>
-									<td class="text-xs-center">
+                        <div class="scrollable-table">
+                            <table class="table table-hover table-sm" aria-describedby="User rights table">
+                                <thead>
+                                <tr>
+                                    <th id="repositoryIdColumn">{{'security.repository.title' | translate}}</th>
+                                    <th id="readRightsColumn" class="text-xs-center"><em class="icon-eye icon-lg" gdb-tooltip="{{'security.tooltip.read' | translate}}"></em></th>
+                                    <th id="writeRightColumn" class="text-xs-center"><em class="icon-edit icon-lg" gdb-tooltip="{{'security.tooltip.write' | translate}}"></em></th>
+                                </tr>
+                                <tr>
+                                    <th>{{'security.any.data.repo' | translate}}
+                                        <em class="icon-info text-primary" gdb-tooltip="{{'security.data.repos' | translate}}"></em>
+                                    </th>
+                                    <th class="text-xs-center">
                                         <input class="read" type="checkbox" ng-model="grantedAuthorities.READ_REPO['*']"  ng-checked="hasReadPermission('*')" ng-disabled="readCheckDisabled('*')" ng-click="setGrantedAuthorities()">
-                                    </td>
-									<td class="text-xs-center">
+                                    </th>
+                                    <th class="text-xs-center">
                                         <input class="write" type="checkbox" ng-model="grantedAuthorities.WRITE_REPO['*']" ng-checked="hasWritePermission('*')" ng-disabled="writeCheckDisabled('*')" ng-click="setGrantedAuthorities()">
-                                    </td>
-								</tr>
-								<tr ng-repeat="repository in getReadableRepositories() | orderBy: ['location', 'id']">
-									<td class="repository-name">{{repository.id}}<small> &middot; {{repository.location ? repository.location : 'Local'}}</small></td>
-									<td class="text-xs-center read-rights"><input class="read" type="checkbox" ng-model="grantedAuthorities.READ_REPO[createUniqueKey(repository)]"  ng-checked="hasReadPermission(repository)" ng-disabled="readCheckDisabled(repository)" ng-click="setGrantedAuthorities()"></td>
-									<td class="text-xs-center write-rights"><input class="write" type="checkbox" ng-model="grantedAuthorities.WRITE_REPO[createUniqueKey(repository)]" ng-checked="hasWritePermission(repository)" ng-disabled="writeCheckDisabled(repository)" ng-click="setGrantedAuthorities()"></td>
-								</tr>
-							</tbody>
-						</table>
+                                    </th>
+                                </tr>
+                                </thead>
+                                <tbody>
+                                <div>
+                                    <tr ng-repeat="repository in getReadableRepositories() | orderBy: ['location', 'id']">
+                                        <td class="repository-name">{{repository.id}}<small> &middot; {{repository.location ? repository.location : 'Local'}}</small></td>
+                                        <td class="text-xs-center read-rights"><input class="read" type="checkbox" ng-model="grantedAuthorities.READ_REPO[createUniqueKey(repository)]"  ng-checked="hasReadPermission(repository)" ng-disabled="readCheckDisabled(repository)" ng-click="setGrantedAuthorities()"></td>
+                                        <td class="text-xs-center write-rights"><input class="write" type="checkbox" ng-model="grantedAuthorities.WRITE_REPO[createUniqueKey(repository)]" ng-checked="hasWritePermission(repository)" ng-disabled="writeCheckDisabled(repository)" ng-click="setGrantedAuthorities()"></td>
+                                    </tr>
+                                </div>
+                                </tbody>
+                            </table>
+                        </div>
 					</div>
 				</div>
             </div>
 		</div>
 
-		<div class="mb-3">
-			<button id="wb-user-submit" class="btn btn-primary" type="submit">{{saveButtonText}}</button>
-			<button id="wb-user-goBack" class="btn btn-secondary" type="button" ng-click="goBack()">{{'common.cancel.btn' | translate}}</button>
+		<div class="text-right">
+            <button id="wb-user-goBack" class="btn btn-secondary" type="button" ng-click="goBack()">{{'common.cancel.btn' | translate}}</button>
+            <button id="wb-user-submit" class="btn btn-primary" type="submit">{{saveButtonText}}</button>
 		</div>
 	</form>
 </div>