graphdb-workbench 2.3.2-TR1 → 2.4.0-TR2

package/dist/pages/create-index.html

@@ -1,211 +1,284 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.3.2-TR1" rel="stylesheet">
-
-<link href="css/lib/yasqe.min.css?v=2.3.2-TR1" rel="stylesheet"/>
-
-<link href="css/new-sparql.css?v=2.3.2-TR1" rel="stylesheet"/>
-
-<link href="css/graphs-config.css?v=2.3.2-TR1" rel="stylesheet"/>
-
+<link href="css/create-similarity-index.css?v=2.4.0-TR2" rel="stylesheet">
 
 <div class="container-fluid">
 
     <h1>
-        {{editSearchQuery ? (viewType === 'text' ? 'edit.search.query':(page === 2 ? 'edit.search.query' : 'edit.analogical.query')) : title | translate}}
+        {{isEditViewMode() ? (similarityIndexInfo.isSearchQueryTypeSelected() ? 'edit.search.query' : (similarityIndexInfo.isAnalogicalQueryTypeSelected() ? 'edit.analogical.query' : 'edit.select.query')) : title | translate}}
         <span ng-hide="editSearchQuery" class="btn btn-link"
               uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
               popover-trigger="mouseenter"
               popover-placement="bottom-right"
-              popover-append-to-body="true"><span class="icon-info"></span></span>
+              popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
     </h1>
     <div core-errors></div>
     <div system-repo-warning></div>
-    <div class="alert alert-danger" ng-show="repositoryError">
+    <div class="alert alert-danger" ng-if="repositoryError">
         <p>{{'current.repo.error' | translate}}</p>
 
         <p>{{repositoryError}}</p>
     </div>
 
-    <ul ng-hide="editSearchQuery" class="nav nav-tabs mb-2">
-        <li class="nav-item" id="create-text-index"><a class="nav-link" ng-class="viewType == 'text' ? 'active' : ''" href ng-click="viewType = 'text'"
-                data-toggle="tab">{{'text.similarity.index' | translate}}</a></li>
-        <li class="nav-item" id="create-predication-index"><a class="nav-link" ng-class="viewType == 'predication' ? 'active' : ''" href ng-click="viewType = 'predication'" data-toggle="tab">
-            {{'predication.index' | translate}}</a></li>
-    </ul>
-    <div class="card mb-2">
-      <div class="card-block pt-1">
-        <p class="lead">{{'index.name' | translate}}</p>
-        <div class="input-group input-group-lg">
-          <input ng-disabled="editSearchQuery" required class="form-control similarity-index-name" type="text" placeholder="{{'my.index.name.required' | translate}}" ng-model="newIndex.name">
-        </div>
-        <div style="margin-top: 5px" ng-show="invalidIndexName" class="idError alert alert-danger">{{invalidIndexName}}</div>
+    <div ng-if="similarityIndexInfo">
+        <ul ng-if="!isEditViewMode()" class="nav nav-tabs mb-2">
+            <li class="nav-item" id="create-text-index">
+                <a class="nav-link" ng-class="similarityIndexInfo.isTextType() || similarityIndexInfo.isTextLiteralType() ? 'active' : ''" href ng-click="changeSimilarityIndexType(SimilarityIndexType.TEXT)" data-toggle="tab">
+                    {{'text.similarity.index' | translate}}
+                </a>
+            </li>
+            <li class="nav-item" id="create-predication-index">
+                <a class="nav-link" ng-class="similarityIndexInfo.isPredicationType() ? 'active' : ''" href ng-click="changeSimilarityIndexType(SimilarityIndexType.PREDICATION)"
+                   data-toggle="tab">
+                    {{'predication.index' | translate}}
+                </a>
+            </li>
+        </ul>
+        <div class="card mb-2">
+            <div class="card-block pt-1">
+                <p class="lead">{{'index.name' | translate}}</p>
+                <div class="input-group input-group-lg">
+                    <input required
+                           class="form-control similarity-index-name"
+                           type="text"
+                           placeholder="{{'my.index.name.required' | translate}}"
+                           ng-model="similarityIndexInfo.similarityIndex.name"
+                           ng-disabled="isEditViewMode()"
+                           ng-change="similarityIndexNameChanged()">
+                </div>
 
-        <button ng-hide="editSearchQuery" class="btn btn-link btn-sm mt-1 px-0 collapsed more-options-btn" data-toggle="collapse" data-target="#more-options">{{'more.options.label' | translate}} <span class="icon-caret-up"></span></button>
+                <div ng-if="saveOrUpdateExecuted">
+                    <div ng-if="!similarityIndexInfo.hasName()" class="idError alert alert-danger mt-1">
+                        {{'similarity.empty.index.name.error' | translate}}
+                    </div>
+                    <div ng-if="similarityIndexInfo.hasName() && !similarityIndexInfo.isNameValid()" class="idError alert alert-danger mt-1">
+                        {{'similarity.index.name.constraint' | translate}}
+                    </div>
+                    <div ng-if="similarityIndexInfo.isNameExist" class="idError alert alert-danger mt-1">
+                        {{'similarity.existing.index.name.error' | translate}}
+                    </div>
+                </div>
 
-        <div class="collapse mt-1" id="more-options" >
+                <button ng-if="!isEditViewMode()"
+                        class="btn btn-link btn-sm mt-1 px-0 collapsed more-options-btn"
+                        data-toggle="collapse"
+                        data-target="#more-options">
+                    {{'more.options.label' | translate}} <span class="icon-caret-up"></span>
+                </button>
 
-          <div class="form-group row">
-                <label for="indexParameters" class="col-md-4 col-form-label">{{'semantic.vectors.index.params' | translate}}</label>
-                <div class="col-md-8">
-      <input class="form-control" type="text" ng-model="newIndex.options" id="indexParameters" placeholder="-vectortype binary">
-                    <div class="small text-muted" style="margin-top: 0.5rem">{{'see.full.label' | translate}} <a href="http://graphdb.ontotext.com/documentation/{{info.productShortVersion}}/semantic-similarity-searches.html#create-index-parameters" rel="noopener" target="_blank">{{'list.of.supported.params' | translate}}</a></div>
-                </div>
-            </div>
+                <div id="more-options" class="collapse mt-1">
+                    <div class="form-group row">
+                        <label for="indexParameters" class="col-md-4 col-form-label">{{'semantic.vectors.index.params' | translate}}</label>
+                        <div class="col-md-8">
+                            <input class="form-control"
+                                   type="text"
+                                   ng-model="similarityIndexInfo.similarityIndex.options"
+                                   id="indexParameters"
+                                   ng-change="setDirty()"
+                                   placeholder="-vectortype binary">
+                            <div class="small text-muted mt-1">
+                                {{'see.full.label' | translate}}
+                                <a href="http://graphdb.ontotext.com/documentation/{{productInfo.productShortVersion}}/semantic-similarity-searches.html#create-index-parameters"
+                                   rel="noopener" target="_blank">
+                                    {{'list.of.supported.params' | translate}}
+                                </a>
+                            </div>
+                        </div>
+                    </div>
 
-          <div class="form-group row" ng-show="viewType == 'text'">
-            <label class="col-md-4 col-form-label">{{'stop.words' | translate}}</label>
-            <div class="col-md-8">
-              <input class="form-control stop-words" type="text" placeholder="{{'default.lucene.stop.list' | translate}}" ng-model="newIndex.stopList">
-            </div>
-          </div>
-          <div class="form-group row" ng-show="viewType == 'text'">
-              <label class="col-md-4 col-form-label">{{'analyzer.class' | translate}}</label>
-              <div class="col-md-8">
-                  <input class="form-control analyzer-class" type="text" ng-model="newIndex.analyzer">
-              </div>
-          </div>
-            <div class="checkbox offset-xs-3 offset-md-4" ng-show="viewType == 'text'">
-                <label class="col-xs-6 col-md-6"
-                       gdb-tooltip="{{'literal.index.input' | translate}}"
-                       tooltip-placement="bottom">
-                    <input type="checkbox" class="literal-index" ng-true-value="'true'" ng-false-value="'false'" ng-model="newIndex.isLiteralIndex"/>
-                    {{'literal.index.label' | translate}}
-                </label>
-            </div>
-            <div class="form-group row" ng-show="viewType == 'predication'">
-                <label class="col-md-4 col-form-label">{{'input.literal.index.label' | translate}}</label>
-                <div class="col-md-8">
-                    <select class="form-control" ng-options="idx for idx in literalIndexes" ng-model="newIndex.inputIndex"></select>
+                    <div class="form-group row" ng-if="similarityIndexInfo.isTextType() || similarityIndexInfo.isTextLiteralType()">
+                        <label class="col-md-4 col-form-label">{{'stop.words' | translate}}</label>
+                        <div class="col-md-8">
+                            <input class="form-control stop-words"
+                                   type="text"
+                                   placeholder="{{'default.lucene.stop.list' | translate}}"
+                                   ng-model="similarityIndexInfo.similarityIndex.stopList"
+                                   ng-change="setDirty()">
+                        </div>
+                    </div>
+                    <div class="form-group row" ng-if="similarityIndexInfo.isTextType() || similarityIndexInfo.isTextLiteralType()">
+                        <label class="col-md-4 col-form-label">{{'analyzer.class' | translate}}</label>
+                        <div class="col-md-8">
+                            <input class="form-control analyzer-class"
+                                   type="text"
+                                   ng-model="similarityIndexInfo.similarityIndex.analyzer"
+                                   ng-change="setDirty()">
+                        </div>
+                    </div>
+                    <div class="checkbox offset-xs-3 offset-md-4" ng-show="similarityIndexInfo.isTextType() || similarityIndexInfo.isTextLiteralType()">
+                        <label class="col-xs-6 col-md-6" gdb-tooltip="{{'literal.index.input' | translate}}" tooltip-placement="bottom">
+                            <input type="checkbox"
+                                   class="literal-index"
+                                   ng-true-value="'true'"
+                                   ng-false-value="'false'"
+                                   ng-model="similarityIndexInfo.similarityIndex.isLiteralIndex"
+                                   ng-change="setDirty()"/>
+                            {{'literal.index.label' | translate}}
+                        </label>
+                    </div>
+                    <div class="form-group row" ng-show="similarityIndexInfo.isPredicationType()">
+                        <label class="col-md-4 col-form-label">{{'input.literal.index.label' | translate}}</label>
+                        <div class="col-md-8">
+                            <select class="form-control"
+                                    ng-options="idx for idx in literalIndexes"
+                                    ng-model="similarityIndexInfo.similarityIndex.inputIndex"
+                                    ng-change="setDirty()"></select>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
-      </div>
-    </div>
 
+        <div class="card">
+            <div class="card-block">
+                <button type="button" class="btn btn-link pull-right" ng-click="toggleHelp()">
+                <span class="icon-help" uib-popover="{{'toggle.help' | translate}}" popover-placement="top"
+                      popover-trigger="mouseenter"></span>
+                    <span class="hidden-lg-down">{{'menu.help.label' | translate}}</span>
+                </button>
 
-    <div class="card">
-        <div class="card-block">
-
-            <button type="button" class="btn btn-link pull-right" ng-click="toggleHelp()">
-              <span class="icon-help" uib-popover="{{'toggle.help' | translate}}" popover-placement="top" popover-trigger="mouseenter"></span>
-              <span class="hidden-lg-down">{{'menu.help.label' | translate}}</span>
-            </button>
-
-            <ul class="nav nav-tabs">
-                <li ng-hide="editSearchQuery" class="nav-item">
-                    <a ng-class="page == 1 ? 'active' : ''" ng-click="goToPage(1)" class="nav-link" href>
-                        {{'data.query.label' | translate}}
-                    </a>
-                </li>
-                <li class="nav-item search-query-tab">
-                    <a ng-class="page == 2 ? 'active' : ''" ng-click="goToPage(2)" class="nav-link" href>
-                        {{'search.query.label' | translate}}
-                    </a>
-                </li>
-                <li class="nav-item analogical-query-tab" ng-show="viewType == 'predication'">
-                    <a ng-class="page == 3 ? 'active' : ''" ng-click="goToPage(3)" class="nav-link" href>
-                        {{'analogical.query.label' | translate}}
-                    </a>
-                </li>
-            </ul>
-
-            <div>
-                <div class="alert alert-help mb-2" id="query-help" uib-collapse="helpHidden" ng-show="page == 1">
-                    <button class="close absolute" ng-click="toggleHelp(0)"></button>
-                    <p class="lead">
-                        {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span> {{'query.determines.data.index' | translate}}
-                    </p>
-
-                    <p>{{'query.must' | translate}} <span class="small-caps">SELECT</span> {{'the.following.bindings' | translate}}</p>
-                    <ul ng-show="viewType == 'text'">
-                        <li><code>?documentID</code> {{'determines.id.indexed.doc' | translate}}</li>
-                        <li><code>?documentText</code> {{'determines.doc.content' | translate}}</li>
-                    </ul>
-                    <ul ng-show="viewType == 'predication'">
-                        <li><code>?subject</code></li>
-                        <li><code>?predicate</code></li>
-                        <li><code>?object</code></li>
-                    </ul>
-
-                    {{'query.execution.info' | translate}}
-                </div>
+                <ul class="nav nav-tabs">
+                    <li ng-if="!isEditViewMode()" class="nav-item select-query-tab">
+                        <a ng-class="similarityIndexInfo.isDataQueryTypeSelected() ? 'active' : ''" ng-click="changeQueryTab(SimilarityQueryType.DATA)" class="nav-link" href>
+                            <div>{{'data.query.label' | translate}}
+                                <sup ng-if="saveOrUpdateExecuted && hasSelectQueryError()"
+                                     class="tab-error text-danger"
+                                     uib-popover="{{getQueryErrorMessage()}}"
+                                     popover-placement="top"
+                                     popover-trigger="mouseenter">
+                                </sup>
+                            </div>
+                        </a>
+                    </li>
+                    <li class="nav-item search-query-tab">
+                        <a ng-class="similarityIndexInfo.isSearchQueryTypeSelected() ? 'active' : ''" ng-click="changeQueryTab(SimilarityQueryType.SEARCH)" class="nav-link" href>
+                            {{'search.query.label' | translate}}
+                            <sup ng-if="saveOrUpdateExecuted && hasSearchQueryError()"
+                                 class="tab-error text-danger"
+                                 uib-popover="{{getQueryErrorMessage()}}"
+                                 popover-placement="top"
+                                 popover-trigger="mouseenter">
+                            </sup>
+                        </a>
+                    </li>
+                    <li class="nav-item analogical-query-tab" ng-if="similarityIndexInfo.isPredicationType()">
+                        <a ng-class="similarityIndexInfo.isAnalogicalQueryTypeSelected() ? 'active' : ''" ng-click="changeQueryTab(SimilarityQueryType.ANALOGICAL)" class="nav-link" href>
+                            {{'analogical.query.label' | translate}}
+                            <sup ng-if="saveOrUpdateExecuted && hasAnalogicalQueryError()"
+                                 class="tab-error text-danger"
+                                 uib-popover="{{getQueryErrorMessage()}}"
+                                 popover-placement="top"
+                                 popover-trigger="mouseenter">
+                            </sup>
+                        </a>
+                    </li>
+                </ul>
 
-                <div class="alert alert-help mb-2" id="query-help" uib-collapse="helpHidden" ng-show="page == 2">
-                    <button class="close absolute" ng-click="toggleHelp(0)"></button>
-                    <p class="lead">
-                        {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span> {{'query.fetch.on.search' | translate}}
-                    </p>
+                <div>
+                    <div class="alert alert-help mb-2" id="query-help" uib-collapse="helpHidden">
+                        <button class="close absolute" ng-click="toggleHelp(0)"></button>
 
-                    {{'query.execution.on.search' | translate}}
-                </div>
+                        <div ng-if="similarityIndexInfo.isDataQueryTypeSelected()">
+                            <p class="lead">
+                                {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span>
+                                {{'query.determines.data.index' | translate}}
+                            </p>
 
-                <div class="alert alert-help mb-2" id="query-help" uib-collapse="helpHidden" ng-show="page == 3">
-                    <button class="close absolute" ng-click="toggleHelp(0)"></button>
-                    <p class="lead">
-                        {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span> {{'query.fetch.analogical.search' | translate}}
-                    </p>
+                            <p>{{'query.must' | translate}} <span class="small-caps">SELECT</span> {{'the.following.bindings' | translate}}</p>
+                            <ul ng-show="similarityIndexInfo.isTextType() || similarityIndexInfo.isTextLiteralType()">
+                                <li><code>?documentID</code> {{'determines.id.indexed.doc' | translate}}</li>
+                                <li><code>?documentText</code> {{'determines.doc.content' | translate}}</li>
+                            </ul>
+                            <ul ng-show="similarityIndexInfo.isPredicationType()">
+                                <li><code>?subject</code></li>
+                                <li><code>?predicate</code></li>
+                                <li><code>?object</code></li>
+                            </ul>
 
-                    {{'analogical.search.info' | translate}}
-                </div>
+                            {{'query.execution.info' | translate}}
+                        </div>
 
-                <div class="row">
-                    <div class="col-md-9">
-                        <query-editor nostorage notabs notoolbar-saved notoolbar-copy nostatus nocount norun callback-on-change="updateDirty">
-                        </query-editor>
-                    </div>
-                    <div class="col-md-3" ng-show="page == 1">
-                        <p>{{'sample.queries' | translate}} </p>
-
-                        <div class="list-group">
-                            <div ng-repeat="(sampleKey, sampleValue) in samples">
-                                <a href="#" ng-click="setQuery(sampleValue)" class="list-group-item list-group-item-action">
-                                    <strong ng-bind="sampleKey"></strong>
-                                    <samp class="text-muted small">{{sampleValue}}</samp>
-                                </a>
-                            </div>
+                        <div ng-if="similarityIndexInfo.isSearchQueryTypeSelected()">
+                            <p class="lead">
+                                {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span> {{'query.fetch.on.search' | translate}}
+                            </p>
+
+                            {{'query.execution.on.search' | translate}}
+                        </div>
+
+                        <div ng-if="similarityIndexInfo.isAnalogicalQueryTypeSelected()">
+                            <p class="lead">
+                                {{'this.sentence.start' | translate}} <span class="small-caps">SELECT</span>
+                                {{'query.fetch.analogical.search' | translate}}
+                            </p>
+
+                            {{'analogical.search.info' | translate}}
                         </div>
                     </div>
-                </div>
-            </div>
 
+                    <div class="row">
+                        <div class="col-md-9">
+                            <yasgui-component id="query-editor" yasgui-config="yasguiConfig" query-changed="queryChanged()"></yasgui-component>
+
+                            <div ng-if="saveOrUpdateExecuted && hasQueryError()"
+                                 class="idError alert alert-danger mt-1">
+                                    {{ getQueryErrorMessage() }}
+                            </div>
 
+                        </div>
+                        <div class="col-md-3" ng-if="similarityIndexInfo.isDataQueryTypeSelected()">
+                            <p>{{'sample.queries' | translate}} </p>
 
-            <div class="clearfix">
-                <div class="pull-right">
-                    <a ng-href="similarity" class="btn btn-lg btn-secondary"
-                       uib-popover="{{getCloseBtnMsg()}}"
-                       popover-placement="top"
-                       popover-trigger="mouseenter">
-                        {{'common.cancel.btn' | translate}}
-                    </a>
-                    <button ng-if="!editSearchQuery" class="btn btn-lg btn-primary create-similarity-index-btn" ng-click="createIndex()"
-                            uib-popover="{{'create.index.label' | translate}}"
-                            popover-placement="top"
-                            popover-trigger="mouseenter">
-                        {{'common.create.btn' | translate}}
-                    </button>
-                    <button ng-if="editSearchQuery" class="btn btn-lg btn-primary save-query-btn" ng-click="saveSearchQuery()"
-                            uib-popover="{{'core.edit.query' | translate}}"
-                            popover-placement="top"
-                            popover-trigger="mouseenter">
-                        {{'common.save.btn' | translate}}
-                    </button>
+                            <div class="list-group">
+                                <div ng-repeat="(sampleKey, sampleValue) in samples">
+                                    <a href="#" ng-click="setEditorQuery(sampleValue)" class="list-group-item list-group-item-action">
+                                        <strong ng-bind="sampleKey"></strong>
+                                        <samp class="text-muted small">{{sampleValue}}</samp>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                 </div>
-                <div class="pull-left">
-                  <button ng-if="!editSearchQuery" type="button" class="btn btn-link pull-left" ng-click="viewQuery()">{{'view.index.query' | translate}}</button>
-                  <button class="btn btn-link test-query-btn" ng-click="showPreview()" ng-hide="viewMode == 'editor' || page != 1"
-                          uib-popover="{{'preview.results' | translate}}"
-                          popover-placement="top"
-                          popover-trigger="mouseenter">
-                      {{'test.query.btn' | translate}}
-                  </button>
-                  <button class="btn btn-link" ng-click="showEditor()" ng-show="viewMode == 'editor' && page == 1"
-                          uib-popover="{{'closes.preview' | translate}}"
-                          popover-placement="top"
-                          popover-trigger="mouseenter">
-                      {{'core.edit.query' | translate}}
-                  </button>
+
+                <div class="clearfix">
+                    <div class="pull-right">
+                        <a ng-href="similarity" class="btn btn-lg btn-secondary cancel-similarity-index-btn"
+                           uib-popover="{{getCloseBtnMsg()}}"
+                           popover-placement="top"
+                           popover-trigger="mouseenter">
+                            {{'common.cancel.btn' | translate}}
+                        </a>
+                        <button ng-if="!isEditViewMode()" class="btn btn-lg btn-primary create-similarity-index-btn" ng-click="createSimilarityIndex()"
+                                uib-popover="{{'create.index.label' | translate}}"
+                                popover-placement="top"
+                                popover-trigger="mouseenter">
+                            {{'common.create.btn' | translate}}
+                        </button>
+                        <button ng-if="isEditViewMode()" class="btn btn-lg btn-primary save-query-btn" ng-click="saveSearchQuery()"
+                                uib-popover="{{'core.edit.query' | translate}}"
+                                popover-placement="top"
+                                popover-trigger="mouseenter">
+                            {{'common.save.btn' | translate}}
+                        </button>
+                    </div>
+                    <div class="pull-left">
+                        <button ng-if="!isEditViewMode()" type="button" class="btn btn-link pull-left" ng-click="viewQuery()">
+                            {{'view.index.query' | translate}}
+                        </button>
+                        <button class="btn btn-link test-query-btn" ng-click="preview()" ng-if="similarityIndexInfo.isDataQueryTypeSelected() && !isEditViewMode() && isYasqeShown()"
+                                uib-popover="{{'preview.results' | translate}}"
+                                popover-placement="top"
+                                popover-trigger="mouseenter">
+                            {{'test.query.btn' | translate}}
+                        </button>
+                        <button class="btn btn-link" ng-click="showEditor()" ng-if="isYasrShown() && similarityIndexInfo.isDataQueryTypeSelected()"
+                                uib-popover="{{'closes.preview' | translate}}"
+                                popover-placement="top"
+                                popover-trigger="mouseenter">
+                            {{'core.edit.query' | translate}}
+                        </button>
+                    </div>
                 </div>
             </div>
+        </div>
     </div>
 </div>
-</div>

package/dist/pages/dependencies.html

@@ -1,4 +1,4 @@
-<link href="css/dependencies.css?v=2.3.2-TR1" rel="stylesheet">
+<link href="css/dependencies.css?v=2.4.0-TR2" rel="stylesheet">
 
 
 <title>Explore Class Dependencies</title>
@@ -9,7 +9,7 @@
 	   uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
 	   popover-trigger="mouseenter"
 	   popover-placement="bottom-right"
-	   popover-append-to-body="true"><span class="icon-info"></span></span>
+	   popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
 </h1>
 
 <div class="top-offset" core-errors fedx license></div>

package/dist/pages/domainRangeInfo.html

@@ -1,5 +1,5 @@
-<link href="css/domain-range-graph.css?v=2.3.2-TR1" rel="stylesheet"/>
-<link href="css/rdf-details-side-panel.css?v=2.3.2-TR1" rel="stylesheet"/>
+<link href="css/domain-range-graph.css?v=2.4.0-TR2" rel="stylesheet"/>
+<link href="css/rdf-details-side-panel.css?v=2.4.0-TR2" rel="stylesheet"/>
 
 <title>Explore Data Graph</title>
 
@@ -10,7 +10,7 @@
           uib-popover-template="'js/angular/templates/titlePopoverTemplate.html'"
           popover-trigger="mouseenter"
           popover-placement="bottom-right"
-          popover-append-to-body="true"><span class="icon-info"></span></span>
+          popover-append-to-body="true"><span class="icon-info text-tertiary"></span></span>
 </h1>
 
 <div class="explore">

package/dist/pages/edit.html

@@ -1,4 +1,4 @@
-<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.3.2-TR1" rel="stylesheet">
+<link href="css/lib/angular-xeditable/xeditable.min.css?v=2.4.0-TR2" rel="stylesheet">
 
 <div core-errors></div>
 <div class="page" ng-show="getActiveRepository()">
@@ -38,7 +38,7 @@
                         <form name="newRowPredicate" novalidate>
                             <input required uri name="value"
                                    placeholder="{{'example.label' | translate}}: &quot;http://exampleuri.com/examplepath&quot;, &quot;namespaceprefix:exampleproperty&quot;"
-                                   class="form-control" type="text" ng-model="newRow.predicate">
+                                   class="form-control predicate-input" type="text" ng-model="newRow.predicate">
 
                             <div ng-show="predicate_new.$submitted || predicate_new.value.$touched">
                                 <p ng-show="predicate_new.value.$error.required"
@@ -46,16 +46,19 @@
                                     {{'complete.short.iri.warning' | translate}}
                                 </p>
                             </div>
-                            <ul class="list-inline">
-                                <li ng-repeat="namespace in namespaces" class="list-inline-item"><a href
-                                                                           ng-click="newRow.predicate = namespace.uri"
-                                                                           class="pointer">{{namespace.prefix}}</a></li>
+                            <ul class="list-inline predicate-suggestions">
+                                <li ng-repeat="namespace in namespaces" class="list-inline-item">
+                                    <a href
+                                       ng-click="newRow.predicate = namespace.uri"
+                                       class="pointer predicate-suggestion">{{namespace.prefix}}
+                                    </a>
+                                </li>
                             </ul>
                         </form>
                     </td>
                     <td style="vertical-align: top;">
                         <form name="newRowObject" novalidate>
-                            <select class="form-control mb-1" ng-model="newRow.object.type">
+                            <select class="form-control mb-1 object-type-selector" ng-model="newRow.object.type">
                                 <option value="uri">{{'iri.label' | translate}}</option>
                                 <option value="literal">{{'literal.type.index' | translate}}</option>
                             </select>
@@ -69,10 +72,13 @@
                                     {{'complete.short.iri.warning' | translate}}
                                 </p>
                             </div>
-                            <ul class="list-inline" ng-show="newRow.object.type == 'uri'">
-                                <li ng-repeat="namespace in namespaces" class="list-inline-item"><a href
-                                                                           ng-click="newRow.object.value = namespace.uri"
-                                                                           class="pointer">{{namespace.prefix}}</a></li>
+                            <ul class="list-inline object-iri-type-suggestions" ng-show="newRow.object.type == 'uri'">
+                                <li ng-repeat="namespace in namespaces" class="list-inline-item">
+                                    <a href
+                                       ng-click="newRow.object.value = namespace.uri"
+                                       class="pointer object-iri-type-suggestion">{{namespace.prefix}}
+                                    </a>
+                                </li>
                             </ul>
                             <select ng-show="newRow.object.type == 'literal'" class="form-control literalType"
                                     ng-model="newRow.object.datatype">
@@ -90,16 +96,19 @@
                         <form name="newRowContext" novalidate>
                             <input name="" uri
                                    placeholder="{{'example.label' | translate}}: &quot;http://exampleuri.com/examplepath&quot;, &quot;namespaceprefix:exampleproperty&quot;"
-                                   class="form-control" type="text" ng-model="newRow.context">
+                                   class="form-control context-input" type="text" ng-model="newRow.context">
 
                             <p ng-show="newRow.context && !validateUri(newRow.context)"
                                class="alert alert-info completeUriAlert">
                                 {{'complete.short.iri.warning' | translate}}
                             </p>
                             <ul class="list-inline">
-                                <li ng-repeat="namespace in namespaces" class="list-inline-item"><a href
-                                                                           ng-click="newRow.context = namespace.prefix+':'"
-                                                                           class="pointer">{{namespace.prefix}}</a></li>
+                                <li ng-repeat="namespace in namespaces" class="list-inline-item context-suggestions">
+                                    <a href
+                                       ng-click="newRow.context = namespace.prefix+':'"
+                                       class="pointer context-suggestion">{{namespace.prefix}}
+                                    </a>
+                                </li>
                             </ul>
                         </form>
                     </td>
@@ -173,13 +182,13 @@
             </table>
     </div>
     <div class="text-xs-right">
-		<button class="btn btn-secondary"
+		<button class="btn btn-secondary view-trig-btn"
                 ng-disabled="statements.length == 0"
                 gdb-tooltip="{{'view.resource.trig.format.tooltip' | translate}}"
                 ng-click="viewTrig()">
             {{'view.trig.format.label' | translate}}
         </button>
-        <button class="btn btn-primary"
+        <button class="btn btn-primary save-btn"
                 gdb-tooltip="{{'save.changes.label' | translate}}"
                 ng-click="save()">
             {{'common.save.btn' | translate}}