graphdb-workbench 2.7.6 → 2.8.0-RC1

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

@@ -3,16 +3,6 @@
     filter: var(--body-filter);
 }
 
-/* Firefox workaround: Set the background colour for the html
-   element separately because, unlike other browsers, Firefox
-   doesn’t apply the filter to the root element’s background. */
-@supports (-moz-appearance:none) {
-    html {
-        /* This must be white (#fff) inverted as many % as in the body filter */
-        background-color: var(--html-background);
-    }
-}
-
 /* Do not invert media (revert the invert) - since the body invert is 95% we can't revert it perfectly
    (we could if the body invert was 100%) but it's close enough */
 img, video, .brand {

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

@@ -18,6 +18,16 @@
     /* Link decoration, see GDB-9013 before you touch these */
     --link-decoration-thickness: clamp(1px, 6%, 10px);
     --link-underline-offset: clamp(1px, 6%, 10px);
+    /* The base background color that is used for panels and other similar elements */
+    --base-background-color: #f7f7f7;
+    /* The base background color that is used for selected panels or elements */
+    --base-background-selected-color: #dcdcdc;
+    /* The base background color that is used for hover effects in panels and elements */
+    --base-background-hover-color: rgba(0, 0, 0, .1);
+
+    /* Graphwise colors */
+    --graphwise-blue-color: #001FFF;
+    --graphwise-pink-color: #DF367C;
 }
 
 :root.menu-collapsed {
@@ -640,7 +650,7 @@ main menu height*/
 
 .main-menu li .menu-element-root:hover,
 .main-menu .sub-menu li:hover {
-    background-color: rgba(0, 0, 0, .1);
+    background-color: var(--base-background-hover-color);
 }
 
 .main-menu li .menu-element-root:hover .menu-item-icon,
@@ -654,7 +664,7 @@ main menu height*/
 
 .main-menu .menu-element {
     border-bottom: 1px solid #fff;
-    background-color: #f7f7f7;
+    background-color: var(--base-background-color);
     position: relative;
 }
 
@@ -742,7 +752,7 @@ main menu height*/
 
 .main-menu .menu-element.open,
 .main-menu.collapsed .menu-element:hover {
-    background-color: #dcdcdc;
+    background-color: var(--base-background-selected-color);
 }
 
 .main-menu .sub-menu {
@@ -1029,6 +1039,10 @@ main menu height*/
     text-underline-offset: var(--link-underline-offset);
 }
 
+.btn-link-only-icons {
+    text-decoration: none !important;
+}
+
 .btn-link.secondary {
     color: rgba(0, 0, 0, .66);
 }

package/dist/css/cluster-nodes-configuration.css

@@ -0,0 +1,100 @@
+.add-node-wrapper {
+    position: sticky;
+    top: 0;
+    z-index: 1000;
+    background-color: white;
+    width: 100%;
+    margin-top: 0;
+    text-align: right;
+    padding: 16px 12px 0 12px;
+}
+
+.cluster-nodes-configuration-modal {
+    padding: 0;
+}
+
+.modal-header {
+    padding: 15px 15px 0 15px;
+}
+
+.table-responsive {
+    padding: 0 12px 12px 12px;
+}
+
+.labels-row th {
+    border-top: none;
+}
+
+@media (min-width: 1440px) {
+    .modal-dialog.modal-lg {
+        width: 1400px;
+        max-width: 1400px;
+    }
+}
+
+.errors {
+    min-height: 36px;
+}
+
+.cluster-group-table td, .cluster-group-table th {
+     padding: .4rem;
+     border-bottom: 1px solid #eceeef;
+ }
+
+.index-cell {
+    width: 36px;
+    padding-left: 12px;
+    border-left: 1px solid #eceeef;
+}
+
+.location-cell {
+    width: 50%;
+    border-left: 1px solid #eceeef;
+}
+
+.location-cell .autocomplete-container>.textarea-edit {
+    font-size: 1rem;
+    min-height: 32px;
+}
+
+.location-cell.adding {
+    color: var(--color-success-dark);
+}
+
+.location-cell.deleting {
+    text-decoration: line-through;
+}
+
+.info-cell {
+    text-align: right;
+}
+
+.status-cell {
+    border-left: 1px solid #eceeef;
+}
+
+.status-cell .adding {
+    color: var(--color-success-dark);
+}
+
+.status-cell .deleting {
+    color: var(--color-warning-dark);
+}
+
+.status-cell .status-icon {
+    padding: 0 4px;
+}
+
+.actions-cell {
+    width: 80px;
+    border-left: 1px solid #eceeef;
+    border-right: 1px solid #eceeef;
+}
+
+.actions-cell .btn-link, .actions-cell .btn-link a {
+    padding: 0.4em .4em;
+}
+
+.delete-node-tooltip {
+    max-width: 250px;
+}

package/dist/css/clustermanagement.css

@@ -265,3 +265,149 @@ div.nodetooltip {
 .toggle-legend-btn .btn {
     text-decoration: none;
 }
+
+.autocomplete-container {
+    position: relative;
+}
+
+.autocomplete-dropdown {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #ccc;
+    background-color: white;
+    max-height: 150px;
+    overflow-y: auto;
+    position: absolute;
+    width: 100%;
+    z-index: 1000;
+}
+
+.autocomplete-dropdown li {
+    padding: 8px;
+    cursor: pointer;
+}
+
+.autocomplete-dropdown li:hover {
+    background-color: #f0f0f0;
+}
+
+.error-message {
+    font-size: x-small;
+    color: var(--color-warning-dark);
+}
+
+.alert-save {
+    margin-left: 12px;
+    margin-right: 12px;
+}
+
+.alert-save.alert-warning:before {
+    content: "\e920";
+}
+
+.autocomplete-container {
+    position: relative;
+}
+
+.autocomplete-dropdown {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    border: 1px solid #ccc;
+    background-color: white;
+    max-height: 150px;
+    overflow-y: auto;
+    position: absolute;
+    width: 100%;
+    z-index: 1000;
+}
+
+.autocomplete-dropdown li {
+    padding: 8px;
+    cursor: pointer;
+}
+
+.autocomplete-dropdown li:hover {
+    background-color: #f0f0f0;
+}
+
+.error-message {
+    font-size: x-small;
+    color: var(--color-warning-dark);
+}
+
+.alert-save {
+    margin-left: 12px;
+    margin-right: 12px;
+}
+
+.alert-save.alert-warning:before {
+    content: "\e920";
+}
+
+ul.nodes-list {
+    list-style: none;
+    padding-left: 0;
+}
+
+ul.nodes-list li {
+    margin-bottom: 10px;
+}
+
+ul.nodes-list li a {
+    text-decoration: none;
+}
+
+ul.nodes-list li a:hover {
+    text-decoration: underline;
+}
+
+.tags-table .tag-column {
+    width: auto;
+}
+
+.tags-table .tag-index-column {
+    width: 16%;
+}
+
+
+.tags-table .index-column {
+    width: 10%;
+}
+
+.actions-column {
+    width: 80px;
+}
+
+.tag-input.ng-invalid.ng-dirty {
+    border-color: red;
+}
+
+.tag-input.ng-valid.ng-dirty {
+    border-color: initial;
+}
+
+.tags-table td, .tags-table th {
+    padding: .4rem;
+    border-bottom: 1px solid #eceeef;
+}
+
+.index-cell {
+    padding-left: 12px;
+    border-left: 1px solid #eceeef;
+}
+
+.actions-cell {
+    width: 80px;
+    border-right: 1px solid #eceeef;
+}
+
+.actions-cell .btn-link, .actions-cell .btn-link a {
+    padding: 0.4em .4em;
+}
+
+.secondary-tag-table td, .secondary-tag-table th {
+    padding: .4rem;
+    border-bottom: 1px solid #eceeef;
+}

package/dist/css/common.css

@@ -17,6 +17,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 300;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -26,6 +27,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 300;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -35,6 +37,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -44,6 +47,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -53,6 +57,7 @@
     font-family: 'Roboto';
     font-style: normal;
     font-weight: 500;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -62,6 +67,7 @@
     font-family: 'Roboto';
     font-style: italic;
     font-weight: 500;
+    font-display: swap;
     src: local(''),
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -72,6 +78,7 @@
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -81,6 +88,7 @@
     font-family: 'JetBrains Mono';
     font-style: normal;
     font-weight: 600;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -90,6 +98,7 @@
     font-family: 'JetBrains Mono';
     font-style: italic;
     font-weight: 400;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -99,6 +108,7 @@
     font-family: 'JetBrains Mono';
     font-style: italic;
     font-weight: 600;
+    font-display: swap;
     src: local(''),
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
     url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

package/dist/css/cookie-policy.css

@@ -0,0 +1,50 @@
+.cookie-consent-modal {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background-color: #fff;
+    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
+    padding: 20px;
+    z-index: 1050;
+    width: 100%;
+}
+
+.cookie-consent-content {
+    text-align: center;
+}
+
+.cookie-consent-content button {
+    margin-left: 12px;
+}
+
+.cookie-policy-modal {
+    padding: 24px 40px;
+    overflow-y: auto;
+}
+
+.cookie-policy-modal .modal-dialog {
+    width: 60% !important;
+    max-width: 60% !important;
+}
+
+.cookie-policy-modal .title {
+    font-size: xx-large;
+    font-weight: bolder;
+}
+
+.cookie-policy-modal .heading {
+    font-size: x-large;
+    font-weight: bolder;
+    margin-top: 12px;
+}
+
+.cookie-policy-modal .subheading {
+    font-size: large;
+    font-weight: bolder;
+    margin-top: 8px;
+}
+
+.cookie-policy-modal .text {
+    font-size: math;
+}

package/dist/css/find.css

@@ -3,7 +3,7 @@ b {
 }
 .angucomplete-dropdown {
     overflow-y: auto;
-    max-height: 200px; // your preference
+    max-height: 200px;
 }
 
 .angucomplete-row {

package/dist/css/import.css

@@ -60,23 +60,6 @@
     border-bottom: 1px dotted var(--secondary-color);
 }
 
-.copy-btn {
-    border: none;
-    background-color: transparent;
-    cursor: pointer;
-    padding: 0;
-    color: var(--secondary-color);
-}
-
-.copy-btn:hover {
-    transform: scale(1.1);
-    transition: all 0.1s ease-out;
-}
-
-.copy-btn:focus {
-    outline: none;
-}
-
 .import-resource-message-dialog .message {
     color: #000000;
     font-size: 15px;

package/dist/css/rdf-resource-search.css

@@ -28,12 +28,19 @@
   padding-right: 20px;
   width: 60vw;
 
-  -webkit-transition: all 0.3s ease-in; /* Safari */
-  transition: all 0.3s ease-in;
+    /* Safari */
+  -webkit-transition: top 0.3s ease-in, opacity 0.5s ease;
+  transition: top 0.3s ease-in, opacity 0.5s ease;
 }
 
-.show-rdf-search-box {
-  top: 40px;
+.show-rdf-search-box-visible {
+    top: 40px;
+    opacity: 1;
+}
+
+.show-rdf-search-box-invisible {
+    top: -550px;
+    opacity: 0;
 }
 
 @media (max-width: 768px) {

package/dist/css/repositories.css

@@ -355,7 +355,12 @@ span.label {
 
 .padding-label {
     padding-left: 15px;
-    padding-right: 15px
+    padding-right: 15px;
+}
+
+#remoteLocationForm > .remote-location-radio-list {
+    padding-left: 0;
+    padding-right: 4px
 }
 
 .wrapper-div {
@@ -408,9 +413,14 @@ span.label {
     border:0px !important;
 }
 
-.btns-all {
+.btns-all, .ontopic-instances, .location-type-title, .sparql-instances {
     padding: 0 13px;
 }
+
+.remote-location-type-title {
+    padding: 0;
+}
+
 .repository {
     padding: 0;
 }
@@ -455,7 +465,11 @@ span.label {
     margin-bottom: 0.5em;
 }
 
-.repository-status {
+.repository-status, .location-type {
     font-weight: bolder;
     font-variant-caps: all-small-caps;
 }
+
+.location-url {
+    font-size: 1.1rem;
+}

package/dist/css/ttyg/agent-instructions-explain-modal.css

@@ -0,0 +1,12 @@
+.instructions-explain .instruction-title {
+    font-weight: bolder;
+    margin-bottom: 0.5em;
+}
+
+.instructions-explain .instruction-content {
+    margin-top: 0.5em;
+}
+
+.instructions-explain pre {
+    white-space: pre-wrap;
+}

package/dist/css/ttyg/agent-list.css

@@ -0,0 +1,118 @@
+.agent-list-component {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    clip: rect(0, auto, auto, 0);
+}
+
+.agent-list-component .agent-list {
+    margin-top: 1rem;
+    height: 75vh;
+    max-height: 75vh;
+    overflow-y: hidden;
+    scrollbar-gutter: stable;
+}
+
+.agent-list-component:hover .agent-list {
+    overflow-y: auto;
+}
+
+.agent-list-component .agents-filter-dropdown {
+    width: 100%;
+}
+
+/* Reset the dropdown toggle button styles to make it look more like an input */
+.agent-list-component .agents-filter-dropdown .dropdown-toggle {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-weight: unset;
+    color: inherit;
+    border-color: var(--gray-color);
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle .selected-filter {
+    flex-grow: 1;
+    text-align: left;
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle:hover {
+    background-color: #fff;
+}
+
+.agent-list-component .agents-filter-dropdown .dropdown-toggle:after {
+    display: none;
+}
+
+.agent-list-component .agent-item {
+    padding: 6px 8px;
+    display: flex;
+    justify-content: space-between;
+}
+
+.agent-list-component .agent-item.selected {
+    background-color: var(--base-background-selected-color);
+}
+
+.agent-list-component .agent-item .agent-info {
+    width: 92%;
+}
+
+.agent-list-component .agent-item:hover {
+    background-color: var(--base-background-hover-color);
+    cursor: pointer;
+}
+
+.agent-list-component .agent-item .related-repository {
+    color: var(--gray-color-dark);
+}
+
+.agent-list-component .agent-item .agent-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 100%;
+}
+
+.agent-list-component .agent-item .agent-name a {
+    text-decoration: none;
+    color: unset;
+}
+
+.agent-list-component .agent-item .btn-group {
+    display: flex;
+    align-self: start;
+    margin-top: 4px;
+}
+
+.agent-list-component .agent-item .btn-group .agent-actions-menu {
+    margin-top: 4px;
+}
+
+.agent-list-component .agent-item .btn-group .dropdown-item span {
+    margin-left: 8px;
+}
+
+.agent-list-component .agent-item .open-agent-actions-btn {
+    display: none;
+}
+
+.agent-list-component .agent-item:not(.edited):hover .open-agent-actions-btn {
+    display: block;
+}
+
+.agent-list-component .deleting-agent-loader {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 60px;
+    padding: 6px 8px;
+    background-color: #00000066;
+    color: #fff;
+}
+
+.agent-list-component .selected-filter, .agent-list-component .agent-name {
+    color: var(--secondary-color);
+    font-weight: 400;
+}