npm - graphdb-workbench - Versions diffs - 3.0.0-TR9 → 3.0.0 - Mend

graphdb-workbench 3.0.0-TR9 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1069) hide show

package/dist/index.html CHANGED Viewed

@@ -13,15 +13,15 @@
     <link rel="apple-touch-icon-precomposed" href="icon.png">
-    <script src="plugin-registry.js?v=3.0.0-TR9"></script>
-    <script src="plugins.js?v=3.0.0-TR9"></script>
-<link rel="shortcut icon" href="icon.png"><link href="vendor.a08cc5f4f3735b7995ef.css" rel="stylesheet"><link href="main.f63e0bc7552ca649c214.css" rel="stylesheet"></head>
+    <script src="plugin-registry.js?v=3.0.0"></script>
+    <script src="plugins.js?v=3.0.0"></script>
+<link rel="shortcut icon" href="icon.png"><link href="vendor.a08cc5f4f3735b7995ef.css" rel="stylesheet"><link href="main.5817afe491b57adc093e.css" rel="stylesheet"></head>
 <body>
 <div class="status-bar bg-white" ng-hide="!showMainManuAndStatusBar()" ng-cloak>
     <!-- Looking glass search icon -->
-    <rdf-resource-search ng-if="showRdfResourceSearch()" on-open="onRdfResourceSearch()"></rdf-resource-search>
+    <rdf-resource-search ng-if="showRdfResourceSearch() && !hasGraphqlRightsOverCurrentRepo()" on-open="onRdfResourceSearch()"></rdf-resource-search>
     <!-- Invalid/expired license notification -->
     <div ng-if="!getLicense().valid && showLicense()">
@@ -45,8 +45,8 @@
                 ng-mouseover="setPopoverRepo(getActiveRepositoryObject())"
                 popover-trigger="none"
                 popover-is-open="isActiveRepoPopoverOpen"
-                popover-popup-delay="500"
                 ng-mouseenter="openActiveRepoPopover()"
+                ng-mouseleave="cancelPopoverOpen()"
                 popover-placement="left-bottom"
                 uib-popover-template="popoverTemplate"
                 popover-title="{{'security.repository.title' | translate}} {{getActiveRepositoryObject().id}}"
@@ -57,11 +57,11 @@
                 <em ng-class="'icon-repo-' + getActiveRepositoryObject().type"></em>
                 {{getActiveRepository()}}{{ getActiveRepositoryShortLocation() }}
             </span>
-            <span class="no-selected-repository" ng-if="!getActiveRepository() && getReadableRepositories().length">{{'choose.repo' | translate}}</span>
-            <span class="no-repositories" ng-if="!getActiveRepository() && !getReadableRepositories().length">{{'no.accessible.repos.warning' | translate}}</span>
+            <span class="no-selected-repository" ng-if="!getActiveRepository() && getAllAccessibleRepositories().length">{{'choose.repo' | translate}}</span>
+            <span class="no-repositories" ng-if="!getActiveRepository() && !getAllAccessibleRepositories().length">{{'no.accessible.repos.warning' | translate}}</span>
         </button>
         <ul class="dropdown-menu dropdown-menu-right pre-scrollable" aria-labelledby="dropdownMenuButton">
-            <li ng-repeat="repository in getReadableRepositories() | orderBy: ['location', 'id']"
+            <li ng-repeat="repository in getAllAccessibleRepositories() | orderBy: ['location', 'id']"
                 ng-if="!isRepoActive(repository)"
                 ng-mouseover="handlePopovers(repository)" popover-popup-delay="500"
                 popover-trigger="mouseenter" popover-placement="left-bottom"
@@ -152,10 +152,33 @@
         </p>
     </div>
-        <div class="container-fluid main-container" ng-show="hasPermission()" ng-view role="main"
-             ng-class="(menuCollapsed || checkMenu()) ? 'expanded':''">
+    <div class="container-fluid main-container no-authority-panel" ng-if="hasPermission() && !hasAuthority() && getActiveRepository()"
+         ng-class="(menuCollapsed || checkMenu()) ? 'expanded':''">
+        <h1>
+            {{title}}
+            <page-info-tooltip></page-info-tooltip>
+        </h1>
+        <div class="mb-2 row">
+            <div role="alert">
+                <div class="mb-1 mt-1 ml-1 mr-1">
+                    <div class="card repository-errors">
+                        <div class="alert lead alert-warning">
+                            <div>{{'core.errors.restricted.warning.msg' | translate}}
+                                <span>{{'core.errors.no.auth.to.repository.warning.msg' | translate}}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
         </div>
+    </div>
+    <div class="container-fluid main-container"
+         ng-if="hasPermission() && hasAuthority()"
+         ng-view
+         role="main"
+         ng-class="(menuCollapsed || checkMenu()) ? 'expanded':''">
+    </div>
     <footer ng-show="showFooter" class="footer">
         <div class="container-fluid main-container">
@@ -175,6 +198,6 @@
 <script type="application/javascript">
     window.wbDevMode = false;
 </script>
-<script type="text/javascript" src="vendor.8c5ad517e5750a6b09aa.bundle.js"></script><script type="text/javascript" src="main.5af41729d1e27ca750c1.bundle.js"></script><script type="text/javascript" src="bundle.65c87ce960314f25727c.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.bcc7ef4ba5602fe23602.bundle.js"></script><script type="text/javascript" src="main.85305882dbea4d332323.bundle.js"></script><script type="text/javascript" src="bundle.2a78ee86f58a4cf6f5d3.bundle.js"></script></body>
 </html>

package/dist/js/angular/clustermanagement/templates/cluster-nodes-configuration.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<link href="css/cluster-nodes-configuration.css?v=[AIV]{version}[/AIV]" rel="stylesheet"/>
+<link href="css/cluster-nodes-configuration.css?v=3.0.0" rel="stylesheet"/>
 <div onto-loader-new ng-if="loader" class="create-cluster-loader" message="getLoaderMessage" size="100"></div>
 <div class="add-node-wrapper pull-right mb-1">
@@ -96,7 +96,7 @@
                 <td class="index-cell"><span ng-if="!node.isDeleted">{{node.index + 1}}</span></td>
                 <td class="data location-cell">
                     <div class="autocomplete-container">
-                            <textarea type="text" name="location" required
+                            <input type="text" name="location" required
                                       ng-model="node.endpoint"
                                       ng-change="filterSuggestions(node)"
                                       ng-blur="hideSuggestions(node)"
@@ -105,12 +105,10 @@
                                       validate-url exclude="/repositories" exclude-protocol="ftp,ftps"
                                       validate-duplicate-url excluded-urls="clusterNodesEndpoints"
                                       allow-empty="false"
-                                      autocomplete="off"
                                       class="form-control form-control-sm textarea-edit"
                                       uib-tooltip="{{'remote.location.enter.url.msg' | translate}}"
                                       tooltip-placement="top"
                                       placeholder="{{'cluster_management.update_cluster_group_dialog.field_placeholders.location' | translate}}">
-                            </textarea>
                         <ul ng-show="suggestions.length > 0 && showDropdown" class="autocomplete-dropdown">
                             <li ng-repeat="suggestion in suggestions"
                                 ng-mouseup="selectSuggestion(node, suggestion)">
@@ -152,7 +150,7 @@
                 <td class="index-cell"></td>
                 <td class="data location-cell">
                     <div class="autocomplete-container">
-                            <textarea type="text" name="location" required
+                            <input type="text" name="location" required
                                       ng-model="newLocation.endpoint"
                                       ng-change="filterSuggestions(newLocation)"
                                       ng-blur="hideSuggestions(newLocation)"
@@ -161,12 +159,10 @@
                                       validate-url exclude="/repositories" exclude-protocol="ftp,ftps"
                                       validate-duplicate-url excluded-urls="clusterNodesEndpoints"
                                       allow-empty="false"
-                                      autocomplete="off"
                                       class="form-control form-control-sm textarea-edit"
                                       uib-tooltip="{{'remote.location.enter.url.msg' | translate}}"
                                       tooltip-placement="top"
                                       placeholder="{{'cluster_management.update_cluster_group_dialog.field_placeholders.location' | translate}}">
-                            </textarea>
                         <ul ng-show="suggestions.length > 0 && showDropdown" class="autocomplete-dropdown">
                             <li ng-repeat="suggestion in suggestions"
                                 ng-mouseup="selectSuggestion(newLocation, suggestion)">

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

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

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

@@ -1,70 +1,31 @@
-<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>
+<link href="css/dynamic-form.css?v=3.0.0" rel="stylesheet"/>
-            <!-- 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>
+<div class="dynamic-form-container">
+    <form name="dynamicForm" novalidate class="dynamic-form">
+        <div ng-repeat="model in formModel.models">
+            <!-- Groups -->
+            <div ng-if="model.groupId && (model.fields.length > 0 || showAllFields)" class="form-group">
+                <h5 class="group-title">
+                    <span
+                        gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + model.groupId + '.tooltip') : null) | translate}}">
+                        {{(translationKeyPrefix ? (translationKeyPrefix + model.groupId + '.label') : model.groupId) | translate}}
+                    </span>
+                </h5>
+                <dynamic-form-field ng-repeat="field in model.fields" field="field" form="dynamicForm"
+                                    translation-key-prefix="translationKeyPrefix">
+                </dynamic-form-field>
-                <!-- 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 class="hidden-fields">
+                    <dynamic-form-field ng-if="showAllFields" ng-repeat="field in model.hiddenFields"
+                                        field="field" form="dynamicForm" translation-key-prefix="translationKeyPrefix">
+                    </dynamic-form-field>
                 </div>
             </div>
+            <!-- Individual fields -->
+            <dynamic-form-field ng-if="!model.groupId" field="model" form-name="dynamicForm"
+                                translation-key-prefix="translationKeyPrefix">
+            </dynamic-form-field>
         </div>
     </form>
 </div>

package/dist/js/angular/core/directives/dynamic-form/templates/form-field-template.html ADDED Viewed

@@ -0,0 +1,101 @@
+<div class="form-field">
+    <!-- STRING -->
+    <div class="form-inline string-field  input-field" ng-if="field.type === FIELD_TYPE.STRING">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <input type="text"
+               id="{{field.key}}"
+               name="{{field.key}}"
+               class="form-control"
+               ng-model="field.value"
+               ng-pattern="field.regex"
+               ng-required="field.required"/>
+    </div>
+    <!-- TEXT-->
+    <div class="form-inline string-field text-field" ng-if="field.type === FIELD_TYPE.TEXT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <textarea type="text"
+                  id="{{field.key}}"
+                  name="{{field.key}}"
+                  class="form-control"
+                  ng-model="field.value"
+                  ng-required="field.required"></textarea>
+    </div>
+    <!-- BOOLEAN -->
+    <div class="form-inline boolean-field" ng-if="field.type === FIELD_TYPE.BOOLEAN">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <input type="checkbox"
+               id="{{field.key}}"
+               name="{{field.key}}"
+               ng-model="field.value"
+               ng-required="field.required"/>
+    </div>
+    <!-- SINGLE SELECT -->
+    <div class="form-inline select-field" ng-if="field.type === FIELD_TYPE.SELECT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <select class="form-control"
+                id="{{field.key}}"
+                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="form-inline multiselect-field" ng-if="field.type === FIELD_TYPE.MULTI_SELECT">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <multiselect-dropdown
+            id="{{field.key}}"
+            name="{{field.key}}"
+            ng-model="field.value"
+            options="field.values"
+            ng-required="field.required"></multiselect-dropdown>
+    </div>
+    <!-- JSON -->
+    <div class="form-inline json-field" ng-if="field.type === FIELD_TYPE.JSON">
+        <label class="field-label" for="{{field.key}}"
+               gdb-tooltip="{{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.tooltip') : null) | translate}}">
+            {{(translationKeyPrefix ? (translationKeyPrefix + field.key + '.label') : field.label) | translate}}
+            <sup ng-if="field.required">*</sup>
+        </label>
+        <textarea
+            id="{{field.key}}"
+            name="{{field.key}}"
+            class="form-control"
+            ng-model="field.value"
+            ng-required="field.required"></textarea>
+    </div>
+    <div class="alert alert-danger"
+         ng-if="field.required && form[field.key].$touched && form[field.key].$invalid">
+        {{'required.field' | translate}}
+    </div>
+    <div class="alert alert-danger"
+         ng-if="!field.required && form[field.key].$touched && form[field.key].$invalid">
+        {{'invalid.field.value' | translate: {pattern: field.regex.toString()} }}
+    </div>
+</div>

package/dist/js/angular/core/directives/graphql-playground/templates/graphql-playground.html CHANGED Viewed

@@ -1,6 +1,7 @@
 <div ng-if="!!configuration" class="graphql-playground-component">
     <graphql-playground-component
         ng-custom-element
-        ngce-prop-configuration="configuration">
+        ngce-prop-configuration="configuration"
+        ngce-on-abort_query="abortQuery($event)">
     </graphql-playground-component>
 </div>

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

@@ -1,4 +1,4 @@
-<link href="css/operations-statuses-monitor.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=3.0.0" 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 CHANGED Viewed

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

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

@@ -1,4 +1,4 @@
-<link href="css/shuttle-multiselect.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/shuttle-multiselect.css?v=3.0.0" rel="stylesheet"/>
 <div class="shuttle-multiselect">
     <div class="shuttle-panel available-options">

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

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

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

@@ -1,4 +1,4 @@
-<link href="css/cookie-policy.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/cookie-policy.css?v=3.0.0" 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 CHANGED Viewed

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

package/dist/js/angular/core/templates/core-errors.html CHANGED Viewed

@@ -31,7 +31,7 @@
                     </button>
                 </div>
                 <ul class="list-group limit-height clearfix two-columns repos" ng-mouseleave="hidePopoverForRepo($event)">
-                    <li ng-repeat="repository in getAccessibleRepositories() | orderBy: ['type === \'system\'', 'location', 'id']"
+                    <li ng-repeat="repository in getAllAccessibleRepositories() | orderBy: ['type === \'system\'', 'location', 'id']"
                         ng-if="repository.id !== getActiveRepository() || repository.location !== getActiveRepositoryObject().location"
                         class="list-group-item list-group-item-action repository"
                         ng-class="{'remote': !repository.local}"

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

@@ -1,5 +1,5 @@
-<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0-TR9" rel="stylesheet"/>
-<link href="css/wizard.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/graphql/create-graphql-endpoint.css?v=3.0.0" rel="stylesheet"/>
+<link href="css/wizard.css?v=3.0.0" rel="stylesheet"/>
 <div class="create-graphql-endpoint-view">
     <h1 id="title-container">
@@ -7,7 +7,7 @@
         <page-info-tooltip></page-info-tooltip>
     </h1>
-    <div core-errors></div>
+    <div class="core-errors-container" core-errors></div>
     <div class="create-graphql-endpoint-container">
@@ -19,6 +19,7 @@
                     <select id="sourceRepositorySelector" ng-model="selectedSourceRepository"
                             ng-options="repository as repository.label for repository in sourceRepositories"
                             ng-change="onSelectedSourceRepositoryChange(selectedSourceRepository)"
+                            ng-disabled="generatingEndpoint"
                             class="form-control source-repository-selector"
                             gdb-tooltip="{{'graphql.create_endpoint.toolbar.source_repository_selector.tooltip' | translate}}"
                             tooltip-placement="top">
@@ -29,7 +30,8 @@
             <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}">
+                        <div ng-repeat="step in wizardModel.steps" ng-click="onStepClick(step); $event.preventDefault()"
+                             class="wizard-step" ng-class="{active: step.active, completed: step.visited}">
                             <span class="step-title">{{'graphql.create_endpoint.wizard_steps.' + step.id + '.title' | translate}}</span>
                             <span class="fa fa-chevron-right step-decoration"></span>
                         </div>

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

@@ -1,4 +1,4 @@
-<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/graphql/graphql-endpoint-management.css?v=3.0.0" rel="stylesheet"/>
 <div class="graphql-endpoint-management-view">
     <h1 id="title-container">
@@ -46,28 +46,47 @@
                aria-describedby="GraphQL endpoints info table">
             <thead>
             <tr>
-                <th scope="col" class="toggle"></th>
-                <th scope="col" class="endpoint-id">{{'graphql.endpoints_management.table.column.id' | translate}}</th>
-                <th scope="col" class="endpoint-label">
-                    {{'graphql.endpoints_management.table.column.label' | translate}}
+                <th scope="col" class="toggle-col"></th>
+                <th scope="col" class="status-col"></th>
+                <th scope="col" class="endpoint-id-col">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.id.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.id.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-is-default">
-                    {{'graphql.endpoints_management.table.column.is_default' | translate}}
+                <th scope="col" class="endpoint-label-col">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.label.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.label.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-is-active">
-                    {{'graphql.endpoints_management.table.column.is_active' | translate}}
+                <th scope="col" class="endpoint-is-default-col text-center">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.is_default.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.is_default.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-modified-on">
-                    {{'graphql.endpoints_management.table.column.modified_on' | translate}}
+                <th scope="col" class="endpoint-is-active-col text-center">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.is_active.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.is_active.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-types-count">
-                    {{'graphql.endpoints_management.table.column.types_count' | translate}}
+                <th scope="col" class="endpoint-modified-on-col">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.modified_on.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.modified_on.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-props-count">
-                    {{'graphql.endpoints_management.table.column.props_count' | translate}}
+                <th scope="col" class="endpoint-types-count-col numeric">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.types_count.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.types_count.label' | translate}}
+                    </span>
                 </th>
-                <th scope="col" class="endpoint-actions">
-                    {{'graphql.endpoints_management.table.column.actions' | translate}}
+                <th scope="col" class="endpoint-props-count-col numeric">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.props_count.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.props_count.label' | translate}}
+                    </span>
+                </th>
+                <th scope="col" class="endpoint-actions-col">
+                    <span gdb-tooltip="{{'graphql.endpoints_management.table.column.actions.tooltip' | translate}}">
+                        {{'graphql.endpoints_management.table.column.actions.label' | translate}}
+                    </span>
                 </th>
             </tr>
             </thead>
@@ -86,34 +105,43 @@
                         <i class="fa fa-chevron-down" ng-if="expandedRow === $index"></i>
                     </a>
                 </td>
+                <td class="status-cell">
+                    <a href="#" ng-if="endpoint.errors > 0 || endpoint.warnings > 0"
+                       ng-click="onShowEndpointReport(endpoint)"
+                       gdb-tooltip="{{'graphql.endpoints_management.table.actions.view_report.tooltip' | translate}}"
+                       class="endpoint-report-link btn btn-link">
+                        <i ng-if="!endpoint.createdSuccessfully" class="fa-regular fa-circle-xmark status-failed"></i>
+                        <i ng-if="endpoint.createdSuccessfully" class="fa-regular fa-circle-check status-success"></i>
+                    </a>
+                </td>
                 <td>
-                    <i ng-if="endpoint.createdSuccessfully" class="fa-regular fa-circle-check status-success"></i>
-                    <i ng-if="!endpoint.createdSuccessfully" class="fa-regular fa-circle-xmark status-failed"></i>
                     <span ng-if="!endpoint.active"
                           gdb-tooltip="{{'graphql.endpoints_management.table.actions.explore_endpoint.inactive.tooltip' | translate}}"
                           class="endpoint-link">{{endpoint.endpointId}}</span>
                     <a ng-if="endpoint.active" href="#" ng-click="onExploreEndpoint(endpoint)"
                        gdb-tooltip="{{'graphql.endpoints_management.table.actions.explore_endpoint.active.tooltip' | translate}}"
                        class="endpoint-link">{{endpoint.endpointId}}</a>
-                    <a href="#" ng-if="!endpoint.createdSuccessfully" ng-click="onShowEndpointReport(endpoint)"
-                       gdb-tooltip="{{'graphql.endpoints_management.table.actions.view_report.tooltip' | translate}}"
-                       class="endpoint-report-link">{{'graphql.endpoints_management.table.actions.view_report.label' | translate}}</a>
                 </td>
                 <td>{{endpoint.label}}</td>
-                <td>
+                <td class="default-endpoint-selector">
                     <label class="endpoint-default-state">
                         <input type="radio" ng-model="selectedDefaultEndpoint.default" ng-value="endpoint.default"
+                               ng-disabled="!endpoint.createdSuccessfully"
                                ng-change="setEndpointAsDefault(endpoint)"/>
                     </label>
                 </td>
-                <td>
-                    <span ng-if="endpoint.active" class="is-active">yes</span>
-                    <span ng-if="!endpoint.active" class="is-not-active">no</span>
+                <td class="active-endpoint-selector">
+                    <span ng-click="!endpoint.createdSuccessfully || toggleEndpointActiveState(endpoint)"
+                          class="toggle-active-state">
+                        <input type="checkbox" class="switch" ng-checked="endpoint.active"
+                               ng-disabled="!endpoint.createdSuccessfully"/>
+                        <label></label>
+                    </span>
                 </td>
-                <td>{{endpoint.lastModified | date: 'yyyy-MM-dd'}}</td>
-                <td>{{endpoint.objectsCount}}</td>
-                <td>{{endpoint.propertiesCount}}</td>
-                <td>
+                <td title="{{endpoint.lastModified}}">{{endpoint.lastModified | date: 'yyyy-MM-dd'}}</td>
+                <td class="objects-count numeric">{{endpoint.objectsCount}}</td>
+                <td class="properties-count numeric">{{endpoint.propertiesCount}}</td>
+                <td class="endpoint-actions">
                     <div class="btn-group">
                         <button class="btn btn-link secondary btn-sm open-endpoint-actions-btn"
                                 data-toggle="dropdown" aria-expanded="false"

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

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

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

@@ -1,19 +1,26 @@
-<link href="css/graphql/graphql-endpoint-configuration-modal.css?v=3.0.0-TR9" rel="stylesheet"/>
+<link href="css/graphql/graphql-endpoint-configuration-modal.css?v=3.0.0" rel="stylesheet"/>
 <div class="modal-header">
     <h3 class="modal-title">{{'graphql.endpoints_management.endpoint_configuration_modal.title' | translate}}</h3>
+    <span ng-click="toggleAdvancedSettings()" class="toggle-advanced-settings">
+        <input type="checkbox" class="switch" ng-checked="showAdvancedSettings"/>
+        <label></label>
+        <span>{{'graphql.endpoints_management.endpoint_configuration_modal.actions.show_advanced_settings.label' | translate}}</span>
+    </span>
 </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)"
+    <dynamic-form ng-if="!loadingEndpointConfigurationSettings" form-model="endpointConfigurationSettings.settings"
+                  on-validity-change="handleValidityChange(valid)" show-all-fields="showAdvancedSettings"
+                  translation-key-prefix="graphql.endpoints_management.endpoint_configuration_modal.settings."
                   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 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"