graphdb-workbench 2.7.0-TR8 → 2.7.0-TR9

package/dist/css/import-resource-tree.css

@@ -2,10 +2,10 @@
     width: 100%;
 }
 
-.import-resource-table .import-resource-row.even-row-start:hover,
-.import-resource-table .import-resource-row.even-row-start:hover + .import-resource-row,
-.import-resource-table .import-resource-row.odd-row-start:hover,
-.import-resource-table .import-resource-row.odd-row-start:hover + .import-resource-row {
+.import-resource-table .row.even-row-start:hover,
+.import-resource-table .row.even-row-start:hover + .row,
+.import-resource-table .row.odd-row-start:hover,
+.import-resource-table .row.odd-row-start:hover + .row {
     background-color: rgba(0, 0, 0, .075);
 }
 
@@ -14,56 +14,57 @@
     background-color: rgba(0, 0, 0, .05);
 }
 
-.import-resource-table .import-resource-header-cell {
+.import-resource-table .header-cell {
     padding: 8px;
 }
 
-.import-resource-table .import-resource-header-cell:hover {
+.import-resource-table .header-cell:hover {
     cursor: pointer;
 }
 
-.import-resource-table .import-resource-cell {
+.import-resource-table .cell {
     padding-left: 8px;
     padding-right: 8px;
 }
 
-.import-resource-table .even-row-end .import-resource-cell,
-.import-resource-table .odd-row-end .import-resource-cell {
+.import-resource-table .even-row-end .cell,
+.import-resource-table .odd-row-end .cell {
     padding-bottom: 8px;
 }
 
-.import-resource-table .even-row-end .import-resource-cell {
+.import-resource-table .even-row-end .cell {
     border-bottom: 1px solid #dddddd;
 }
 
-.import-resource-table .even-row-start .import-resource-cell,
-.import-resource-table .odd-row-start .import-resource-cell {
+.import-resource-table .even-row-start .cell,
+.import-resource-table .odd-row-start .cell {
     border-top: 1px solid #dddddd;
     padding-top: 8px;
 }
 
-.import-resource-tree .import-resource-table .import-resource-header-cell {
+.import-resource-tree .import-resource-table .header-cell {
     font-weight: 700;
     font-size: 14px;
     line-height: 24px;
 }
 
-.import-resource-tree .import-resource-table .import-resource-cell.import-resource-cell-select,
-.import-resource-tree .import-resource-table .import-resource-header-cell.import-resource-cell-select {
+.import-resource-tree .import-resource-table .cell.cell-select,
+.import-resource-tree .import-resource-table .header-cell.cell-select {
     width: 20px;
 }
 
-.import-resource-tree .import-resource-table .import-resource-cell {
+.import-resource-tree .import-resource-table .cell {
     line-height: 18px;
+    vertical-align: top;
 }
 
-.import-resource-tree .import-resource-table .import-resource-title {
+.import-resource-tree .import-resource-table .cell-title {
     display: flex;
     align-items: center;
     line-height: 18px;
 }
 
-.import-resource-tree .import-resource-table .import-resource-title em {
+.import-resource-tree .import-resource-table .cell-title em {
     padding-right: 10px
 }
 
@@ -89,32 +90,49 @@
     display: flex;
 }
 
-.import-resource-tree .import-resource-table .import-resource-actions {
+.import-resource-tree .import-resource-table .cell-actions {
     display: flex;
     justify-content: flex-end;
 }
 
-.import-resource-tree .import-resource-table .import-resource-actions .import-resource-action-import-btn {
+.import-resource-tree .import-resource-table .cell-actions .import-resource-action-import-btn {
     border: none;
     padding: .25em .25em;
     margin: 0 .25em;
 }
 
-.import-resource-tree .import-resource-table .import-resource-actions .import-resource-action-import-btn .icon-import {
+.import-resource-tree .import-resource-table .cell-actions .import-resource-action-import-btn .icon-import {
     line-height: 1;
 }
 
-.import-resource-tree .import-resource-table .import-resource-modified,
-.import-resource-tree .import-resource-table .import-resource-imported,
-.import-resource-tree .import-resource-table .import-resource-size {
+.import-resource-tree .import-resource-table .cell-modified,
+.import-resource-tree .import-resource-table .cell-imported,
+.import-resource-tree .import-resource-table .cell-size {
     min-width: 120px;
 }
 
-.import-resource-tree .import-resource-table .import-resource-cell.import-resource-message,
-.import-resource-tree .import-resource-table .import-resource-header-cell.import-resource-name {
+.import-resource-tree .import-resource-table .cell.import-resource-message,
+.import-resource-tree .import-resource-table .header-cell.cell-name {
     width: 40%;
 }
 
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages {
+    display: flex;
+}
+
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message {
+    display: flex;
+    flex-direction: column;
+}
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .import-counters {
+    display: flex;
+    flex-wrap: wrap;
+}
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .import-counters .import-counter,
+.import-resource-tree .import-resource-table .cell .import-resource-message .success-messages .success-message .text-success {
+    padding-left: 10px;
+}
+
 .import-resource-tree .import-resource-tree-header {
     display: flex;
     justify-content: space-between;
@@ -141,16 +159,15 @@
 .import-status-info-popover {
     max-width: 80vw;
 }
-
 .import-status-info-popover table {
     width: max-content;
 }
 
-.import-status-info-popover .import-resource-status-info-row {
+.import-status-info-popover .row {
     border-top: 1px solid #ddd;
 }
 
-.import-status-info-popover .import-resource-status-info-row .import-resource-status-info-label {
+.import-status-info-popover .row .label {
     width: max-content;
     font-weight: bolder;
 }

package/dist/i18n/locale-en.json

@@ -956,7 +956,11 @@
         "user_data": {
             "duplicates_confirmation": {
                 "title": "Confirm files overwrite",
-                "message": "Following files are already uploaded: <br/>{{duplicatedFiles}}<br/>Do you want to overwrite them?"
+                "message": "Following files are already uploaded: <br/>{{duplicatedFiles}}<br/>Do you want to overwrite them?",
+                "buttons": {
+                    "keep_both": "Keep both",
+                    "overwrite": "Overwrite"
+                }
             }
         },
         "help": {
@@ -992,9 +996,9 @@
                 "the_property": "property"
             },
             "on_file_size_limit": {
-                "file_size_limit_info": "To import larger than {{fileSizeLimit}} MB files, use the ",
+                "file_import_options_info_1": "Explore other file import options - ",
+                "file_import_options_info_2": "import (opens Server files tab) or ",
                 "server_files_link": "Server files",
-                "import_or_use": "import or use the",
                 "api_link": "API"
             }
         },
@@ -1024,7 +1028,13 @@
             "base_iri": "Base IRI",
             "debug": "Debug",
             "imported": "Imported on",
-            "parser_settings": "Parser settings"
+            "parser_settings": "Parser settings",
+            "added_count_statements": "Added {{count}} statements",
+            "added_statements": "Added statements",
+            "removed_count_statements": "Removed {{count}} statements",
+            "removed_statements": "Removed statements",
+            "replaced_count_graphs": "Replaced {{count}} graphs",
+            "number_of_replaced_graphs": "Number of replaced graphs"
         }
     },
     "url.import.input.placeholder": "Data URL",

package/dist/i18n/locale-fr.json

@@ -955,7 +955,11 @@
         "user_data": {
             "duplicates_confirmation": {
                 "title": "Confirmer l'écrasement des fichiers",
-                "message": "Les fichiers suivants sont déjà téléchargés: <br/>{{duplicatedFiles}}<br/>Voulez-vous les écraser"
+                "message": "Les fichiers suivants sont déjà téléchargés: <br/>{{duplicatedFiles}}<br/>Voulez-vous les écraser",
+                "buttons": {
+                    "keep_both": "Garde les deux",
+                    "overwrite": "Écraser"
+                }
             }
         },
         "help": {
@@ -991,9 +995,9 @@
                 "the_property": "propriété"
             },
             "on_file_size_limit": {
-                "file_size_limit_info": "Pour importer des fichiers de plus de {{fileSizeLimit}} Mo, utilisez l'importation de ",
-                "server_files_link": "Fichiers du serveur",
-                "import_or_use": "ou utilisez l'",
+                "file_import_options_info_1": "Explorez d'autres options d'importation de fichiers - Importation de ",
+                "file_import_options_info_2": "(ouvre l'onglet Fichiers serveur) ou ",
+                "server_files_link": "Fichiers serveur",
                 "api_link": "API"
             }
         },
@@ -1023,7 +1027,13 @@
             "base_iri": "Base IRI",
             "debug": "Débogage",
             "imported": "Importé le",
-            "parser_settings": "Paramètres du parseur"
+            "parser_settings": "Paramètres du parseur",
+            "added_count_statements": "Ajout de {{count}} déclarations",
+            "added_statements": "Déclarations ajoutées",
+            "removed_count_statements": "Suppression de {{count}} déclarations",
+            "removed_statements": "Déclarations supprimées",
+            "replaced_count_graphs": "Remplacement de {{count}} graphiques",
+            "replaced_graphs_count": "Nombre de graphiques remplacés"
         }
     },
     "url.import.input.placeholder": "URL des données",

package/dist/index.html

@@ -13,8 +13,8 @@
 
     <link rel="apple-touch-icon-precomposed" href="icon.png">
 
-    <script src="plugin-registry.js?v=2.7.0-TR8"></script>
-    <script src="plugins.js?v=2.7.0-TR8"></script>
+    <script src="plugin-registry.js?v=2.7.0-TR9"></script>
+    <script src="plugins.js?v=2.7.0-TR9"></script>
 <link rel="shortcut icon" href="icon.png"><link href="vendor.c3e18291118da6a85719.css" rel="stylesheet"><link href="main.98c547eac0aca6db48bb.css" rel="stylesheet"></head>
 
 <body>
@@ -164,6 +164,6 @@
     <object data="img/graphdb-splash.1ef2940889acddc03c7defb3f9f41f8d.svg"></object>
     <div>GraphDB Workbench is loading...</div>
 </div>
-<script type="text/javascript" src="vendor.28add64dc899b84882a0.bundle.js"></script><script type="text/javascript" src="main.51be3c62b284bf8cdde2.bundle.js"></script><script type="text/javascript" src="bundle.2cbe9ae1388c1b12ef05.bundle.js"></script></body>
+<script type="text/javascript" src="vendor.f8cb6fd74ac0ec169bb4.bundle.js"></script><script type="text/javascript" src="main.47deec6a74c39a577866.bundle.js"></script><script type="text/javascript" src="bundle.4eab773c5353034a3140.bundle.js"></script></body>
 
 </html>

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

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

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

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

@@ -1,4 +1,4 @@
-<link href="css/rdf-resource-search.css?v=2.7.0-TR8" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.7.0-TR9" rel="stylesheet"/>
 
 <div ng-if="getActiveRepository() && hasActiveLocation() && isNotLoading()" ng-cloak>
     <div id="search-box" class="card search-rdf-input" ng-keydown="onKeyDown($event)" ng-if="!isHomePage()">

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

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

package/dist/js/angular/import/templates/file-override-confirmation.html

@@ -0,0 +1,18 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="cancel()"></button>
+    <h4 class="modal-title">{{'import.user_data.duplicates_confirmation.title' | translate}}</h4>
+</div>
+
+<div class="modal-body" ng-bind-html="message"></div>
+
+<div class="modal-footer">
+    <button type="button" ng-click="cancel()" class="btn btn-link cancel-btn text-muted">
+        {{'common.cancel.btn' | translate}}
+    </button>
+    <button type="button" ng-click="keepBoth()" class="btn btn-secondary keep-both-btn">
+        {{'import.user_data.duplicates_confirmation.buttons.keep_both' | translate}}
+    </button>
+    <button type="button" ng-click="overwrite()" class="btn btn-primary confirm-overwrite-btn">
+        {{'import.user_data.duplicates_confirmation.buttons.overwrite' | translate}}
+    </button>
+</div>

package/dist/js/angular/import/templates/fileSizeLimitInfo.html

@@ -1,6 +1,6 @@
 <div class="ot-view-info">
-    {{'import.help.on_file_size_limit.file_size_limit_info' | translate: {fileSizeLimit: maxUploadFileSizeMB} }}
+    {{'import.help.on_file_size_limit.file_import_options_info_1' | translate}}
     <a href ng-click="openTab('server')" class="server-files-tab-link">{{'import.help.on_file_size_limit.server_files_link' | translate}}</a>
-    {{'import.help.on_file_size_limit.import_or_use' | translate}}
+    {{'import.help.on_file_size_limit.file_import_options_info_2' | translate}}
     <a href="/webapi" class="api-link">{{'import.help.on_file_size_limit.api_link' | translate}}</a>
 </div>

package/dist/js/angular/import/templates/import-resource-message.html

@@ -1,19 +1,44 @@
 <div class="import-resource-message">
     <span ng-if="resource.importResource.status === ImportResourceStatus.NONE && resource.importResource.message"
           class="text-info">
-                    <small>{{resource.importResource.message || ''}}</small>
+        <small>{{resource.importResource.message || ''}}</small>
+    </span>
+    <div ng-if="resource.importResource.status === ImportResourceStatus.DONE"
+         class="success-messages">
+        <em class="icon-check"></em>
+        <div class="success-message">
+            <span class="text-success">
+                <small>{{resource.importResource.message || ''}}</small>
+            </span>
+            <span class="import-counters">
+                <span class="import-counter" ng-if="hasReplacedGraphs">
+                    <small class="mr-0">
+                        {{ 'import.status-info.replaced_count_graphs' | translate: {count: resource.importResource.numReplacedGraphs} }}
+                        {{ (hasAddedStatements || hasRemovedStatements ? ',' : '') }}
+                    </small>
                 </span>
-    <span ng-if="resource.importResource.status === ImportResourceStatus.DONE" class="text-success">
-                    <em class="icon-check"></em>
-                    <small>{{resource.importResource.message || ''}}</small>
+                <span class="import-counter" ng-if="hasAddedStatements">
+                    <small>
+                        {{ 'import.status-info.added_count_statements' | translate: {count: resource.importResource.addedStatements} }}
+                        {{ (hasRemovedStatements ? ',' : '') }}
+                    </small>
                 </span>
-    <span ng-show="resource.importResource.status === ImportResourceStatus.ERROR" class="text-danger">
-                    <em class="icon-warning"></em>
-                    <small>{{resource.importResource.message || ''}}</small>
+                <span class="import-counter" ng-if="hasRemovedStatements">
+                    <small>
+                        {{ 'import.status-info.removed_count_statements' | translate: {count: resource.importResource.removedStatements} }}
+                    </small>
                 </span>
+            </span>
+        </div>
+    </div>
+    <span ng-if="resource.importResource.status === ImportResourceStatus.ERROR"
+          class="text-danger">
+        <em class="icon-warning"></em>
+        <small>{{resource.importResource.message || ''}}</small>
+    </span>
     <span class="text-secondary import-status-loader"
-          ng-show="resource.importResource.status === ImportResourceStatus.IMPORTING || resource.importResource.status === ImportResourceStatus.UPLOADING || resource.importResource.status === ImportResourceStatus.PENDING || resource.importResource.status === ImportResourceStatus.INTERRUPTING">
-                    <em class="icon-reload loader"></em>
-                    <small>{{toTitleCase(resource.importResource.status)}}...</small>
-                </span>
+          ng-if="resource.importResource.status === ImportResourceStatus.IMPORTING || resource.importResource.status === ImportResourceStatus.UPLOADING || resource.importResource.status === ImportResourceStatus.PENDING || resource.importResource.status === ImportResourceStatus.INTERRUPTING">
+        <em class="icon-reload loader"></em>
+        <small>{{toTitleCase(resource.importResource.status)}}...</small>
+    </span>
 </div>

package/dist/js/angular/import/templates/import-resource-status-info.html

@@ -16,66 +16,96 @@
 
         <table class="table table-sm m-0">
             <tbody>
-            <tr class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr class="row">
+                <td class="label">
                     {{'import.status-info.context' | translate}}
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value">
+                    <div class="value">
                         {{context}}
                     </div>
                 </td>
             </tr>
-            <tr class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr class="row">
+                <td class="label">
                     {{'import.status-info.replaced_graphs' | translate}}
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value" ng-repeat="replaceGraph in replaceGraphs">
+                    <div class="value" ng-repeat="replaceGraph in replaceGraphs">
                         {{replaceGraph}}
                     </div>
                 </td>
             </tr>
-            <tr class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.number_of_replaced_graphs' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{resource.importResource.numReplacedGraphs}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.added_statements' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{resource.importResource.addedStatements}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.removed_count_statements' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{resource.importResource.removedStatements}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
                     <div>
                         {{'import.status-info.base_iri' | translate}}
                     </div>
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value">
+                    <div class="value">
                         {{baseUrl}}
                     </div>
                 </td>
             </tr>
-            <tr class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr class="row">
+                <td class="label">
                     <div>
                         {{'import.status-info.debug' | translate}}
                     </div>
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value">
+                    <div class="value">
                         {{forceSerial}}
                     </div>
                 </td>
             </tr>
-            <tr class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr class="row">
+                <td class="label">
                     {{'import.status-info.imported' | translate}}
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value">
+                    <div class="value">
                         {{importedOn | date:'yyyy-MM-dd, HH:mm' }}
                     </div>
                 </td>
             </tr>
-            <tr ng-if="parserSettings" class="import-resource-status-info-row">
-                <td class="import-resource-status-info-label">
+            <tr ng-if="parserSettings" class="row">
+                <td class="label">
                     {{'import.status-info.parser_settings' | translate}}
                 </td>
                 <td class="break-word">
-                    <div class="import-resource-status-info-value">
+                    <div class="value">
                         <pre>{{parserSettings | prettyJSON}}</pre>
                     </div>
                 </td>

package/dist/js/angular/import/templates/import-resource-tree.html

@@ -104,58 +104,58 @@
     <table class="import-resource-table mt-2">
         <thead>
         <tr>
-            <th class="import-resource-header-cell import-resource-cell-select"></th>
-            <th class="import-resource-header-cell import-resource-name" ng-click="sort(SORTING_TYPES.NAME)">
+            <th class="header-cell cell-select"></th>
+            <th class="header-cell cell-name" ng-click="sort(SORTING_TYPES.NAME)">
                 <span ng-class="{
                 'sorting_desc': SORTING_TYPES.NAME === sortedBy &&  !sortAsc,
                 'sorting_asc': SORTING_TYPES.NAME === sortedBy && sortAsc,
                 'sorting': SORTING_TYPES.NAME !== sortedBy
                 }">{{'import.import_resource_tree.header.name' | translate}}</span>
             </th>
-            <th class="import-resource-header-cell import-resource-size" ng-click="sort(SORTING_TYPES.SIZE)">
+            <th class="header-cell cell-size" ng-click="sort(SORTING_TYPES.SIZE)">
                 <span ng-class="{
                 'sorting_desc': SORTING_TYPES.SIZE === sortedBy &&  !sortAsc,
                 'sorting_asc': SORTING_TYPES.SIZE === sortedBy && sortAsc,
                 'sorting': SORTING_TYPES.SIZE !== sortedBy
                 }">{{'import.import_resource_tree.header.size' | translate}}</span>
             </th>
-            <th class="import-resource-header-cell import-resource-modified" ng-click="sort(SORTING_TYPES.MODIFIED)">
+            <th class="header-cell cell-modified" ng-click="sort(SORTING_TYPES.MODIFIED)">
                 <span ng-class="{
                 'sorting_desc': SORTING_TYPES.MODIFIED === sortedBy &&  !sortAsc,
                 'sorting_asc': SORTING_TYPES.MODIFIED === sortedBy && sortAsc,
                 'sorting': SORTING_TYPES.MODIFIED !== sortedBy
                 }">{{'import.import_resource_tree.header.modified' | translate}}</span>
             </th>
-            <th class="import-resource-header-cell import-resource-imported" ng-click="sort(SORTING_TYPES.IMPORTED)">
+            <th class="header-cell cell-imported" ng-click="sort(SORTING_TYPES.IMPORTED)">
                 <span ng-class="{
                 'sorting_desc': SORTING_TYPES.IMPORTED === sortedBy &&  !sortAsc,
                 'sorting_asc': SORTING_TYPES.IMPORTED === sortedBy && sortAsc,
                 'sorting': SORTING_TYPES.IMPORTED !== sortedBy
                 }">{{'import.import_resource_tree.header.imported' | translate}}</span>
             </th>
-            <th class="import-resource-header-cell import-resource-context" ng-click="sort(SORTING_TYPES.CONTEXT)">
+            <th class="header-cell cell-context" ng-click="sort(SORTING_TYPES.CONTEXT)">
                 <span ng-class="{
                 'sorting_desc': SORTING_TYPES.CONTEXT === sortedBy &&  !sortAsc,
                 'sorting_asc': SORTING_TYPES.CONTEXT === sortedBy && sortAsc,
                 'sorting': SORTING_TYPES.CONTEXT !== sortedBy
                 }">{{'import.import_resource_tree.header.context' | translate}}</span>
             </th>
-            <th class="import-resource-header-cell import-resource-action"></th>
+            <th class="header-cell import-resource-action"></th>
         </tr>
         </thead>
         <tbody>
         <tr ng-repeat-start="resource in displayResources track by resource.importResource.name"
-            class="import-resource-row title-row"
+            class="row title-row"
             ng-class="{ 'even-row-start': $even, 'odd-row-start': $odd}">
-            <td class="import-resource-cell import-resource-cell-select">
+            <td class="cell cell-select">
                 <input type="checkbox" ng-model="resource.selected" ng-click="selectionChanged(resource)"
-                       prop-indeterminate="resource.partialSelected" class="resource-select-checkbox">
+                       prop-indeterminate="resource.partialSelected" class="select-checkbox">
             </td>
             <td colspan="5"
                 ng-style="{'padding-left': (filterByType !== TYPE_FILTER_OPTIONS.FILE ? resource.indent : '8px')}"
-                class="import-resource-cell">
-                <span class="import-resource-title">
-                    <em ng-class="{'icon-folder': resource.isDirectory(), 'icon-file': resource.isFile()}"></em>
+                class="cell">
+                <span class="cell-title">
+                    <em ng-class="resource.iconClass"></em>
                     <div ng-if="onEditResource && resource.isEditable">
                         <a href="#" ng-click="editResource(resource)"><strong>{{resource.name}}</strong></a>
                     </div>
@@ -164,20 +164,21 @@
                     </div>
                 </span>
             </td>
-            <td class="import-resource-cell">
-                <div class="import-resource-actions">
+            <td class="cell">
+                <div class="cell-actions">
                     <import-resource-status-info class="btn btn-sm import"
                                                  ng-if="resource.hasStatusInfo"
                                                  resource="resource"></import-resource-status-info>
                     <button role="button" class="btn btn-link btn-sm secondary import-resource-action-reset-btn"
                             ng-click="resetStatus(resource)"
                             ng-if="resource.canResetStatus"
-                            ng-disabled="selectedResources.length > 1"
+                            ng-disabled="selectedResources.length > 0"
                             gdb-tooltip="{{'import.reset.status' | translate}}">
                         <span class="icon-close"></span>
                     </button>
                     <button ng-if="canRemoveResource"
                             class="btn btn-link btn-sm secondary import-resource-action-remove-btn"
+                            ng-disabled="selectedResources.length > 0"
                             ng-click="removeResource(resource)"
                             gdb-tooltip="{{'import.remove.btn' | translate}}">
                         <em class="icon-trash"></em>
@@ -185,6 +186,8 @@
                     <button class="btn btn-primary btn-sm import-resource-action-import-btn"
                             ng-if="resource.isImportable"
                             ng-click="onImport({resource: resource})"
+                            ng-disabled="selectedResources.length > 0"
+                            guide-selector="import-file-{{resource.name}}"
                             gdb-tooltip="{{'import.import.btn' | translate}}">
                         <span class="icon-import"></span>
                     </button>
@@ -199,24 +202,24 @@
                 </div>
             </td>
         </tr>
-        <tr ng-repeat-end class="import-resource-row info-row" ng-class="{ 'even-row-end': $even, 'odd-row-end': $odd}">
-            <td class="import-resource-cell import-resource-cell-select"></td>
+        <tr ng-repeat-end class="row info-row" ng-class="{ 'even-row-end': $even, 'odd-row-end': $odd}">
+            <td class="cell cell-select"></td>
             <td ng-style="{'padding-left': (filterByType !== TYPE_FILTER_OPTIONS.FILE ? resource.indent : '8px')}"
-                class="import-resource-cell">
+                class="cell">
                 <import-resource-message resource="resource"></import-resource-message>
             </td>
-            <td class="import-resource-cell import-resource-size">
+            <td class="cell cell-size">
                 {{ resource.importResource.size || ''}}
             </td>
-            <td class="import-resource-cell import-resource-modified"
-                ng-class="{'font-weight-bold': resource.isImportedBiggerThanModified}">
-                {{ resource.importResource.modifiedOn | date:'yyyy-MM-dd, HH:mm' }}
-            </td>
-            <td class="import-resource-cell import-resource-imported"
+            <td class="cell cell-modified"
                 ng-class="{'font-weight-bold': resource.isModifiedBiggerThanImported}">
-                {{ resource.importResource.importedOn | date:'yyyy-MM-dd, HH:mm' }}
+                {{ resource.importResource.modifiedOn ? (resource.importResource.modifiedOn | date:'yyyy-MM-dd, HH:mm') : '' }}
+            </td>
+            <td class="cell cell-imported"
+                ng-class="{'font-weight-bold': resource.isImportedBiggerThanModified}">
+                {{ resource.importResource.importedOn ? (resource.importResource.importedOn | date:'yyyy-MM-dd, HH:mm') : '' }}
             </td>
-            <td colspan="2" class="import-resource-cell">
+            <td colspan="2" class="cell">
                 <a if="resource.importResource.context"
                    title="{{resource.importResource.context}}"
                    class="uri-link"