@dflat-core/web 1.7.2072 → 1.7.2074

package/assets/{bootswatch.scss → theme-variables.scss}

@@ -1,100 +1,100 @@
-// Pulse 4.3.1
-// Bootswatch
-
-//
-// Color system
-//
-
-$white:    #fff !default;
-$gray-100: #fafafa !default;
-$gray-200: #F9F8FC !default;
-$gray-300: #EDEDED !default;
-$gray-400: #cbc8d0 !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #444 !default;
-$gray-800: #343a40 !default;
-$gray-900: #17141F !default;
-$black:    #000 !default;
-
-$blue:    #007bff !default;
-$indigo:  #4465C9 !default;
-$purple:  #4465C9 !default;
-$pink:    #e83e8c !default;
-$red:     #FC3939 !default;
-$orange:  #fd7e14 !default;
-$yellow:  #EFA31D !default;
-$green:   #13B955 !default;
-$teal:    #20c997 !default;
-$cyan:    #009CDC !default;
-
-$primary:       $purple !default;
-$secondary:     $gray-200 !default;
-$success:       $green !default;
-$info:          $cyan !default;
-$warning:       $yellow !default;
-$danger:        $red !default;
-$light:         $gray-200 !default;
-$dark:          $gray-900 !default;
-
-// Options
-
-$enable-rounded: false !default;
-
-// Body
-
-$body-color:                $gray-700 !default;
-
-// Links
-
-$link-hover-color:          $primary !default;
-
-// Fonts
-
-$font-size-base:              0.875rem !default;
-
-// Tables
-
-$table-border-color:          rgba(0, 0, 0, 0.05) !default;
-
-// Forms
-
-$input-focus-border-color:              $primary !default;
-
-// Dropdowns
-
-$dropdown-link-color:               $gray-700 !default;
-$dropdown-link-hover-color:         $white !default;
-$dropdown-link-hover-bg:            $primary !default;
-
-// Navs
-
-$nav-tabs-border-color:             $gray-300 !default;
-$nav-tabs-link-hover-border-color:  $primary !default;
-
-// Navbar
-
-$navbar-padding-y:                  1.2rem !default;
-
-$navbar-dark-hover-color:           rgba($white,.9) !default;
-$navbar-dark-active-color:          rgba($white,.9) !default;
-
-$navbar-light-color:                rgba($black,.4) !default;
-$navbar-light-active-color:         rgba($black,.7) !default;
-$navbar-light-disabled-color:       rgba($black,.2) !default;
-
-// Progress bars
-
-$progress-bg:                       $gray-300 !default;
-$progress-bar-bg:                   $primary !default;
-
-// List group
-
-$list-group-bg:                     $gray-900 !default;
-$list-group-border-color:           transparent !default;
-
-$list-group-hover-bg:               lighten($list-group-bg, 10%) !default;
-$list-group-active-color:           $white !default;
-$list-group-active-bg:              $list-group-bg !default;
-
-$list-group-disabled-color:         lighten($list-group-bg, 30%) !default;
+// Variables du thème Pulse (Bootswatch 4.3.1, licence MIT), propres au package : couleurs, polices
+// et variables Bootstrap redéfinies (le package bootswatch n'est plus une dépendance).
+
+//
+// Color system
+//
+
+$white:    #fff !default;
+$gray-100: #fafafa !default;
+$gray-200: #F9F8FC !default;
+$gray-300: #EDEDED !default;
+$gray-400: #cbc8d0 !default;
+$gray-500: #adb5bd !default;
+$gray-600: #868e96 !default;
+$gray-700: #444 !default;
+$gray-800: #343a40 !default;
+$gray-900: #17141F !default;
+$black:    #000 !default;
+
+$blue:    #007bff !default;
+$indigo:  #4465C9 !default;
+$purple:  #4465C9 !default;
+$pink:    #e83e8c !default;
+$red:     #FC3939 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #EFA31D !default;
+$green:   #13B955 !default;
+$teal:    #20c997 !default;
+$cyan:    #009CDC !default;
+
+$primary:       $purple !default;
+$secondary:     $gray-200 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-200 !default;
+$dark:          $gray-900 !default;
+
+// Options
+
+$enable-rounded: false !default;
+
+// Body
+
+$body-color:                $gray-700 !default;
+
+// Links
+
+$link-hover-color:          $primary !default;
+
+// Fonts
+
+$font-size-base:              0.875rem !default;
+
+// Tables
+
+$table-border-color:          rgba(0, 0, 0, 0.05) !default;
+
+// Forms
+
+$input-focus-border-color:              $primary !default;
+
+// Dropdowns
+
+$dropdown-link-color:               $gray-700 !default;
+$dropdown-link-hover-color:         $white !default;
+$dropdown-link-hover-bg:            $primary !default;
+
+// Navs
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-link-hover-border-color:  $primary !default;
+
+// Navbar
+
+$navbar-padding-y:                  1.2rem !default;
+
+$navbar-dark-hover-color:           rgba($white,.9) !default;
+$navbar-dark-active-color:          rgba($white,.9) !default;
+
+$navbar-light-color:                rgba($black,.4) !default;
+$navbar-light-active-color:         rgba($black,.7) !default;
+$navbar-light-disabled-color:       rgba($black,.2) !default;
+
+// Progress bars
+
+$progress-bg:                       $gray-300 !default;
+$progress-bar-bg:                   $primary !default;
+
+// List group
+
+$list-group-bg:                     $gray-900 !default;
+$list-group-border-color:           transparent !default;
+
+$list-group-hover-bg:               lighten($list-group-bg, 10%) !default;
+$list-group-active-color:           $white !default;
+$list-group-active-bg:              $list-group-bg !default;
+
+$list-group-disabled-color:         lighten($list-group-bg, 30%) !default;

package/assets/theme.scss

@@ -0,0 +1,146 @@
+// Thème Pulse de Bootswatch 4.6.2 (Thomas Park, licence MIT), repris dans le package : styles
+// qui complètent Bootstrap (boutons, champs, onglets, badges...). Le package bootswatch n'est plus une
+// dépendance ; les variables du thème sont dans theme-variables.scss.
+
+// Buttons =====================================================================
+
+.btn {
+  &:focus,
+  &:active,
+  &:active:focus,
+  &.active:focus {
+    outline: none;
+  }
+
+  &-secondary {
+    background-color: $white;
+    border-color: #ccc;
+    color: $gray-900;
+
+    &:hover {
+      background-color: $gray-300;
+      border-color: $gray-500;
+      color: $gray-900;
+    }
+
+    &.disabled {
+      background-color: $white;
+      border-color: lighten(#ccc, 5%);
+      color: lighten($gray-900, 5%);
+    }
+  }
+
+  &-warning {
+    color: $white;
+  }
+
+  &-primary:focus {
+    box-shadow: 0 0 5px lighten($primary, 10%);
+  }
+
+  &-secondary:focus {
+    box-shadow: 0 0 5px $gray-400;
+  }
+
+  &-success:focus {
+    box-shadow: 0 0 5px lighten($success, 10%);
+  }
+
+  &-info:focus {
+    box-shadow: 0 0 5px lighten($info, 10%);
+  }
+
+  &-warning:focus {
+    box-shadow: 0 0 5px lighten($warning, 10%);
+  }
+
+  &-danger:focus {
+    box-shadow: 0 0 5px lighten($danger, 10%);
+  }
+
+  &.disabled:focus {
+    box-shadow: none;
+  }
+}
+
+// Tables ======================================================================
+
+.table .thead-dark th {
+  background-color: $secondary;
+  border-color: $table-border-color;
+}
+
+// Forms =======================================================================
+
+.form-control:focus {
+  box-shadow: 0 0 5px rgba(100, 65, 164, .4);
+}
+
+// Navs ========================================================================
+
+.nav-tabs {
+  .nav-link,
+  .nav-link.active, {
+    border-width: 0 0 1px;
+  }
+
+  .nav-link:hover,
+  .nav-link.active,
+  .nav-link.active:hover,
+  .nav-link.active:focus {
+    border-bottom: 1px solid $primary;
+  }
+
+  .nav-item + .nav-item {
+    margin-left: 0;
+  }
+}
+
+.breadcrumb {
+  &-item.active {
+    color: $gray-700;
+  }
+}
+
+// Indicators ==================================================================
+
+.badge {
+  padding-bottom: .4em;
+
+  &-secondary,
+  &-warning {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+
+.progress {
+  height: 8px;
+}
+
+// Containers ==================================================================
+
+.list-group {
+  &-item {
+    color: rgba(255, 255, 255, .8);
+
+    &.active,
+    &:hover,
+    &:focus {
+      color: $white;
+    }
+
+    &.active {
+      font-weight: 700;
+
+      &:hover {
+        background-color: $list-group-hover-bg;
+      }
+    }
+
+    &.disabled:hover {
+      color: $list-group-disabled-color;
+    }
+  }
+}

package/assets/variables.scss

@@ -1,93 +1,93 @@
-// Les variables de bootswatch.scss sont réexposées à qui charge ce fichier (@use ou @import).
-@forward "./bootswatch";
-@use "./bootswatch" as *;
-
-$header_height: 50px;
-$footer_height: 30px;
-$sidebar_width: 230px;
-
-$main_bg_color: #4465C9;
-
-
-
-
-// $header_height: 70px;
-$footer_height: 30px;
-// $sidebar_width: 480px;
-
-$mobile-screen: 480px;
-$small-screen: 768px;
-$large-screen: 980px;
-$wide-screen: 1200px;
-
-// Thème de couleurs Elnour
-$old-main: #FC9930;
-$main: #FC9324;
-$main-hover: #F97803; // à voir
-$main-opacity: #F3E0CB;
-
-// $primary: #24BE9f;
-
-$black_text: #272C5D;
-$black_text_light: #535353;
-$grey_text_light: #888888;
-$grey-border: #707070;
-$light-grey-border: #c3c3c3;
-$placeholder: #c3c3c3;
-
-$warning: #ffa500;
-
-// SVG Filters
-// See: https://codepen.io/sosuke/pen/Pjoqqp
-$main-svg-filter: invert(60%) sepia(99%) saturate(501%) hue-rotate(336deg) brightness(102%) contrast(98%);
-$primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
-$sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
-$white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
-$black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
-$black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
-$black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
-$primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
-$darkgrey-filter:invert(70%) sepia(0%) saturate(3789%) hue-rotate(32deg) brightness(91%) contrast(108%);
-$red-filter: invert(23%) sepia(96%) saturate(5276%) hue-rotate(354deg) brightness(104%) contrast(127%);
-$grey_text_light_filter: invert(62%) sepia(2%) saturate(0%) hue-rotate(356deg) brightness(87%) contrast(88%);
-$darkgrey: #a5a5a5;
-$darkgrey-2: #d5d5d5;
-$darkgrey-3: #d6d6d6;
-
-$form-grey: #fafafa;
-$grey: whitesmoke;
-$lightgrey: #f1f3f4;
-$disabled-grey-back: #E6E5E5;
-$disabled-grey-front: #bababa;
-
-$action-button-grey: #e6e6e6;
-$action-separator-grey: #e5e5e5;
-
-$action-button-grey-hover : #f6f6f6;
-
-$background-grey: #f5f5f5;
-$lightblue: #00C6F7;
-$white: #ffffff;
-
-$red-error: #da2128;
-$violet: #663999;
-// $algorima-blue: #2C52C9;
-$algorima-blue: #0A66C2;
-$job-offer-color: rgba(39,44,93,1);
-
-
-
-
-// $main-svg-filter: invert(24%) sepia(83%) saturate(1788%) hue-rotate(212deg) brightness(96%) contrast(90%);
-// $primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
-// $sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
-// $white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
-// $black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
-// $black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
-// $black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
-// $primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
-
-
-
-
-
+// Les variables du thème (theme-variables.scss) sont réexposées à qui charge ce fichier (@use ou @import).
+@forward "./theme-variables";
+@use "./theme-variables" as *;
+
+$header_height: 50px;
+$footer_height: 30px;
+$sidebar_width: 230px;
+
+$main_bg_color: #4465C9;
+
+
+
+
+// $header_height: 70px;
+$footer_height: 30px;
+// $sidebar_width: 480px;
+
+$mobile-screen: 480px;
+$small-screen: 768px;
+$large-screen: 980px;
+$wide-screen: 1200px;
+
+// Thème de couleurs Elnour
+$old-main: #FC9930;
+$main: #FC9324;
+$main-hover: #F97803; // à voir
+$main-opacity: #F3E0CB;
+
+// $primary: #24BE9f;
+
+$black_text: #272C5D;
+$black_text_light: #535353;
+$grey_text_light: #888888;
+$grey-border: #707070;
+$light-grey-border: #c3c3c3;
+$placeholder: #c3c3c3;
+
+$warning: #ffa500;
+
+// SVG Filters
+// See: https://codepen.io/sosuke/pen/Pjoqqp
+$main-svg-filter: invert(60%) sepia(99%) saturate(501%) hue-rotate(336deg) brightness(102%) contrast(98%);
+$primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
+$sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
+$white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
+$black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
+$black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
+$black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
+$primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
+$darkgrey-filter:invert(70%) sepia(0%) saturate(3789%) hue-rotate(32deg) brightness(91%) contrast(108%);
+$red-filter: invert(23%) sepia(96%) saturate(5276%) hue-rotate(354deg) brightness(104%) contrast(127%);
+$grey_text_light_filter: invert(62%) sepia(2%) saturate(0%) hue-rotate(356deg) brightness(87%) contrast(88%);
+$darkgrey: #a5a5a5;
+$darkgrey-2: #d5d5d5;
+$darkgrey-3: #d6d6d6;
+
+$form-grey: #fafafa;
+$grey: whitesmoke;
+$lightgrey: #f1f3f4;
+$disabled-grey-back: #E6E5E5;
+$disabled-grey-front: #bababa;
+
+$action-button-grey: #e6e6e6;
+$action-separator-grey: #e5e5e5;
+
+$action-button-grey-hover : #f6f6f6;
+
+$background-grey: #f5f5f5;
+$lightblue: #00C6F7;
+$white: #ffffff;
+
+$red-error: #da2128;
+$violet: #663999;
+// $algorima-blue: #2C52C9;
+$algorima-blue: #0A66C2;
+$job-offer-color: rgba(39,44,93,1);
+
+
+
+
+// $main-svg-filter: invert(24%) sepia(83%) saturate(1788%) hue-rotate(212deg) brightness(96%) contrast(90%);
+// $primary-svg-filter: invert(67%) sepia(51%) saturate(566%) hue-rotate(117deg) brightness(82%) contrast(95%);
+// $sidebar-back-active-filter: invert(11%) sepia(6%) saturate(2516%) hue-rotate(152deg) brightness(91%) contrast(88%);
+// $white-filter: invert(100%) sepia(100%) saturate(18%) hue-rotate(251deg) brightness(104%) contrast(104%);
+// $black-filter: invert(0%) sepia(76%) saturate(20%) hue-rotate(294deg) brightness(105%) contrast(104%);
+// $black_text_filter: invert(17%) sepia(8%) saturate(6702%) hue-rotate(203deg) brightness(91%) contrast(93%);
+// $black_text_light_filter: invert(33%) sepia(9%) saturate(15%) hue-rotate(336deg) brightness(90%) contrast(88%);
+// $primary-hover-filter: invert(43%) sepia(97%) saturate(1264%) hue-rotate(133deg) brightness(101%) contrast(94%);
+
+
+
+
+

package/fesm2022/dflat-core-web-core-data.mjs

@@ -68,6 +68,12 @@ var DataService = class DataService {
 	getViewColumns(entityKey) {
 		return this.getCached(entityKey, "GetGridColumns");
 	}
+	getEntityImages(entityKey, ids) {
+		return this.httpClient.post(this.baseUrl + `/${entityKey}/GetEntityImages`, ids ?? []);
+	}
+	getGridColumnsFor(entityKey, columnKeys) {
+		return this.httpClient.post(this.baseUrl + `/${entityKey}/GetGridColumnsFor`, columnKeys ?? []);
+	}
 	search(entityKey, filter) {
 		let _url = this.baseUrl + `/${entityKey}/Search`;
 		let requestParams = this.getUrlQueryParams(filter);
@@ -99,11 +105,6 @@ var DataService = class DataService {
 	getExtendedActions(entityKey) {
 		return this.getCached(entityKey, "GetExtendedActions");
 	}
-	getTrackRecordProperties(entityKey, entityIds) {
-		let _url = this.baseUrl + `/${entityKey}/GetTrackRecordProperties`;
-		let requestParams = this.getUrlQueryParams({ entityIds });
-		return this.httpClient.get(_url, { params: requestParams });
-	}
 	saveEntity(entityKey, entity) {
 		let _url = this.baseUrl + `/${entityKey}/SaveEntity`;
 		return this.httpClient.post(_url, this.getFormattedParams(entity));
@@ -359,11 +360,6 @@ var EntityDataService = class EntityDataService {
 		const requestParams = this.dataService.getUrlQueryParams({ col });
 		return this.dataService.httpClient.get(_url, { params: requestParams });
 	}
-	getTrackRecordProperties(entityIds) {
-		const _url = this.dataService.baseUrl + `/${this.getEntityKey()}/GetTrackRecordProperties`;
-		const requestParams = this.dataService.getUrlQueryParams({ entityIds });
-		return this.dataService.httpClient.get(_url, { params: requestParams });
-	}
 	saveEntities(sources) {
 		const _url = this.dataService.baseUrl + `/${this.getEntityKey()}/SaveEntities`;
 		const requestParams = this.dataService.getFormattedParams(sources);