graphdb-workbench 2.3.1 → 2.4.0-RC1

package/dist/css/clustermanagement.css

@@ -1,4 +1,8 @@
-svg {
+.cluster-view {
+  position: relative;
+}
+
+.cluster-view svg {
   background-color: #FFF;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -7,7 +11,7 @@ svg {
   user-select: none;
 }
 
-path.link {
+.cluster-view path.link {
   stroke-width: 3px;
 }
 
@@ -17,12 +21,15 @@ path.link {
 }
 
 .cluster-zone.no-cluster {
-  cursor: pointer;
   stroke: black;
   fill: transparent;
   transition: fill 0.2s, stroke 0.2s;
 }
 
+.cluster-zone.no-cluster.has-access {
+    cursor: pointer;
+}
+
 .cluster-zone.no-cluster:hover {
   stroke-width: 3 !important;
   fill: #f7f7f7 !important;
@@ -44,24 +51,24 @@ path.link {
 
 .node {
   cursor: pointer;
-  fill: var(--onto-grey);
+  fill: var(--gray-color);
   stroke: black;
 }
 
 .node.leader {
-  fill: var(--onto-orange)
+  fill: var(--primary-color)
 }
 
 .node.follower {
-  fill: var(--onto-blue)
+  fill: var(--secondary-color)
 }
 
 .node.candidate {
-  fill: var(--onto-green)
+  fill: var(--tertiary-color)
 }
 
 .node.other {
-  fill: var(--onto-grey)
+  fill: var(--gray-color)
 }
 
 #node-group.legend .node {
@@ -96,9 +103,20 @@ path.link {
   visibility: hidden;
 }
 
+.hidden {
+  display: none;
+}
+
 text.node-icon {
   fill: rgba(255, 255, 255, 0.5);
   font-size: 40px;
+}
+
+.id-host-background, .node-info-background {
+  fill: #EEEEEE;
+}
+
+text.node-icon {
   text-anchor: middle;
   dominant-baseline: central;
 }
@@ -109,13 +127,9 @@ text {
   pointer-events: none;
 }
 
-text.id {
+text.id-host, text.node-info-text {
   text-anchor: middle;
-  font-weight: 500;
-}
-
-text.id-host {
-    font-weight: 400;
+  font-weight: 400;
 }
 
 .text-btn {
@@ -147,10 +161,6 @@ div.nodetooltip {
   max-width: 400px;
 }
 
-.nodes {
-  position: relative;
-}
-
 .main-menu.collapsed ~ div .legend-container {
   left: 90px;
 }

package/dist/css/common.css

@@ -7,24 +7,6 @@
     --main-font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
     --main-font-weight: 300;
     --mono-font: 'JetBrains Mono', Menlo, Consolas, 'Ubuntu Mono', monospace;
-
-    --onto-orange-rgb: 232, 78, 15;
-    --onto-orange: #E84E0F;
-    --onto-orange-light: #ea5f26;
-    --onto-orange-dark: #d0460d;
-
-    --onto-blue-rgb: 0, 54, 99;
-    --onto-blue: #003663;
-    --onto-blue-light: #0060b0;
-    --onto-blue-dark: #003059;
-
-    --onto-green-rgb: 2, 169, 154;
-    --onto-green: #02A99A;
-    --onto-green-light: #1bb1a4;
-    --onto-green-dark: #01988a;
-
-    --onto-grey-rgb: 151, 153, 156;
-    --onto-grey: #97999C;
 }
 
 /*-------------------------------------------------------------

package/dist/css/dependencies.css

@@ -7,7 +7,7 @@
 }
 
 #download-svg:hover {
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 #circle:hover path.fade {
@@ -124,7 +124,7 @@ div.tooltip {
     border-left: 1pt solid #ffffff !important;
     border-top: 0.5pt solid #ffffff !important;
     border-right: 1pt solid #ffffff !important;
-    background-color: rgba(var(--onto-green-rgb), 0.30) !important;
+    background-color: hsla(var(--tertiary-color-hsl), 0.30) !important;
 }
 
 
@@ -157,7 +157,7 @@ div.tooltip {
 }
 
 .direction-filter-header {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-size: 18px;
 }
 
@@ -191,7 +191,7 @@ body .row {
     margin-top: 10px !important;
 }
 
-svg {
+.dependencies-chord svg {
     margin-left:auto;
     margin-right:auto;
     display:block;

package/dist/css/domain-range-graph.css

@@ -34,7 +34,7 @@
 }
 
 .link, .loop-link, .property-arrow, .implicit-property-arrow, .collapsed-property-arrow, .property-type-list-item-legend {
-    stroke: var(--onto-blue);
+    stroke: var(--secondary-color);
 }
 
 .legend-class-node {
@@ -92,7 +92,7 @@
 }
 
 .property-name:hover, .loop-link-property-name:hover, .left-class-label:hover, .right-class-label:hover, .rdf-class-label:hover {
-    fill: var(--onto-blue);
+    fill: var(--secondary-color);
 }
 
 .left-class-label {

package/dist/css/export.css

@@ -35,7 +35,7 @@
 .ot-owlim-ctrl .pagination > .active > a {
     background-color: #EBEBEB;
     border-color: #EBEBEB;
-    color: var(--onto-blue);
+    color: var(--secondary-color);
 }
 
 .ot-page-size .dropdown-menu {
@@ -65,8 +65,8 @@
   top: 3px;
 }
 .ot-owlim-ctrl .btn-primary[disabled] {
-	background-color: var(--onto-blue);
-	border-color: var(--onto-blue);
+	background-color: var(--secondary-color);
+	border-color: var(--secondary-color);
 	color: #fff;
 }
 
@@ -93,7 +93,7 @@
 }
 
 .arrows-up-down i.fa{
-    color: var(--onto-green);
+    color: var(--tertiary-color);
     font-size: 26px;
 }
 
@@ -118,8 +118,8 @@
     margin: 0;
     padding: 0;
     list-style: none;
-    background-color: var(--onto-blue);
-    border-color: var(--onto-blue);
+    background-color: var(--secondary-color);
+    border-color: var(--secondary-color);
     display: none;
 }
 
@@ -137,7 +137,7 @@
 
 .formats-list > li:hover{
     cursor: pointer;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .arrow-up {
@@ -145,7 +145,7 @@
     height: 0;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
-    border-bottom: 8px solid var(--onto-blue);
+    border-bottom: 8px solid var(--secondary-color);
     position: absolute;
     bottom: 0;
     left: 40px;
@@ -208,7 +208,7 @@
 #export-graphs .arrow-up{
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
-    border-bottom: 5px solid var(--onto-blue);
+    border-bottom: 5px solid var(--secondary-color);
     bottom: -2px;
     left: 19px;
 }
@@ -241,3 +241,7 @@
     bottom: -450px;
     right: -22px;
 }
+
+.clear-repository-btn {
+    margin-right: 5px;
+}

package/dist/css/graphs-config.css

@@ -52,13 +52,13 @@
 }
 
 .image-label:hover {
-    border-color: rgba(var(--onto-orange-rgb), 0.3);
-    background-color:  rgba(var(--onto-orange-rgb), 0.03)
+    border-color: hsla(var(--primary-color-hsl), 0.3);
+    background-color:  hsla(var(--primary-color-hsl), 0.03)
 }
 
 .image-label.active, .image-label.active:hover {
     border-color: rgb(237, 79, 47);
-    background-color:  rgba(var(--onto-orange-rgb), 0.15)
+    background-color:  hsla(var(--primary-color-hsl), 0.15)
 }
 
 @media (max-width: 1270px) {

package/dist/css/graphs-vizualizations.css

@@ -148,11 +148,11 @@
 }
 
 .triple-pred:hover {
-    color:var(--onto-green)
+    color:var(--tertiary-color)
 }
 
 .triple-pred {
-    color: var(--onto-orange-dark);
+    color: var(--primary-color-dark);
 }
 
 .disable-visual-graph-node {

package/dist/css/guides.css

@@ -5,5 +5,5 @@
 .ot-owlim-ctrl .pagination > .active > a {
     background-color: #EBEBEB;
     border-color: #EBEBEB;
-    color: var(--onto-blue);
+    color: var(--secondary-color);
 }

package/dist/css/new-sparql.css

@@ -166,14 +166,14 @@ a[aria-expanded = true].query-has-error span {
 }
 
 .show-less-message-link, .show-full-message-link {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-weight: 400;
     display: block;
     text-align: right;
 }
 
 .show-full-message-link::after, .show-less-message-link::after {
-    color: var(--onto-blue);
+    color: var(--secondary-color);
     font-family: 'icomoon', sans-serif !important;
     content: "\e921";
     display: inline-block;

package/dist/css/operations-statuses-monitor.css

@@ -0,0 +1,84 @@
+.operations-statuses .operations-statuses-dropdown-toggle {
+    display: flex;
+    background-color: #EBEBEB;
+    border-radius: 0;
+    border: 0;
+}
+
+.operations-statuses .operation-status-header {
+    display: flex;
+    padding-right: 7px;
+}
+
+.operations-statuses .operation-status-header img {
+    width: 24px;
+}
+
+.operations-statuses .running-operation-count {
+    padding-left: 1px;
+}
+
+.operations-statuses .running-operation-count sup {
+    color: white;
+    border-radius: 2px;
+    padding-left: 2px;
+    padding-right: 2px;
+    top: -1em;
+    font-size: 60%;
+}
+
+.operations-statuses .operations-statuses-content {
+    display: flex;
+    flex-direction: column;
+    align-content: space-around;
+    justify-content: space-around;
+    background-color: #EBEBEB;
+    margin:0;
+}
+
+.operations-statuses .operation-status-content {
+    display: flex;
+    background-color: #D4D4D4;
+    margin: 5px 10px;
+    align-items: center;
+    justify-content: space-around;
+    cursor: pointer;
+    text-decoration: none;
+    width: auto;
+}
+
+.operations-statuses .last-operation {
+    margin-bottom: 10px;
+}
+
+.operations-statuses .first-operation {
+    margin-top: 10px;
+}
+
+.operations-statuses .operation-status-content:hover {
+    text-decoration: none;
+}
+
+.operations-statuses .operation-status-content img {
+    width: 24px;
+}
+
+.operations-statuses .operation-status-label {
+    min-width: 250px;
+    padding: 5px;
+    line-height: 0;
+    text-align: start;
+}
+
+.operations-statuses .operation-status-running-operation-count {
+    color: white;
+    border-radius: 2px;
+    padding: 3px 2px 2px;
+    min-width: 20px;
+    text-align: center;
+    font-size: 75%;
+}
+
+.operations-statuses .operation-status-content .icon-external {
+    padding: 4px;
+}

package/dist/css/rdf-class-hierarchy.css

@@ -7,11 +7,11 @@
     top: 4em;
 }
 
-#classChart {
+.explore #classChart {
     position: relative;
 }
 
-svg {
+.explore svg {
     margin-left:auto;
     margin-right:auto;
     display:block;
@@ -39,7 +39,7 @@ svg {
 }
 
 #close-button {
-	color: var(--onto-blue);
+	color: var(--secondary-color);
     font-size: 1.5em;
     cursor: pointer;
 }

package/dist/css/rdf-details-side-panel.css

@@ -112,7 +112,7 @@
     padding: 0 0.3em;
 }
 .toggle-sidepanel:hover {
-	background-color: var(--onto-orange);
+	background-color: var(--primary-color);
 	color: #fff;
 }
 

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

@@ -45,5 +45,4 @@
 
 .autocomplete-hint {
     font-size: 12px;
-    color: gray;
 }

package/dist/css/repositories.css

@@ -200,7 +200,7 @@ span.required {
     padding-top: 5px;
     font-size: 20px;
     background-color: #D1D1D1;
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 #sesameRepositories .repositoryMainContainer .repositoryContainer .nameRow div {
@@ -215,7 +215,7 @@ span.required {
 #sesameRepositories .repositoryMainContainer .repositoryContainer .nameRow div.iconsContainer div i {
     cursor: pointer;
     font-size: 16px;
-    color: var(--onto-orange);
+    color: var(--primary-color);
     margin-left: 5px
 }
 
@@ -369,11 +369,11 @@ span.label {
 }
 
 .fedx-repo-member-icon {
-    color:var(--onto-blue)
+    color:var(--secondary-color)
 }
 
 .icon-import.active {
-    color:var(--onto-green)
+    color:var(--tertiary-color)
 }
 .checkbox-param-include-inferred {
     position: relative;

package/dist/css/repository.create.css

@@ -10,7 +10,7 @@
   white-space: normal;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--onto-blue);
+  color: var(--secondary-color);
   border-radius: 20px;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   max-width: 380px;
@@ -32,7 +32,7 @@
 }
 
 .repository-heading i {
-    color: var(--onto-orange);
+    color: var(--primary-color);
 }
 
 .repo-description {

package/dist/css/shepherd-custom.css

@@ -47,8 +47,8 @@
     display: block;
     height: 120px;
     margin-top: 0.5em;
-    color: var(--onto-blue);
-    background-color: rgba(var(--onto-green-rgb), 0.3);
+    color: var(--secondary-color);
+    background-color: hsla(var(--tertiary-color-hsl), 0.3);
     overflow: scroll;
     white-space: pre-wrap;
 }

package/dist/css/workbench-custom.css

@@ -107,37 +107,37 @@
 .nav .open > a,
 .nav .open > a:hover,
 .nav .open > a:focus {
-    background-color: var(--onto-blue);
-    border-color: var(--onto-blue);
+    background-color: var(--secondary-color);
+    border-color: var(--secondary-color);
 }
 
 .label-success {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 @media (max-width: 767px) {
     .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-        border-color: var(--onto-green);
+        border-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
 }
 
@@ -167,14 +167,14 @@
 .navbar-inverse .navbar-nav > li > a:hover,
 .navbar-inverse .navbar-nav > li > a:focus {
     color: #ffffff;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .active > a,
 .navbar-inverse .navbar-nav > .active > a:hover,
 .navbar-inverse .navbar-nav > .active > a:focus {
     color: #ffffff;
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .navbar-inverse .navbar-nav > .disabled > a,
@@ -227,7 +227,7 @@
 
 @media (max-width: 767px) {
     .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
-        border-color: var(--onto-green);
+        border-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
         color: #ffffff;
@@ -235,13 +235,13 @@
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
         color: #ffffff;
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
         color: #ffffff;
-        background-color: var(--onto-green);
+        background-color: var(--tertiary-color);
     }
     .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
     .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@@ -271,7 +271,7 @@
 .navbar-inverse .dropdown-menu > li > a:hover,
 .navbar-inverse .dropdown-menu > .active > a,
 .navbar-inverse .dropdown-menu > .active > a:hover {
-    background-color: var(--onto-green);
+    background-color: var(--tertiary-color);
 }
 
 .panel-danger > .panel-heading {
@@ -374,6 +374,10 @@
     text-align: left;
 }
 
+.text-right {
+    text-align: right;
+}
+
 @media only screen and (max-width:768px) {
     .fit-content-on-mobile {
         width: fit-content;

package/dist/css/yasr.custom.css

@@ -5,7 +5,7 @@
 }
 
 .yasr table.dataTable thead th {
-  background-color: rgba(var(--onto-green-rgb), 0.1) !important;
+  background-color: hsla(var(--tertiary-color-hsl), 0.1) !important;
 }
 
 .yasr table.dataTable thead th, .yasr table.dataTable thead td {
@@ -21,12 +21,12 @@
 }
 
 .yasr a {
-  color: var(--onto-blue-light);
+  color: var(--secondary-color-light);
   text-decoration: none;
 }
 
 .yasr a:hover {
-  color: var(--onto-blue);
+  color: var(--secondary-color);
 }
 
 .yasr table.dataTable tr td:first-child {
@@ -88,7 +88,7 @@
 
 .yasr .nonUri {
   border: none;
-  color: var(--onto-blue);
+  color: var(--secondary-color);
   background-color: transparent;
   padding: 0;
   margin: 0;