graphdb-workbench 2.8.0-TR9 → 2.8.0

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

@@ -24,6 +24,10 @@
     --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 {
@@ -44,6 +48,23 @@
     font-style: normal;
 }
 
+.fa, .fa-regular, .fa-light, .fa-thin {
+    /*
+    General fix for FontAwesome icons being somewhat larger than our icons font.
+    font-size-adjust has other ways to do this (ex-height N) but that doesn't work well
+    with this font in Firefox. This magic value works identically in all browsers.
+    */
+    font-size-adjust: ch-width 0.52;
+}
+
+.pull-right {
+    float: right
+}
+
+.pull-left {
+    float: left
+}
+
 [class^="icon-"], [class*=" icon-"], .icon-any, .fa-d3 {
     speak: none;
     font-style: normal;
@@ -683,6 +704,8 @@ main menu height*/
 
 .main-menu .menu-item-icon {
     font-size: 2.5rem;
+    width: 2.5rem;
+    text-align: center;
     vertical-align: middle;
     color: var(--primary-color);
     transform: scale(0.9);
@@ -694,12 +717,6 @@ main menu height*/
     pointer-events: none;
 }
 
-.main-menu .menu-item-icon.fa-flask {
-    /* Temporary: until we get our own icon */
-    font-size: 2rem;
-    padding: 4px 5px;
-}
-
 .main-menu .menu-element-root .menu-item {
     pointer-events: none;
 }
@@ -1035,6 +1052,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);
 }
@@ -1073,13 +1094,16 @@ main menu height*/
     transition: transform 0.15s ease-out;
 }
 
-.btn [class^="icon-"] {
-    font-size: 1.4em;
+.btn [class^="icon-"],
+.btn .fa {
     line-height: 0.75;
+    font-size: 1.4em;
     display: inline-block;
+    vertical-align: middle;
 }
 
-.btn.btn-inline [class^="icon-"] {
+.btn.btn-inline [class^="icon-"],
+.btn.btn-inline .fa {
      font-size: inherit;
      line-height: inherit;
      vertical-align: inherit;

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

@@ -7,6 +7,7 @@
     --main-font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
     --main-font-weight: 300;
     --mono-font: 'JetBrains Mono', Menlo, Consolas, 'Ubuntu Mono', monospace;
+    --fa-style: 400;
 }
 
 /*-------------------------------------------------------------

package/dist/css/cookie-policy.css

@@ -0,0 +1,52 @@
+.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 {
+    display: flex;
+    justify-content: center;
+    align-items: 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, .ontopic-instances, .location-type-title {
+.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

@@ -86,7 +86,7 @@
     margin-top: 4px;
 }
 
-.agent-list-component .agent-item .btn-group .dropdown-menu-right {
+.agent-list-component .agent-item .btn-group .agent-actions-menu {
     margin-top: 4px;
 }
 

package/dist/css/ttyg/agent-select-menu.css

@@ -20,6 +20,7 @@
     width: auto;
     background-color: #fff;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    max-width: 30vw;
 }
 
 .agent-select-menu .dropdown-menu li {
@@ -38,10 +39,43 @@
 
 .agent-select-menu .dropdown-menu li a {
     text-decoration: none;
-    display: block;
 }
 
-.agent-select-menu .agent-name {
+.agent-select-menu .agent-option,
+.agent-select-menu .selected-agent-option {
+    display: flex;
+    overflow: hidden;
+    align-items: center;
+    gap: 0.2em;
+    width: 100%;
+}
+
+.agent-select-menu .agent-option .agent-name,
+.agent-select-menu .agent-option .repository-id {
     color: var(--secondary-color);
     font-weight: 400;
 }
+
+.agent-select-menu .agent-option .agent-name,
+.agent-select-menu .agent-option .repository-id,
+.agent-select-menu .selected-agent-option .agent-name,
+.agent-select-menu .selected-agent-option .repository-id {
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.agent-select-menu .agent-option .agent-name,
+.agent-select-menu .selected-agent-option .agent-name {
+    flex: 0 1 auto;
+}
+
+.agent-select-menu .agent-option .repository-id,
+.agent-select-menu .selected-agent-option .repository-id {
+    flex: 0 1 50%;
+    text-align: left;
+}
+
+.agent-select-menu .agent-option .agent-with-deleted-repository,
+.agent-select-menu .selected-agent-option .agent-with-deleted-repository{
+    flex: 0 1 auto;
+}

package/dist/css/ttyg/agent-settings-modal.css

@@ -1,5 +1,16 @@
 :root {
     --field-label-weight: 500;
+    --error-color: #FA787E;
+    --warning-color: #8a6d3b;
+}
+
+.agent-settings-modal .modal-footer {
+    display: flex;
+    justify-content: space-between;
+}
+
+.agent-settings-modal .modal-footer > div {
+    flex-grow: 1;
 }
 
 .agent-settings-modal .modal-footer .creating-agent-loader {
@@ -12,13 +23,22 @@
     font-weight: var(--field-label-weight);
 }
 
+.agent-settings-modal .agent-settings-form [type="checkbox"],
+.agent-settings-modal .agent-settings-form [type="checkbox"] + label {
+    cursor: pointer;
+}
+
 .agent-settings-modal .agent-settings-form .extraction-methods {
     display: flex;
     flex-direction: column;
 }
 
 .agent-settings-modal .agent-settings-form .has-error {
-    outline: 1px solid #FA787E;
+    outline: 1px solid var(--error-color);
+}
+
+.agent-settings-modal .agent-settings-form .has-warning {
+    outline: 2px solid var(--warning-color);
 }
 
 .agent-settings-modal .agent-settings-form .extraction-methods .extraction-method-heading {