@oat-sa/tao-core-ui 3.24.0 → 3.24.1

package/dist/resourcemgr/assetSearch.js

@@ -48,7 +48,7 @@ define(['jquery', 'i18n', 'ui/pagination', 'ui/searchModal/advancedSearch', 'han
      */
     const ns = 'resourcemgr';
     const EVENT_NS = 'resourcemgrAssetSearch';
-    const DEFAULT_AJAX_TIMEOUT_MS = 10000;
+    const DEFAULT_AJAX_TIMEOUT_MS = 30000;
     const DEFAULT_ROOT_CLASS_URI = 'http://www.tao.lu/Ontologies/TAOMedia.rdf#Media';
     const SEARCH_MODE_MODAL_TITLE = __('Please select a file from the resource manager.');
 
@@ -753,7 +753,7 @@ define(['jquery', 'i18n', 'ui/pagination', 'ui/searchModal/advancedSearch', 'han
       function showLoading() {
         searchInFlight = true;
         $searchButton.prop('disabled', true).addClass('is-searching').attr('aria-busy', 'true');
-        $searchButtonSpinner.removeClass('hidden').removeAttr('hidden');
+        $searchButtonSpinner.removeClass('hidden');
         $searchButtonLabel.text(__('Searching'));
         $resultsRegion.attr('aria-busy', 'true');
       }
@@ -764,7 +764,7 @@ define(['jquery', 'i18n', 'ui/pagination', 'ui/searchModal/advancedSearch', 'han
       function hideLoading() {
         searchInFlight = false;
         $searchButton.removeClass('is-searching').attr('aria-busy', 'false');
-        $searchButtonSpinner.addClass('hidden').attr('hidden', 'hidden');
+        $searchButtonSpinner.addClass('hidden');
         $searchButtonLabel.text(__('Search'));
         $resultsRegion.attr('aria-busy', 'false');
         updateSearchActionState();

package/dist/resourcemgr/assetSearchContract.js

@@ -48,7 +48,7 @@ define(['exports'], function (exports) { 'use strict';
      * Default page size for search results.
      * @type {number}
      */
-    const DEFAULT_PAGE_SIZE = 10;
+    const DEFAULT_PAGE_SIZE = 11;
 
     /**
      * Minimum universal query length before Search is enabled (matches indexed prefix rules).

package/dist/resourcemgr/css/resourcemgr.css

@@ -764,8 +764,12 @@ Usage:
 .resourcemgr .file-browser .asset-search-actions .asset-search-submit .asset-search-submit-spinner.hidden, .resourcemgr .file-browser .asset-search-actions .asset-search-submit .asset-search-submit-spinner[hidden] {
   display: none;
 }
-.resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching .asset-search-submit-spinner:not(.hidden):not([hidden]) {
+.resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching .asset-search-submit-spinner:not(.hidden) {
   display: inline-block;
+}
+.resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching .asset-search-submit-spinner:not(.hidden).icon-loop::before {
+  display: inline-block;
+  transform-origin: 50% 50%;
   animation: rm-search-button-spin 1.4s linear infinite;
 }
 .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled] {
@@ -805,11 +809,56 @@ Usage:
   }
 }
 .resourcemgr .file-browser .file-browser-wrapper {
-  overflow: auto;
+  position: relative;
+  display: flex;
+  flex-direction: column;
   flex: 1 1 auto;
   min-height: 0;
+  overflow: hidden;
+}
+.resourcemgr .file-browser .file-browser-wrapper.is-tree-loading {
+  pointer-events: none;
+}
+.resourcemgr .file-browser .file-browser-wrapper.is-tree-loading .file-browser-scroll {
+  overflow: hidden;
+}
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-scroll {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
   padding: 8px 4px 12px;
 }
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading {
+  position: absolute;
+  inset: 0;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.75);
+}
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading.hidden {
+  display: none;
+}
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .icon-loop {
+  color: #286d9c;
+  font-size: 22px;
+  font-size: 2.2rem;
+}
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .icon-loop::before {
+  display: inline-block;
+  transform-origin: 50% 50%;
+  animation: rm-search-button-spin 1.4s linear infinite;
+}
+.resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .file-browser-tree-loading-status {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin: 0;
+  padding: 0;
+}
 .resourcemgr .file-browser ul {
   list-style-type: none;
   padding-left: 5px;
@@ -974,9 +1023,53 @@ Usage:
 }
 .resourcemgr .file-selector .files-wrapper {
   position: relative;
+  display: flex;
+  flex-direction: column;
   flex-grow: 1;
-  overflow-y: auto;
   min-height: 0;
+  overflow: hidden;
+}
+.resourcemgr .file-selector .files-wrapper.is-files-loading {
+  pointer-events: none;
+}
+.resourcemgr .file-selector .files-wrapper.is-files-loading .files-scroll {
+  overflow-y: hidden;
+}
+.resourcemgr .file-selector .files-wrapper .files-scroll {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+.resourcemgr .file-selector .files-wrapper .files-list-loading {
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(255, 255, 255, 0.82);
+}
+.resourcemgr .file-selector .files-wrapper .files-list-loading.hidden {
+  display: none;
+}
+.resourcemgr .file-selector .files-wrapper .files-list-loading .icon-loop {
+  color: #286d9c;
+  font-size: 22px;
+  font-size: 2.2rem;
+}
+.resourcemgr .file-selector .files-wrapper .files-list-loading .icon-loop::before {
+  display: inline-block;
+  transform-origin: 50% 50%;
+  animation: rm-search-button-spin 1.4s linear infinite;
+}
+.resourcemgr .file-selector .files-wrapper .files-list-loading .files-list-loading-status {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+  margin: 0;
+  padding: 0;
 }
 .resourcemgr .file-selector table.files {
   width: 100%;