graphdb-workbench 2.6.3 → 2.7.0-TR10

package/dist/js/angular/clustermanagement/templates/cluster-legend.html

@@ -0,0 +1,9 @@
+<div id="toggle-legend-button" class="toggle-legend-btn">
+    <button class="btn btn-link"
+            ng-click="toggleLegend()"
+            gdb-tooltip="{{'cluster_management.cluster_page.toggle_legend_btn_tooltip' | translate}}"
+            tooltip-placement="right">
+        <span class="icon-help toggle-legend-icon"></span>
+        {{'cluster_management.cluster_page.toggle_legend_btn' | translate}}
+    </button>
+</div>

package/dist/js/angular/core/components/export-settings-modal/controller.js

@@ -0,0 +1,67 @@
+angular
+    .module('graphdb.framework.core.components.export-settings-modal', [
+        'graphdb.framework.utils.localstorageadapter'
+    ])
+    .controller('ExportSettingsCtrl', ExportSettingsCtrl);
+
+ExportSettingsCtrl.$inject = ['$scope', '$uibModalInstance', 'LocalStorageAdapter', 'LSKeys', 'format'];
+export function ExportSettingsCtrl($scope, $uibModalInstance, LocalStorageAdapter, LSKeys, format) {
+    $scope.JSONLDModes = [
+        {name: "framed", link: "http://www.w3.org/ns/json-ld#framed"},
+        {name: "expanded", link: "http://www.w3.org/ns/json-ld#expanded"},
+        {name: "flattened", link: "http://www.w3.org/ns/json-ld#flattened"},
+        {name: "compacted", link: "http://www.w3.org/ns/json-ld#compacted"}
+    ];
+
+    $scope.JSONLDModesNames = $scope.JSONLDModes.reduce(function (acc, cur) {
+        acc[cur.name] = cur.name;
+        return acc;
+    }, {});
+
+    $scope.JSONLDFramedModes = [$scope.JSONLDModesNames.framed];
+    $scope.JSONLDContextModes = [$scope.JSONLDModesNames.compacted, $scope.JSONLDModesNames.flattened];
+    $scope.defaultMode = $scope.JSONLDModes.find((mode) => mode.name === 'expanded');
+    $scope.currentMode = $scope.defaultMode;
+    $scope.link = null;
+    $scope.fileFormat = format.toLowerCase();
+    $scope.setJSONLDSettingsToLocalStorage = function (formName, formLink, link) {
+        LocalStorageAdapter.set(LSKeys.JSONLD_EXPORT_SETTINGS, JSON.stringify({
+            jsonldFormName: formName,
+            jsonldFormLink: formLink,
+            jsonldLink: link
+        }));
+    };
+
+    $scope.cancel = function () {
+        $uibModalInstance.dismiss();
+    };
+
+    $scope.reset = function () {
+        $scope.currentMode = $scope.defaultMode;
+        $scope.link = "";
+        $scope.setJSONLDSettingsToLocalStorage($scope.currentMode.name, $scope.currentMode.link, $scope.link);
+    };
+
+    $scope.clearLinkInput = function () {
+        $scope.link = "";
+        $scope.setJSONLDSettingsToLocalStorage($scope.currentMode.name, $scope.currentMode.link, $scope.link);
+    };
+
+    $scope.exportJsonLD = function () {
+        $scope.setJSONLDSettingsToLocalStorage($scope.currentMode.name, $scope.currentMode.link, $scope.link);
+        $uibModalInstance.close({
+            currentMode: $scope.currentMode,
+            link: $scope.link
+        });
+    };
+
+    const init = function () {
+        const jsonldSettingsModel = LocalStorageAdapter.get(LSKeys.JSONLD_EXPORT_SETTINGS);
+        if (jsonldSettingsModel) {
+            $scope.currentMode = $scope.JSONLDModes.find((mode) => mode.name === jsonldSettingsModel.jsonldFormName);
+            $scope.link = jsonldSettingsModel.jsonldLink;
+        }
+    };
+
+    init();
+}

package/dist/js/angular/core/components/export-settings-modal/exportSettingsModal.html

@@ -0,0 +1,66 @@
+<div class="modal-header">
+    <button type="button" class="close" ng-click="cancel()"></button>
+    <h4 class="modal-title">{{'export.settings.' + fileFormat | translate}}</h4>
+</div>
+
+<div class="modal-body">
+    <form name="exportSettingsForm" class="export-settings-form">
+        <div class="form-horizontal">
+            <div class="form-group row">
+                <label class="col-lg-3 col-form-label" for="wb-JSONLD-mode">
+                    {{fileFormat + '.form' | translate}}
+                    <span class="btn btn-link p-0"
+                          uib-popover="{{fileFormat + '.form.info' | translate}}"
+                          popover-trigger="mouseenter"
+                          popover-placement="right"><em class="icon icon-info"></em></span>
+                </label>
+                <div class="col-lg-9">
+                    <select class="form-control" id="wb-JSONLD-mode"
+                            ng-model="currentMode"
+                            ng-options="mode.link for mode in JSONLDModes track by mode.link"
+                            ng-change="clearLinkInput()">
+                    </select>
+                </div>
+            </div>
+
+            <div class="form-group row" ng-if="JSONLDFramedModes.indexOf(currentMode.name) > -1">
+                <label class="col-lg-3 col-form-label" for="wb-JSONLD-frame">
+                    {{fileFormat + '.frame.link' | translate}}
+                    <span class="btn btn-link p-0"
+                          uib-popover="{{fileFormat + '.frame.link.info' | translate}}"
+                          popover-trigger="mouseenter"
+                          popover-placement="right"><em class="icon icon-info"></em></span>
+                </label>
+                <div class="col-lg-9">
+                    <input class="form-control" id="wb-JSONLD-frame" type="text"
+                           ng-model="$parent.link" placeholder="{{fileFormat + '.frame.uri.placeholder' | translate}}" autofocus="autofocus" />
+                </div>
+            </div>
+
+            <div class="form-group row"
+                 ng-if="JSONLDContextModes.indexOf(currentMode.name) > -1">
+                <label class="col-lg-3 col-form-label" for="wb-JSONLD-context">
+                    {{fileFormat + '.context.link' | translate}}
+                    <span class="btn btn-link p-0"
+                          uib-popover="{{fileFormat + '.context.link.info' | translate}}"
+                          popover-trigger="mouseenter"
+                          popover-placement="right"><em class="icon icon-info"></em></span>
+                </label>
+                <div class="col-lg-9">
+                    <input class="form-control" id="wb-JSONLD-context" type="text"
+                           ng-model="$parent.link" placeholder="{{fileFormat + '.context.uri.placeholder' | translate}}"
+                           autofocus="autofocus" />
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+
+<div class="modal-footer">
+    <button type="button" class="btn btn-link pull-left restore-defaults" ng-click="reset()">{{'import.restore.defaults.btn' | translate}}</button>
+    <button type="button" ng-click="cancel()" class="btn btn-secondary">{{'common.cancel.btn' | translate}}</button>
+    <button id="wb-export-JSONLD" class="btn btn-primary" type="button"
+            ng-click="exportJsonLD()">
+        {{'export' | translate}}
+    </button>
+</div>

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

@@ -1,4 +1,4 @@
-<link href="css/autocomplete-select.css?v=2.6.3" rel="stylesheet"/>
+<link href="css/autocomplete-select.css?v=2.7.0-TR10" 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.6.3" rel="stylesheet"/>
+<link href="css/operations-statuses-monitor.css?v=2.7.0-TR10" 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.6.3" rel="stylesheet"/>
+<link href="css/rdf-resource-search.css?v=2.7.0-TR10" 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.6.3" rel="stylesheet">
+<link href="css/lib/ontotext-yasgui-web-component.css?v=2.7.0-TR10" 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

@@ -0,0 +1,6 @@
+<div class="ot-view-info">
+    {{'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.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

@@ -0,0 +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>
+    </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 class="import-counter" ng-if="hasAddedStatements">
+                    <small>
+                        {{ 'import.status-info.added_count_statements' | translate: {count: resource.importResource.addedStatements} }}
+                        {{ (hasRemovedStatements ? ',' : '') }}
+                    </small>
+                </span>
+                <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-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

@@ -0,0 +1,116 @@
+<span class="icon-info text-tertiary import-status-info"
+      uib-popover-template="popoverTemplate"
+      popover-class="import-status-info-popover"
+      popover-trigger="none"
+      ng-click="open()"
+      popover-is-open="popoverIsOpen"
+      popover-placement="left"
+      popover-append-to-body="true">
+</span>
+
+
+<script type="text/ng-template" id="resourceStatusInfoTemplate.html">
+    <sup class="pull-right btn btn-sm close" ng-click="close()"></sup>
+    <div class="import-resource-status-info-popover">
+        <h4>{{'import.status-info.last_import_settings' | translate}}</h4>
+
+        <table class="table table-sm m-0">
+            <tbody>
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.context' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{context}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.replaced_graphs' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value" ng-repeat="replaceGraph in replaceGraphs">
+                        {{replaceGraph}}
+                    </div>
+                </td>
+            </tr>
+            <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="value">
+                        {{baseUrl}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
+                    <div>
+                        {{'import.status-info.debug' | translate}}
+                    </div>
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{forceSerial}}
+                    </div>
+                </td>
+            </tr>
+            <tr class="row">
+                <td class="label">
+                    {{'import.status-info.imported' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        {{importedOn | date:'yyyy-MM-dd, HH:mm' }}
+                    </div>
+                </td>
+            </tr>
+            <tr ng-if="parserSettings" class="row">
+                <td class="label">
+                    {{'import.status-info.parser_settings' | translate}}
+                </td>
+                <td class="break-word">
+                    <div class="value">
+                        <pre>{{parserSettings | prettyJSON}}</pre>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</script>

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

@@ -0,0 +1,235 @@
+<div class="import-resource-tree mt-2" ng-if="resources && !resources.isEmpty()">
+    <div class="import-resource-tree-header">
+        <div class="import-resources-actions">
+            <div class="import-resource-status-dropdown btn-group" uib-dropdown>
+                <button type="button" uib-dropdown-toggle class="btn btn-secondary dropdown-toggle"
+                        ng-class="{'selected': selectedByStatus}">
+                    <input type="checkbox" prop-indeterminate="areAllDisplayedImportResourcesPartialSelected"
+                           ng-model="areAllDisplayedImportResourcesSelected">
+                    {{selectedByStatus ? (('import.import_resource_tree.status.' + selectedByStatus) | translate) : '
+                    '}}
+                </button>
+                <ul class="dropdown-menu" role="menu">
+                    <li>
+                        <button type="button" class="dropdown-item"
+                                ng-click="selectResourceWithStatus(STATUS_OPTIONS.ALL)">
+                            {{'import.import_resource_tree.status.ALL' | translate}}
+                        </button>
+                        <button type="button" class="dropdown-item"
+                                ng-click="selectResourceWithStatus(STATUS_OPTIONS.NONE)">
+                            {{'import.import_resource_tree.status.NONE' | translate}}
+                        </button>
+                        <button type="button" class="dropdown-item"
+                                ng-click="selectResourceWithStatus(STATUS_OPTIONS.IMPORTED)">
+                            {{'import.import_resource_tree.status.IMPORTED' | translate}}
+                        </button>
+                        <button type="button" class="dropdown-item"
+                                ng-click="selectResourceWithStatus(STATUS_OPTIONS.NOT_IMPORTED)">
+                            {{'import.import_resource_tree.status.NOT_IMPORTED' | translate}}
+                        </button>
+                    </li>
+                </ul>
+            </div>
+            <div class="import-resource-selected-actions btn-group"
+                 ng-if="selectedResources && selectedResources.length > 0">
+                <div class="btn-group batch-import-dropdown" uib-dropdown
+                     uib-popover="{{'import.selected.items' | translate}}"
+                     popover-trigger="mouseenter"
+                     popover-placement="top">
+                    <button type="button" class="btn btn-primary batch-import-btn" ng-click="importAll(false)">
+                        <span class="icon-import"></span>
+                        {{'common.import' | translate}}
+                    </button>
+                    <button type="button" class="btn btn-primary dropdown-toggle-split dropdown-toggle"
+                            uib-dropdown-toggle>
+                        <span class="sr-only"></span>
+                    </button>
+                    <ul class="dropdown-menu" role="menu">
+                        <li>
+                            <button type="button"
+                                    class="dropdown-item import-without-change-btn batch-import-without-change-btn"
+                                    ng-click="importAll(true)">
+                                {{'import.without.changing.settings' | translate}}
+                            </button>
+                        </li>
+                    </ul>
+                </div>
+                <button class="btn btn-secondary reset-status-btn batch-reset-btn" type="button"
+                        ng-click="onResetStatus()"
+                        ng-if="canResetSelectedResources"
+                        uib-popover="{{'import.reset.last.imported' | translate}}"
+                        popover-trigger="mouseenter"
+                        popover-placement="top">
+                    {{'import.reset.status' | translate}}
+                </button>
+                <button ng-if="canRemoveResource" class="btn btn-secondary remove-resources-btn" type="button"
+                        ng-click="onRemoveResources()"
+                        uib-popover="{{'import.remove.selected' | translate}}"
+                        popover-trigger="mouseenter"
+                        popover-placement="top">
+                    {{'import.remove.btn' | translate}}
+                </button>
+            </div>
+        </div>
+        <div class="import-resource-tree-filter btn-group">
+            <div ng-if="showTypeFilter" class="import-resource-type-filter mr-1">
+                <button class="btn btn-secondary show-all-resources-btn"
+                        ng-click="filterByTypeChanged(TYPE_FILTER_OPTIONS.ALL)"
+                        ng-class="{'active': TYPE_FILTER_OPTIONS.ALL === filterByType}">
+                    <em class="icon-file"></em>
+                    <em class="icon-folder"></em>
+                </button>
+                <button class="btn btn-secondary show-only-folders-btn"
+                        ng-click="filterByTypeChanged(TYPE_FILTER_OPTIONS.DIRECTORY)"
+                        ng-class="{'active': TYPE_FILTER_OPTIONS.DIRECTORY === filterByType}">
+                    <em class="icon-folder"></em>
+                </button>
+                <button class="btn btn-secondary show-only-files-btn"
+                        ng-click="filterByTypeChanged(TYPE_FILTER_OPTIONS.FILE)"
+                        ng-class="{'active': TYPE_FILTER_OPTIONS.FILE === filterByType}">
+                    <em class="icon-file"></em>
+                </button>
+            </div>
+
+            <div class="import-resource-filter btn-group">
+                <div class="input-group">
+                    <input id="fileQuery" class="form-control" type="text" ng-model="filterByFileName"
+                           autocomplete="off"
+                           ng-change="filterByFileNameChanged(filterByFileName)"
+                           placeholder="{{'import.type.to.filter' | translate}}">
+                </div>
+            </div>
+        </div>
+    </div>
+    <table class="import-resource-table mt-2">
+        <thead>
+        <tr>
+            <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="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="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="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="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="header-cell import-resource-action"></th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr ng-repeat-start="resource in displayResources track by resource.importResource.name"
+            class="row title-row"
+            ng-class="{ 'even-row-start': $even, 'odd-row-start': $odd}">
+            <td class="cell cell-select">
+                <input type="checkbox" ng-model="resource.selected" ng-click="selectionChanged(resource)"
+                       prop-indeterminate="resource.partialSelected" class="select-checkbox">
+            </td>
+            <td colspan="5"
+                ng-style="{'padding-left': (filterByType !== TYPE_FILTER_OPTIONS.FILE ? resource.indent : '8px')}"
+                class="cell">
+                <span class="cell-title">
+                    <em ng-class="resource.iconClass"></em>
+                    <div ng-if="onEditResource && resource.isEditable">
+                        <a href="#" ng-click="editResource(resource)" title="{{resource.name}}">
+                            <strong>{{resource.shortenedName ? resource.shortenedName : resource.name}}</strong>
+                        </a>
+                    </div>
+                    <div ng-if="!resource.isEditable" title="{{resource.name}}">
+                        <strong>{{resource.shortenedName ? resource.shortenedName : resource.name}}</strong>
+                    </div>
+                </span>
+            </td>
+            <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 > 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>
+                    </button>
+                    <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>
+                    <button class="btn btn-sm"
+                            ng-click="stopImport(resource)"
+                            ng-disabled="resource.importResource.status === ImportResourceStatus.INTERRUPTING"
+                            ng-if="resource.hasOngoingImport"
+                            gdb-tooltip="{{'import.import_resource_tree.action.interrupt_import' | translate}}">
+                        <span class="icon-close"></span>
+                        {{'import.import_resource_tree.action.abort' | translate}}
+                    </button>
+                </div>
+            </td>
+        </tr>
+        <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="cell">
+                <import-resource-message resource="resource"></import-resource-message>
+            </td>
+            <td class="cell cell-size">
+                {{ resource.importResource.size || ''}}
+            </td>
+            <td class="cell cell-modified"
+                ng-class="{'font-weight-bold': resource.isModifiedBiggerThanImported}">
+                {{ 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="cell">
+                <a if="resource.importResource.context"
+                   title="{{resource.importResource.context}}"
+                   class="uri-link"
+                   href="{{'resource?uri=' + resource.importResource.context + '&role=context'}}">
+                    {{resource.shortenedContext ? resource.shortenedContext : resource.importResource.context}}
+                </a>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+</div>