graphdb-workbench 3.0.0-TR5 → 3.0.0-TR7

package/dist/css/graphql/create-graphql-endpoint.css

@@ -1,5 +1,9 @@
 .create-graphql-endpoint-view {}
 
+.create-graphql-endpoint-view .toolbar .source-repository-selector {
+    width: 20em;
+}
+
 /* ===============================================
    Select Schema Source View
    =============================================== */
@@ -8,25 +12,31 @@
     justify-content: flex-start;
 }
 
+.create-graphql-endpoint-view .select-schema-source-view .schema-source-types label {
+    cursor: pointer;
+}
+
 .create-graphql-endpoint-view .select-schema-source-view .schema-source-container {
     width: 100%;
 }
 
-.create-graphql-endpoint-view .select-schema-source-view .shapes-selector,
+.create-graphql-endpoint-view .select-schema-source-view .graphql-shapes-selector {
+    min-height: 300px;
+}
+
 .create-graphql-endpoint-view .select-schema-source-view .graphs-selector {
-    border: 1px solid #e0e0e0;
-    height: 300px;
+    min-height: 300px;
 }
 
-.create-graphql-endpoint-view .select-schema-source-view .endpoint-configuration-form {
+.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form {
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
-    width: 40%;
-    border: 1px solid #e0e0e0;
+    width: 50%;
 }
 
-.create-graphql-endpoint-view .select-schema-source-view .endpoint-configuration-form .form-inline {
+.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline {
+    position: relative;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -34,12 +44,12 @@
     margin-bottom: 1em;
 }
 
-.create-graphql-endpoint-view .select-schema-source-view .endpoint-configuration-form .form-inline label {
+.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline label {
     margin-bottom: 0;
 }
 
-.create-graphql-endpoint-view .select-schema-source-view .endpoint-configuration-form .form-inline input,
-.create-graphql-endpoint-view .select-schema-source-view .endpoint-configuration-form .form-inline select {
+.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline input,
+.create-graphql-endpoint-view .select-schema-source-view .endpoint-params-form .form-inline select {
     width: 75%;
 }
 
@@ -49,23 +59,10 @@
 
 .create-graphql-endpoint-view .endpoint-configuration-container {
     display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    gap: 2em;
+    align-items: stretch;
+    width: 50%;
 }
 
-.create-graphql-endpoint-view .endpoint-configuration-container .dynamic-parameters-form {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    flex: 1;
-    border: 1px solid #e0e0e0;
-}
-
-.create-graphql-endpoint-view .endpoint-configuration-container .generation-overview {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    flex: 1;
-    border: 1px solid #e0e0e0;
+.create-graphql-endpoint-view .endpoint-configuration-container dynamic-form {
+    width: 100%;
 }

package/dist/css/graphql/graphql-endpoint-configuration-modal.css

@@ -0,0 +1,19 @@
+.graphql-endpoint-configuration-modal .graphql-endpoint-configuration-modal-body {
+    position: relative;
+    min-height: 300px;
+}
+
+.graphql-endpoint-configuration-modal .graphql-endpoint-configuration-loader {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1050;
+    pointer-events: all;
+}

package/dist/css/graphql/graphql-endpoint-management.css

@@ -26,3 +26,18 @@
 .graphql-endpoint-management-view .endpoint-management-container .endpoints-info-table tbody .endpoint-description-row > td {
     border-top: none;
 }
+
+.graphql-endpoint-management-view .endpoint-management-container .endpoints-info-table tbody .row-overlay {
+    position: relative;
+}
+
+.graphql-endpoint-management-view .endpoint-management-container .endpoints-info-table tbody .row-overlay:after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.2);
+    z-index: 1;
+}

package/dist/css/shuttle-multiselect.css

@@ -0,0 +1,76 @@
+:root {
+    --color-success-light: #D4EDDA;
+    --gap: 0.8em;
+}
+
+.shuttle-multiselect {
+    display: flex;
+    justify-content: space-between;
+    column-gap: var(--gap);
+    width: 100%;
+    background-color: #ffffff;
+}
+
+.shuttle-multiselect .shuttle-panel {
+    display: flex;
+    flex-direction: column;
+    row-gap: var(--gap);
+    flex: 1;
+    height: 300px;
+}
+
+.shuttle-multiselect .shuttle-panel-toolbar {
+    display: flex;
+    align-items: center;
+    height: 38px;
+}
+
+.shuttle-multiselect .shuttle-panel-toolbar.toolbar-right > *:only-child {
+    margin-left: auto;
+}
+
+.shuttle-multiselect .shuttle-panel-toolbar .filter-selected {
+    flex: 1;
+}
+
+.shuttle-multiselect .shuttle-panel-toolbar .selected-items-message {
+    display: flex;
+    align-items: center;
+    flex: 1;
+    height: inherit;
+    padding: 0 1em;
+    background-color: var(--color-success-light);
+    overflow: hidden;
+    color: #0000008F;
+}
+
+.shuttle-multiselect .shuttle-panel-toolbar .selected-items-message:before {
+    font-family: 'icomoon', sans-serif !important;
+    font-size: 1.5em;
+    line-height: 1;
+    margin-right: 0.5em;
+    /* the (i) icon */
+    content: "\e924";
+    color: #0000008F;
+}
+
+.shuttle-multiselect .shuttle-panel .options-list {
+    border: 1px solid #ccc;
+    height: inherit;
+    overflow-y: auto;
+}
+
+.shuttle-multiselect .shuttle-panel .options-list .option-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.1em 1em;
+}
+
+.shuttle-multiselect .shuttle-panel .options-list .option-item:hover {
+    background-color: var(--color-success-light);
+}
+
+.shuttle-multiselect .shuttle-panel .options-list .option-item .item-action {
+    font-size: large;
+}

package/dist/css/workbench-custom.css

@@ -409,3 +409,50 @@
 .help-info b {
     font-weight: 500;
 }
+
+.dynamic-form .dropdown-menu.multi-select {
+    background-color: #fff !important;
+    border: 1px solid rgba(0,0,0,.15) !important;
+    border-radius: 0.25rem !important;
+    position: absolute;
+    left: 0;
+    top: 100%;
+    z-index: 1000;
+    display: none;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.dynamic-form .dropdown.multi-select > button {
+    font-weight: 400 !important;
+}
+
+.dynamic-form .dropdown-item.multi-select {
+    color: var(--gray-color) !important;
+    font-weight: initial !important;
+}
+
+.dynamic-form .open > .dropdown-menu.multi-select {
+    display: block;
+    opacity: 1;
+    margin-top: -1px;
+}
+
+.dynamic-form .dropdown-menu.multi-select .dropdown-item.multi-select {
+    color: var(--gray-color) !important;
+    font-weight: initial !important;
+}
+
+.dynamic-form button.form-control.dropdown-toggle.multi-select.text-left {
+    position: relative;
+}
+
+.dynamic-form button.form-control.dropdown-toggle.multi-select.text-left::after {
+    margin-left: 0 !important;
+    position: absolute;
+    right: 3px;
+    top: 50%;
+    transform: translateY(-50%);
+    color: initial;
+    font-size: smaller !important;
+}

package/dist/i18n/locale-en.json

@@ -782,7 +782,12 @@
                     },
                     "delete_endpoint": {
                         "label": "Delete endpoint",
-                        "tooltip": "Delete the GraphQL endpoint"
+                        "tooltip": "Delete the GraphQL endpoint",
+                        "confirmation": {
+                            "title": "Delete endpoint",
+                            "body": "Are you sure you want to delete the GraphQL endpoint '{{name}}'?"
+                        },
+                        "success": "The GraphQL endpoint '{{name}}' was deleted successfully."
                     },
                     "export_schema": {
                         "label": "Export schema definition",
@@ -796,6 +801,13 @@
                 "labels": {
                     "description": "Description"
                 }
+            },
+            "endpoint_configuration_modal": {
+                "title": "Configure GraphQL endpoint",
+                "messages": {
+                    "error_saving_configuration": "Error saving endpoint configuration",
+                    "success_saving_configuration": "Endpoint configuration saved"
+                }
             }
         },
         "create_endpoint": {
@@ -819,7 +831,8 @@
                     "graphql_schema_shapes": {
                         "title": "GraphQL schema shapes",
                         "messages": {
-                            "no_schemas": "No GraphQL schema shapes were found in the selected repository. You can choose or browse other repositories or choose the other source.",
+                            "loading_graphql_shapes": "Loading GraphQL schema shapes...",
+                            "no_schemas": "No GraphQL schema shapes were found in the selected repository. You can browse other repositories or change the source.",
                             "endpoint_per_shape": "Each GraphQL schema shape results in one endpoint"
                         }
                     },
@@ -846,17 +859,22 @@
                             "use_all_graphs": {
                                 "label": "Use all graphs",
                                 "messages": {
-                                    "all_graphs": "All {{count}} graphs are included for endpoint creation"
+                                    "all_graphs": "All {{count}} graphs are included for endpoint creation",
+                                    "no_graphs": "No graphs were found in the selected repository."
                                 }
                             },
                             "use_shacl_shape_graph": {
                                 "label": "Use SHACL shape graph",
                                 "messages": {
-                                    "all_shacl_shape_graphs": "All {{count}} SHACL shape graphs are included for endpoint creation"
+                                    "all_shacl_shape_graphs": "All {{count}} SHACL shape graphs are included for endpoint creation",
+                                    "no_graphs": "No SHACL shape graphs were found in the selected repository."
                                 }
                             },
                             "pick_graphs": {
-                                "label": "Select one or more graphs"
+                                "label": "Select one or more graphs",
+                                "messages": {
+                                    "no_graphs": "No graphs were found in the selected repository."
+                                }
                             }
                         },
                         "messages": {
@@ -871,6 +889,66 @@
                         "form": {}
                     }
                 },
+                "generate_endpoint": {
+                    "title": "Create",
+                    "overview": {
+                        "title": "Overview"
+                    },
+                    "messages": {
+                    }
+                },
+                "shapes_multiselect": {
+                    "available_options": {
+                        "title": "Available (not included)",
+                        "filter_placeholder": "Filter to select specific shapes"
+                    },
+                    "selected_options": {
+                        "title": "Included for generation",
+                        "count": "{{count}} GraphQL schema shapes included"
+                    },
+                    "actions": {
+                        "add": {
+                            "tooltip": "Add the shape to the list of included shapes"
+                        },
+                        "add_all": {
+                            "label": "Add all",
+                            "tooltip": "Add all shapes to the list of included shapes"
+                        },
+                        "remove": {
+                            "tooltip": "Remove the shape from the list of included shapes"
+                        },
+                        "remove_all": {
+                            "label": "Remove all",
+                            "tooltip": "Remove all shapes from the list of included shapes"
+                        }
+                    }
+                },
+                "graphs_multiselect": {
+                    "available_options": {
+                        "title": "Available (not included)",
+                        "filter_placeholder": "Filter to select specific graphs"
+                    },
+                    "selected_options": {
+                        "title": "Included for generation",
+                        "count": "{{count}} SHACL shape graphs are included"
+                    },
+                    "actions": {
+                        "add": {
+                            "tooltip": "Add the graph to the list of included graphs"
+                        },
+                        "add_all": {
+                            "label": "Add all",
+                            "tooltip": "Add all graphs to the list of included graphs"
+                        },
+                        "remove": {
+                            "tooltip": "Remove the graph from the list of included graphs"
+                        },
+                        "remove_all": {
+                            "label": "Remove all",
+                            "tooltip": "Remove all graphs from the list of included graphs"
+                        }
+                    }
+                },
                 "actions": {
                     "next": {
                         "label": "Next"
@@ -887,9 +965,15 @@
                         }
                     },
                     "generate_endpoint": {
-                        "label": "Generate"
+                        "label": "Create endpoint"
                     }
                 }
+            },
+            "messages": {
+                "source_repository_changed": {
+                    "title": "Confirm source repository change",
+                    "body": "Changing the source repository may affect your current setup and data. Are you sure you want to proceed?"
+                }
             }
         }
     },
@@ -2064,6 +2148,7 @@
     "common.error": "Error",
     "common.warning": "Warning",
     "common.loading": "Loading...",
+    "common.select": "Select...",
     "common.on.btn": "ON",
     "common.off.btn": "OFF",
     "common.search.btn": "Search",

package/dist/i18n/locale-fr.json

@@ -782,7 +782,12 @@
                     },
                     "delete_endpoint": {
                         "label": "Supprimer le point de terminaison",
-                        "tooltip": "Supprimer le point de terminaison GraphQL"
+                        "tooltip": "Supprimer le point de terminaison GraphQL",
+                        "confirmation": {
+                            "title": "Supprimer le point de terminaison",
+                            "body": "Êtes-vous sûr de vouloir supprimer le point de terminaison GraphQL '{{name}}'?"
+                        },
+                        "success": "Le point de terminaison GraphQL '{{name}}' a été supprimé avec succès."
                     },
                     "export_schema": {
                         "label": "Définition du schéma d'exportation",
@@ -796,6 +801,13 @@
                 "labels": {
                     "description": "Description"
                 }
+            },
+            "endpoint_configuration_modal": {
+                "title": "Configurer le point de terminaison GraphQL",
+                "messages": {
+                    "error_saving_configuration": "Erreur lors de l'enregistrement de la configuration du point de terminaison",
+                    "success_saving_configuration": "Configuration du point de terminaison enregistrée"
+                }
             }
         },
         "create_endpoint": {
@@ -819,7 +831,8 @@
                     "graphql_schema_shapes": {
                         "title": "Formes de schéma GraphQL",
                         "messages": {
-                            "no_schemas": "Aucune forme de schéma GraphQL n'a été trouvée dans le référentiel sélectionné. Vous pouvez choisir ou parcourir d'autres référentiels ou choisir l'autre source.",
+                            "loading_graphql_shapes": "Chargement des formes de schéma GraphQL...",
+                            "no_schemas": "Aucune forme de schéma GraphQL n'a été trouvée dans le référentiel sélectionné. Vous pouvez parcourir d'autres référentiels ou modifier la source.",
                             "endpoint_per_shape": "Chaque forme de schéma GraphQL génère un point de terminaison"
                         }
                     },
@@ -846,17 +859,22 @@
                             "use_all_graphs": {
                                 "label": "Utiliser tous les graphes",
                                 "messages": {
-                                    "all_graphs": "Les {{count}} graphes sont inclus pour la création de points de terminaison"
+                                    "all_graphs": "Les {{count}} graphes sont inclus pour la création de points de terminaison",
+                                    "no_graphs": "Aucun graphes n'a été trouvé dans le référentiel sélectionné."
                                 }
                             },
                             "use_shacl_shape_graph": {
                                 "label": "Utiliser le graphe de forme SHACL",
                                 "messages": {
-                                    "all_shacl_shape_graphs": "Les {{count}} graphes de forme SHACL sont inclus pour la création de points de terminaison"
+                                    "all_shacl_shape_graphs": "Les {{count}} graphes de forme SHACL sont inclus pour la création de points de terminaison",
+                                    "no_graphs": "Aucun graphes de forme SHACL n'a été trouvé dans le référentiel sélectionné."
                                 }
                             },
                             "pick_graphs": {
-                                "label": "Sélectionnez un ou plusieurs graphes"
+                                "label": "Sélectionnez un ou plusieurs graphes",
+                                "messages": {
+                                    "no_graphs": "Aucun graphes n'a été trouvé dans le référentiel sélectionné."
+                                }
                             }
                         },
                         "messages": {
@@ -871,6 +889,66 @@
                         "form": {}
                     }
                 },
+                "generate_endpoint": {
+                    "title": "Créer",
+                    "overview": {
+                        "title": "Aperçu"
+                    },
+                    "messages": {
+                    }
+                },
+                "shapes_multiselect": {
+                    "available_options": {
+                        "title": "Disponible (non inclus)",
+                        "filter_placeholder": "Filtrer pour sélectionner des formes spécifiques"
+                    },
+                    "selected_options": {
+                        "title": "Inclus pour la génération",
+                        "count": "{{count}} formes de schéma GraphQL incluses"
+                    },
+                    "actions": {
+                        "add": {
+                            "tooltip": "Ajouter la forme à la liste des formes incluses"
+                        },
+                        "add_all": {
+                            "label": "Ajouter tout",
+                            "tooltip": "Ajouter toutes les formes à la liste des formes incluses"
+                        },
+                        "remove": {
+                            "tooltip": "Supprimer la forme de la liste des formes incluses"
+                        },
+                        "remove_all": {
+                            "label": "Supprimer tout",
+                            "tooltip": "Supprimer toutes les formes de la liste des formes incluses"
+                        }
+                    }
+                },
+                "graphs_multiselect": {
+                    "available_options": {
+                        "title": "Disponible (non inclus)",
+                        "filter_placeholder": "Filtrer pour sélectionner des graphiques spécifiques"
+                    },
+                    "selected_options": {
+                        "title": "Inclus pour la génération",
+                        "count": "{{count}} graphes de forme SHACL sont inclus"
+                    },
+                    "actions": {
+                        "add": {
+                            "tooltip": "Ajouter le graphe à la liste des graphes inclus"
+                        },
+                        "add_all": {
+                            "label": "Ajouter tout",
+                            "tooltip": "Ajouter tous les graphes à la liste des graphes inclus"
+                        },
+                        "remove": {
+                            "tooltip": "Supprimer le graphe de la liste des graphes inclus"
+                        },
+                        "remove_all": {
+                            "label": "Supprimer tout",
+                            "tooltip": "Supprimer tous les graphes de la liste des graphes inclus"
+                        }
+                    }
+                },
                 "actions": {
                     "next": {
                         "label": "Suivant"
@@ -887,9 +965,15 @@
                         }
                     },
                     "generate_endpoint": {
-                        "label": "Générer"
+                        "label": "Créer un point de terminaison"
                     }
                 }
+            },
+            "messages": {
+                "source_repository_changed": {
+                    "title": "Confirmer le changement de référentiel source",
+                    "body": "La modification du référentiel source peut affecter votre configuration et vos données actuelles. Êtes-vous sûr de vouloir continuer?"
+                }
             }
         }
     },
@@ -2064,6 +2148,7 @@
     "common.error": "Erreur",
     "common.warning": "Avertissement",
     "common.loading": "Chargement...",
+    "common.select": "Sélectionner...",
     "common.on.btn": "AU",
     "common.off.btn": "DÉSACTIVÉ",
     "common.search.btn": "Rechercher",

package/dist/index.html

@@ -13,9 +13,9 @@
 
     <link rel="apple-touch-icon-precomposed" href="icon.png">
 
-    <script src="plugin-registry.js?v=3.0.0-TR5"></script>
-    <script src="plugins.js?v=3.0.0-TR5"></script>
-<link rel="shortcut icon" href="icon.png"><link href="vendor.a08cc5f4f3735b7995ef.css" rel="stylesheet"><link href="main.63445569f6ee6182d55c.css" rel="stylesheet"></head>
+    <script src="plugin-registry.js?v=3.0.0-TR7"></script>
+    <script src="plugins.js?v=3.0.0-TR7"></script>
+<link rel="shortcut icon" href="icon.png"><link href="vendor.a08cc5f4f3735b7995ef.css" rel="stylesheet"><link href="main.f63e0bc7552ca649c214.css" rel="stylesheet"></head>
 
 <body>
 
@@ -175,6 +175,6 @@
 <script type="application/javascript">
     window.wbDevMode = false;
 </script>
-<script type="text/javascript" src="vendor.87e0b9d2fd826096cf01.bundle.js"></script><script type="text/javascript" src="main.96ef3d6910da4296aa98.bundle.js"></script><script type="text/javascript" src="bundle.f03702f69db014a4a726.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.5da49e9179d504506dd9.bundle.js"></script><script type="text/javascript" src="main.c0e578d0985f503f26a6.bundle.js"></script><script type="text/javascript" src="bundle.065c2c63e23c5b3a59f0.bundle.js"></script></body>
 
 </html>

package/dist/js/angular/core/directives/autocomplete/templates/autocomplete.html

@@ -1,4 +1,4 @@
-<link href="css/autocomplete-select.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="autocomplete-select-wrapper">
     <div class="autocomplete-select">

package/dist/js/angular/core/directives/dynamic-form/templates/dynamic-form.html

@@ -0,0 +1,70 @@
+<div class="dynamic-form">
+    <form name="dynamicForm" novalidate>
+        <div ng-repeat="field in fields" class="row mb-1 form-field">
+            <!-- Label column -->
+            <label class="col-sm-3 col-form-label field-label">
+                {{field.label}}
+                <sup ng-if="field.required">*</sup>
+            </label>
+
+            <!-- Input column -->
+            <div class="col-sm-9">
+                <!-- STRING -->
+                <div class="string-field  input-field" ng-if="field.type === FIELD_TYPE.STRING">
+                    <input type="text"
+                           placeholder="{{field.regex.toString()}}"
+                           class="form-control"
+                           name="{{field.key}}"
+                           ng-model="field.value"
+                           ng-pattern="field.regex"
+                           ng-required="field.required"/>
+                </div>
+
+                <!-- TEXT-->
+                <div class="string-field  text-field" ng-if="field.type === FIELD_TYPE.TEXT">
+                    <textarea type="text"
+                              class="form-control"
+                              name="{{field.key}}"
+                              ng-model="field.value"
+                              ng-required="field.required"></textarea>
+                </div>
+
+                <!-- BOOLEAN -->
+                <div class="boolean-field" ng-if="field.type === FIELD_TYPE.BOOLEAN">
+                    <input type="checkbox"
+                           name="{{field.key}}"
+                           ng-model="field.value"
+                           ng-required="field.required"/>
+                </div>
+
+                <!-- SINGLE SELECT -->
+                <div class="select-field" ng-if="field.type === FIELD_TYPE.SELECT">
+                    <select class="form-control"
+                            name="{{field.key}}"
+                            ng-model="field.value"
+                            ng-options="option as option.label for option in field.values track by option.value"
+                            ng-required="field.required">
+                    </select>
+                </div>
+
+                <!-- MULTI-SELECT -->
+                <div class="multiselect-field" ng-if="field.type === FIELD_TYPE.MULTI_SELECT">
+                    <multiselect-dropdown
+                        name="{{field.key}}"
+                        ng-model="field.value"
+                        options="field.values"
+                        ng-required="field.required"> </multiselect-dropdown>
+                </div>
+
+                <!-- JSON -->
+                <div class="json-field" ng-if="field.type === FIELD_TYPE.JSON">
+                    <textarea
+                        class="form-control"
+                        name="{{field.key}}"
+                        ng-model="field.value"
+                        ng-required="field.required"></textarea>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>