graphdb-workbench 3.0.0-TR5 → 3.0.0-TR7

package/dist/js/angular/core/directives/multiselect-dropdown/templates/multiselect-dropdown.html

@@ -0,0 +1,15 @@
+<div class="dropdown multi-select" ng-class="{'open': isOpen}">
+    <button type="button"
+            class="form-control dropdown-toggle multi-select text-left"
+            ng-click="toggleDropdown()">
+        {{ dropdownLabel || getSelectedText() }}
+    </button>
+    <ul class="dropdown-menu multi-select" role="menu">
+        <li class="dropdown-item multi-select"
+            ng-repeat="option in options track by $index"
+            ng-click="toggleSelection(option)">
+            <input type="checkbox" ng-model="option.selected">
+            {{option.label}}
+        </li>
+    </ul>
+</div>

package/dist/js/angular/core/directives/operations-statuses-monitor/templates/operations-statuses-monitor.html

@@ -1,4 +1,4 @@
-<link href="css/operations-statuses-monitor.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div ng-if="activeOperations && activeOperations.operations && activeOperations.operations.length > 0"
      class="operations-statuses btn-group">

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

@@ -1,4 +1,4 @@
-<link href="css/rdf-resource-search.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div ng-cloak>
     <div id="search-box"

package/dist/js/angular/core/directives/shuttle-multiselect/templates/shuttle-multiselect.html

@@ -0,0 +1,51 @@
+<link href="css/shuttle-multiselect.css?v=3.0.0-TR7" rel="stylesheet"/>
+
+<div class="shuttle-multiselect">
+    <div class="shuttle-panel available-options">
+        <div class="shuttle-panel-header">
+            <h5>{{labels.availableOptionsTitle | translate}}</h5>
+        </div>
+        <div class="shuttle-panel-toolbar toolbar-left">
+            <input type="text" class="form-control filter-selected"
+                   placeholder="{{labels.availableOptionsFilter | translate}}"
+                   ng-model="searchLeft">
+            <a href="#" ng-click="selectAll()" class="btn-link secondary add-all-btn"
+               gdb-tooltip="{{labels.selectAllTooltip | translate}}"
+               tooltip-placement="top">{{labels.selectAllLabel | translate}}</a>
+        </div>
+        <div class="options-list">
+            <div class="option-item"
+                 ng-repeat="item in availableOptions | searchFilter:searchLeft | orderBy:'label' track by $index">
+                <span>{{item.label}}</span>
+                <a href="#" ng-click="selectOption(item)" class="btn-link secondary item-action add-btn"
+                   gdb-tooltip="{{labels.selectTooltip | translate}}"
+                   tooltip-placement="top">
+                    <span class="fa fa-plus-circle"></span>
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="shuttle-panel selected-options">
+        <div class="shuttle-panel-header">
+            <h5>{{labels.selectedOptionsTitle | translate}}</h5>
+        </div>
+        <div class="shuttle-panel-toolbar toolbar-right">
+            <div ng-if="selectedOptions.length" class="selected-items-message">
+                {{labels.selectedOptionsCount | translate:{count: selectedOptions.length} }}
+            </div>
+            <a href="#" ng-click="deselectAll()" class="btn-link secondary remove-all-btn"
+               gdb-tooltip="{{labels.deselectAllTooltip | translate}}"
+               tooltip-placement="top">{{labels.deselectAllLabel | translate}}</a>
+        </div>
+        <div class="options-list">
+            <div class="option-item" ng-repeat="item in selectedOptions | orderBy:'label' track by $index">
+                <span>{{item.label}}</span>
+                <a href="#" ng-click="deselectOption(item)" class="btn-link secondary item-action remove-btn"
+                   gdb-tooltip="{{labels.deselectTooltip | translate}}"
+                   tooltip-placement="top">
+                    <span class="fa fa-minus-circle"></span>
+                </a>
+            </div>
+        </div>
+    </div>
+</div>

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

@@ -1,4 +1,4 @@
-<link href="css/lib/ontotext-yasgui-web-component.css?v=3.0.0-TR5" rel="stylesheet">
+<link href="css/lib/ontotext-yasgui-web-component.css?v=3.0.0-TR7" rel="stylesheet">
 
 <ontotext-yasgui
     class="{{classToApply}}"

package/dist/js/angular/core/templates/cookie-policy/cookie-consent.html

@@ -1,4 +1,4 @@
-<link href="css/cookie-policy.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/cookie-policy.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="cookie-consent-modal" ng-show="showCookieConsent">
     <div class="cookie-consent-content">

package/dist/js/angular/core/templates/cookie-policy/cookie-policy.html

@@ -1,4 +1,4 @@
-<link href="css/cookie-policy.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/cookie-policy.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="cookie-policy-modal">
     <div class="title">{{'cookie.policy.title' | translate}}</div>

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

@@ -1,17 +1,12 @@
-<div ng-click="onClick($event)">
-    <div class="modal-header">
-        <button ng-click="cancel();" class="close" aria-hidden="true"></button>
-        <h3 class="modal-title">{{title}}</h3>
-    </div>
-    <div class="modal-body">
-        <div class="lead" ng-bind-html="message">
-        </div>
-    </div>
-    <div class="modal-footer">
-        <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()">{{ (confirmButtonKey || 'common.yes.btn') | translate}}
-        </button>
+<div class="modal-header">
+	<button ng-click="cancel();" class="close" aria-hidden="true"></button>
+    <h3 class="modal-title">{{title}}</h3>
+</div>
+<div class="modal-body">
+    <div class="lead" ng-bind-html="message">
     </div>
 </div>
+<div class="modal-footer">
+    <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()">{{ (confirmButtonKey || 'common.yes.btn') | translate}}</button>
+</div>

package/dist/js/angular/graphql/templates/create-graphql-endpoint.html

@@ -1,5 +1,5 @@
-<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0-TR5" rel="stylesheet"/>
-<link href="css/wizard.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0-TR7" rel="stylesheet"/>
+<link href="css/wizard.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="create-graphql-endpoint-view">
     <h1 id="title-container">
@@ -9,50 +9,49 @@
 
     <div core-errors></div>
 
-    <div onto-loader-new
-         ng-show="false"
-         class="create-graphql-endpoint-view-loader"
-         size="100">
-    </div>
-
     <div class="create-graphql-endpoint-container">
 
-        <div class="toolbar">
-            <div class="form-inline">
-                <label
-                    for="sourceRepositorySelector">{{'graphql.create_endpoint.toolbar.source_repository_selector.label' | translate}}</label>
-                <select id="sourceRepositorySelector" ng-model="selectedSourceRepository"
-                        ng-options="repository as repository.label for repository in sourceRepositories"
-                        ng-change="onSelectedSourceRepositoryChange(selectedSourceRepository)"
-                        class="form-control source-repository-selector"
-                        gdb-tooltip="{{'graphql.create_endpoint.toolbar.source_repository_selector.tooltip' | translate}}"
-                        tooltip-placement="top">
-                </select>
+        <div class="content">
+            <div class="toolbar">
+                <div class="form-inline">
+                    <label
+                        for="sourceRepositorySelector">{{'graphql.create_endpoint.toolbar.source_repository_selector.label' | translate}}</label>
+                    <select id="sourceRepositorySelector" ng-model="selectedSourceRepository"
+                            ng-options="repository as repository.label for repository in sourceRepositories"
+                            ng-change="onSelectedSourceRepositoryChange(selectedSourceRepository)"
+                            class="form-control source-repository-selector"
+                            gdb-tooltip="{{'graphql.create_endpoint.toolbar.source_repository_selector.tooltip' | translate}}"
+                            tooltip-placement="top">
+                    </select>
+                </div>
             </div>
-        </div>
 
-        <div class="wizard-container mt-2">
-            <div class="wizard">
-                <div class="wizard-steps">
-                    <div ng-repeat="step in wizardModel.steps" class="wizard-step" ng-class="{active: step.active}">
-                        <span class="step-title">{{'graphql.create_endpoint.wizard_steps.' + step.id + '.title' | translate}}</span>
-                        <span class="fa fa-chevron-right step-decoration"></span>
+            <div class="wizard-container mt-2">
+                <div class="wizard">
+                    <div class="wizard-steps">
+                        <div ng-repeat="step in wizardModel.steps" class="wizard-step" ng-class="{active: step.active}">
+                            <span class="step-title">{{'graphql.create_endpoint.wizard_steps.' + step.id + '.title' | translate}}</span>
+                            <span class="fa fa-chevron-right step-decoration"></span>
+                        </div>
                     </div>
-                </div>
 
-                <div class="wizard-content">
-                    <div ng-repeat="step in wizardModel.steps" ng-if="step.active" class="wizard-step-content">
-                        <div ng-switch="step.id">
-                            <div ng-switch-when="select_schema_sources">
-                                <select-schema-sources step-definition="step"></select-schema-sources>
-                            </div>
-                            <div ng-switch-when="configure_endpoint">
-                                <configure-endpoint step-definition="step"></configure-endpoint>
+                    <div class="wizard-content">
+                        <div ng-repeat="step in wizardModel.steps" ng-if="step.active" class="wizard-step-content">
+                            <div ng-switch="step.id">
+                                <div ng-switch-when="select_schema_sources">
+                                    <select-schema-sources step-definition="step"></select-schema-sources>
+                                </div>
+                                <div ng-switch-when="configure_endpoint">
+                                    <configure-endpoint step-definition="step"></configure-endpoint>
+                                </div>
+                                <div ng-switch-when="generate_endpoint">
+                                    <generate-endpoint step-definition="step"></generate-endpoint>
+                                </div>
                             </div>
-                            <!-- Add more components as needed -->
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
+</div>

package/dist/js/angular/graphql/templates/graphql-endpoint-management.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="graphql-endpoint-management-view">
     <h1 id="title-container">
@@ -14,7 +14,7 @@
          size="100">
     </div>
 
-    <div ng-if="!loadingEndpointsInfo" class="endpoint-management-container">
+    <div ng-if="getActiveRepository() && !loadingEndpointsInfo" class="endpoint-management-container">
 
         <div class="toolbar">
             <div class="endpoints-filter">
@@ -72,7 +72,8 @@
             </tr>
             </thead>
             <tbody>
-            <tr ng-repeat-start="endpoint in endpointsInfoList.endpoints track by endpoint.endpointId">
+            <tr ng-repeat-start="endpoint in endpointsInfoList.endpoints track by endpoint.endpointId"
+                ng-class="{'row-overlay': deletingEndpoint}">
                 <td class="toggle-row">
                     <a href="#" ng-click="toggleRow($event, $index)">
                         <i class="fa fa-chevron-right" ng-if="expandedRow !== $index"></i>
@@ -100,15 +101,14 @@
                 <td>{{endpoint.objectsCount}}</td>
                 <td>{{endpoint.propertiesCount}}</td>
                 <td>
-                    <div class="btn-group">
-                        <button class="btn btn-link secondary btn-sm open-agent-actions-btn"
+                    <div ng-if="!deletingEndpoint" class="btn-group">
+                        <button class="btn btn-link secondary btn-sm open-endpoint-actions-btn"
                                 data-toggle="dropdown" aria-expanded="false"
                                 ng-if="true"
-                                ng-click="openAgentActionMenu()"
                                 ng-disabled="false">
                             <i class="fa fa-ellipsis"></i>
                         </button>
-                        <div class="dropdown-menu dropdown-menu-right agent-actions-menu">
+                        <div class="dropdown-menu dropdown-menu-right endpoint-actions-menu">
                             <button class="dropdown-item export-schema-btn" type="button"
                                     ng-click="onExportSchema(endpoint)">
                                 <i class="fa fa-arrow-down-to-line"></i>&nbsp;
@@ -127,6 +127,8 @@
                             </button>
                         </div>
                     </div>
+                    <div class="endpoint-operation-progress" ng-if="deletingEndpoint" onto-loader-fancy size="25"
+                         hide-message="true"></div>
                 </td>
             </tr>
             <tr ng-repeat-end ng-if="expandedRow === $index" class="endpoint-description-row">

package/dist/js/angular/graphql/templates/graphql-playground.html

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-playground.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/graphql/graphql-playground.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="graphql-playground-view">
     <h1 id="title-container">

package/dist/js/angular/graphql/templates/modal/endpoint-configuration-modal.html

@@ -0,0 +1,25 @@
+<link href="css/graphql/graphql-endpoint-configuration-modal.css?v=3.0.0-TR7" rel="stylesheet"/>
+
+<div class="modal-header">
+    <h3 class="modal-title">{{'graphql.endpoints_management.endpoint_configuration_modal.title' | translate}}</h3>
+</div>
+<div class="modal-body graphql-endpoint-configuration-modal-body">
+    <div class="graphql-endpoint-configuration-loader" onto-loader-new hide-message="true"
+         size="100" ng-show="loadingEndpointConfigurationSettings"></div>
+
+    <dynamic-form ng-if="!loadingEndpointConfigurationSettings" fields="endpointConfigurationSettings.settings"
+                  on-validity-change="handleValidityChange(valid)"
+                  form-ctrl="formCtrl">
+    </dynamic-form>
+</div>
+<div class="modal-footer mt-0">
+    <button type="button" class="btn btn-secondary cancel-btn" ng-click="cancel()">{{'common.cancel.btn' | translate}}</button>
+    <button id="graphql-endpoint-configuration-modal-submit"
+            class="btn btn-primary"
+            ng-disabled="!endpointConfigurationSettingsValid || savingEndpointSettings || formCtrl.$pristine"
+            ng-click="ok()" type="submit">
+        <span>{{'save.changes.label' | translate}}</span>
+        <span class="saving-endpoint-settings" ng-if="savingEndpointSettings" onto-loader-fancy hide-message="true"
+              size="15"></span>
+    </button>
+</div>

package/dist/js/angular/graphql/templates/step-configure-endpoint.html

@@ -0,0 +1,29 @@
+<div onto-loader-new ng-if="loadingData" class="schema-sources-loader" size="100"></div>
+
+<div ng-show="!loadingData" class="endpoint-configuration-view">
+
+    <h5 class="mt-2">
+        {{'graphql.create_endpoint.wizard_steps.configure_endpoint.endpoint_parameters.title' | translate}}</h5>
+
+    <div class="endpoint-configuration-container">
+        <dynamic-form ng-if="generationSettings" fields="generationSettings.settings"
+                      on-validity-change="handleValidityChange(valid)"
+                      form-ctrl="formCtrl" class="generation-settings-form">
+        </dynamic-form>
+    </div>
+
+    <div class="wizard-actions mt-2">
+        <button class="btn btn-secondary cancel-btn mr-1"
+                ng-click="cancel()">
+            {{'graphql.create_endpoint.wizard_steps.actions.cancel.label' | translate}}
+        </button>
+        <button class="btn btn-secondary back-btn mr-1"
+                ng-click="back()">
+            {{'graphql.create_endpoint.wizard_steps.actions.back.label' | translate}}
+        </button>
+        <button class="btn btn-primary next-btn" ng-disabled="!endpointConfigurationSettingsValid || formCtrl.$pristine"
+                ng-click="next()">
+            {{'graphql.create_endpoint.wizard_steps.actions.next.label' | translate}}
+        </button>
+    </div>
+</div>

package/dist/js/angular/graphql/templates/step-generate-endpoint.html

@@ -0,0 +1,25 @@
+<div class="generate-endpoint-view">
+
+    <h5 class="mt-2">
+        {{'graphql.create_endpoint.wizard_steps.generate_endpoint.overview.title' | translate}}</h5>
+
+
+    <div class="generate-endpoint-container">
+        overview widget
+    </div>
+
+    <div class="wizard-actions mt-2">
+        <button class="btn btn-secondary cancel-btn mr-1"
+                ng-click="cancel()">
+            {{'graphql.create_endpoint.wizard_steps.actions.cancel.label' | translate}}
+        </button>
+        <button class="btn btn-secondary back-btn mr-1"
+                ng-click="back()">
+            {{'graphql.create_endpoint.wizard_steps.actions.back.label' | translate}}
+        </button>
+        <button class="btn btn-primary generate-endpoint-btn"
+                ng-click="generateEndpoint()">
+            {{'graphql.create_endpoint.wizard_steps.actions.generate_endpoint.label' | translate}}
+        </button>
+    </div>
+</div>

package/dist/js/angular/graphql/templates/step-select-schema-sources.html

@@ -0,0 +1,163 @@
+<div onto-loader-new ng-if="loadingData" class="schema-sources-loader" size="100"></div>
+
+<!-- Using ng-show instead of ng-if here and down below because of the endpointParamsForm for which we need angular to
+ bind the form controller to the scope immediately. Otherwise, we have to do gimmicks with timeout or intervals in order
+ to obtain it from the DOM -->
+<div ng-show="!loadingData" class="select-schema-source-view">
+    <div class="schema-source-types mt-2">
+        <div ng-repeat="type in stepDefinition.schemaSourceTypes"
+             class="schema-source-type mr-3">
+            <label>
+                <input type="radio" ng-model="stepDefinition.schemaSourceType" ng-value="type.value"
+                       ng-change="onSchemaSourceTypeChange()">
+                {{'graphql.create_endpoint.wizard_steps.select_schema_sources.source_type.' + type.value + '.label' | translate}}
+            </label>
+        </div>
+    </div>
+
+    <!--    GraphQL schema shapes selection -->
+
+    <div class="schema-source-container graphql-schema-shapes"
+         ng-if="stepDefinition.schemaSourceType === schemaSourceType.GRAPHQL_SCHEMA_SHAPES">
+
+        <h5 class="mt-2">
+            {{'graphql.create_endpoint.wizard_steps.select_schema_sources.graphql_schema_shapes.title' | translate}}</h5>
+
+        <div ng-if="endpointConfiguration">
+            <div ng-if="!graphqlSchemaShapes.shapes.length"
+                 class="alert alert-warning no-shapes mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.graphql_schema_shapes.messages.no_schemas' | translate}}</span>
+            </div>
+
+            <div ng-if="graphqlSchemaShapes.shapes.length"
+                 class="alert alert-info shapes-count mt-2 mb-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.graphql_schema_shapes.messages.endpoint_per_shape' | translate}}</span>
+            </div>
+
+            <div ng-if="graphqlSchemaShapes.shapes.length" class="graphql-shapes-selector">
+                <shuttle-multiselect options="graphqlSchemaShapes.shapes"
+                                     selected="endpointConfiguration.selectedGraphqlSchemaShapes.shapes"
+                                     labels="shapesMultiselectLabels"></shuttle-multiselect>
+            </div>
+        </div>
+    </div>
+
+    <!--    Ontologies and SHACL shapes selection -->
+
+    <div class="schema-source-container ontologies-and-shacl-shapes"
+         ng-show="stepDefinition.schemaSourceType === schemaSourceType.SHACL_SHAPES">
+
+        <h5 class="mt-2">
+            {{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.title' | translate}}</h5>
+
+        <!--        Endpoint properties form -->
+
+        <form name="endpointParamsForm" id="endpointParamsForm" class="endpoint-params-form">
+            <div class="endpoint-param-field">
+                <div class="form-inline endpoint-id">
+                    <label for="endpointId"
+                           uib-popover="{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_id.tooltip' | translate}}"
+                           popover-trigger="mouseenter">{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_id.label' | translate}}*</label>
+                    <input type="text" class="form-control" id="endpointId" name="endpointId"
+                           ng-model="endpointConfiguration.params.endpointId"
+                           required autocomplete="off"
+                           placeholder="{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_id.placeholder' | translate}}">
+                </div>
+                <div class="alert alert-danger"
+                     ng-if="endpointParamsForm.endpointId.$touched && endpointParamsForm.endpointId.$invalid">
+                    {{'required.field' | translate}}
+                </div>
+            </div>
+
+            <div class="endpoint-param-field">
+                <div class="form-inline vocabulary-prefix">
+                    <label for="vocabularyPrefix"
+                           uib-popover="{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.vocabulary_prefix.tooltip' | translate}}"
+                           popover-trigger="mouseenter">{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.vocabulary_prefix.label' | translate}}*</label>
+                    <select ng-if="!loadingPrefixes" class="form-control" id="vocabularyPrefix" name="vocabularyPrefix"
+                            required ng-model="endpointConfiguration.params.vocPrefix"
+                            ng-options="prefix.value as prefix.label for prefix in prefixList">
+                    </select>
+                    <div class="loading-prefixes" ng-if="loadingPrefixes" onto-loader-new size="25"></div>
+                </div>
+                <div class="alert alert-danger"
+                     ng-if="endpointParamsForm.vocabularyPrefix.$touched && endpointParamsForm.vocabularyPrefix.$invalid">
+                    {{'required.field' | translate}}
+                </div>
+            </div>
+
+            <div class="endpoint-param-field">
+                <div class="form-inline endpoint-label">
+                    <label for="endpointLabel"
+                           uib-popover="{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_label.tooltip' | translate}}"
+                           popover-trigger="mouseenter">{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_label.label' | translate}}</label>
+                    <input type="text" class="form-control" id="endpointLabel" name="endpointLabel"
+                           ng-model="endpointConfiguration.params.endpointLabel" autocomplete="off"
+                           placeholder="{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.form.endpoint_label.placeholder' | translate}}">
+                </div>
+            </div>
+        </form>
+
+        <div class="schema-source-types mt-2">
+            <div ng-repeat="type in stepDefinition.ontologyShaclShapeSources"
+                 class="graph-source-type mr-3">
+                <label>
+                    <input type="radio" ng-model="stepDefinition.ontotlogyShaclShapeSource" ng-value="type.value"
+                           ng-change="onOntologyShaclShapeSourceChange()">
+                    {{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.' + type.value + '.label' | translate}}
+                </label>
+            </div>
+        </div>
+
+        <div class="schema-source-container use-all-graphs"
+             ng-if="stepDefinition.ontotlogyShaclShapeSource === ontologyShaclShapeSource.USE_ALL_GRAPHS">
+            <div ng-if="!graphs.graphList.length"
+                 class="alert alert-warning no-graphs mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.use_all_graphs.messages.no_graphs' | translate}}</span>
+            </div>
+
+            <div ng-if="graphs.graphList.length" class="alert alert-success all-graphs-selected mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.use_all_graphs.messages.all_graphs' |
+                translate: {count: graphs.graphList.length} }}</span>
+            </div>
+        </div>
+
+        <div class="schema-source-container use-all-shacl-shape-graphs"
+             ng-if="stepDefinition.ontotlogyShaclShapeSource === ontologyShaclShapeSource.USE_SHACL_SHAPE_GRAPH">
+            <div ng-if="!shaclShapeGraphs.graphList.length"
+                 class="alert alert-warning no-shacl-shapes mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.use_shacl_shape_graph.messages.no_graphs' | translate}}</span>
+            </div>
+
+            <div ng-if="shaclShapeGraphs.graphList.length" class="alert alert-success mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.use_shacl_shape_graph.messages.all_shacl_shape_graphs' |
+                translate: {count: shaclShapeGraphs.graphList.length} }}</span>
+            </div>
+        </div>
+
+        <div ng-if="stepDefinition.ontotlogyShaclShapeSource === ontologyShaclShapeSource.PICK_GRAPHS"
+             class="schema-source-container select-graphs mt-2">
+            <div ng-if="!graphs.graphList.length"
+                 class="alert alert-warning no-graphs mt-2">
+                <span>{{'graphql.create_endpoint.wizard_steps.select_schema_sources.shacl_shapes.source.pick_graphs.messages.no_graphs' | translate}}</span>
+            </div>
+
+            <div ng-if="allGraphs.graphList.length" class="graphs-selector">
+                <shuttle-multiselect options="allGraphs.graphList"
+                                     selected="endpointConfiguration.selectedGraphs.graphList"
+                                     labels="graphsMultiselectLabels"></shuttle-multiselect>
+            </div>
+        </div>
+    </div>
+
+    <div class="wizard-actions mt-2">
+        <button class="btn btn-secondary cancel-btn mr-1" ng-click="cancel()"
+                gdb-tooltip="{{'graphql.create_endpoint.wizard_steps.actions.cancel.tooltip' | translate}}"
+                tooltip-placement="top">
+            {{'graphql.create_endpoint.wizard_steps.actions.cancel.label' | translate}}
+        </button>
+        <button ng-click="next()" ng-disabled="!canProceed()" class="btn btn-primary next-btn">
+            {{'graphql.create_endpoint.wizard_steps.actions.next.label' | translate}}
+        </button>
+    </div>
+</div>

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

@@ -31,7 +31,7 @@
 	</ul>
 </script>
 
-<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/lib/ng-tags-input/ng-tags-input.min.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <h1>
     {{pageTitle}}

package/dist/js/angular/ttyg/templates/agent-list.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-list.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-list.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="agent-list-component">
     <div class="agents-filter-dropdown btn-group" uib-dropdown>

package/dist/js/angular/ttyg/templates/agent-select-menu.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-select-menu.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-select-menu.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="btn-group agent-select-menu" uib-dropdown>
     <button type="button" class="btn dropdown-toggle-btn" uib-dropdown-toggle

package/dist/js/angular/ttyg/templates/chat-item-detail.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-item-details.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/chat-item-details.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="chat-detail">
     <div class="user-message" ng-if="chatItemDetail.question">

package/dist/js/angular/ttyg/templates/chat-list.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-list.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/chat-list.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="chat-list-component">
     <div class="chat-list">

package/dist/js/angular/ttyg/templates/chat-panel.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/chat-panel.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/chat-panel.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="chat-panel h-100" ng-class="chat.chatHistory.isEmpty() && !askingChatItem ? 'no-content' : ''">
 

package/dist/js/angular/ttyg/templates/modal/agent-instructions-explain-modal.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-instructions-explain-modal.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-instructions-explain-modal.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>

package/dist/js/angular/ttyg/templates/modal/agent-settings-modal.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/agent-settings-modal.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/agent-settings-modal.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="modal-header">
     <button type="button" class="close" ng-click="close()"></button>

package/dist/js/angular/ttyg/templates/no-agents-view.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/no-agents-view.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/no-agents-view.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="no-agents-view-component">
     <div class="content">

package/dist/js/angular/ttyg/templates/ttyg.html

@@ -1,4 +1,4 @@
-<link href="css/ttyg/ttyg.css?v=3.0.0-TR5" rel="stylesheet"/>
+<link href="css/ttyg/ttyg.css?v=3.0.0-TR7" rel="stylesheet"/>
 
 <div class="ttyg-view" ng-class="{'help-visible': isHelpVisible}">
     <h1 id="ttyg-view-title">