@net7/boilerplate-arianna 3.4.2 → 3.5.0

package/lib/components/extended-tree/extended-tree.d.ts

@@ -0,0 +1,24 @@
+import { Anchor, InnerTitleData, InputSelectData, InputTextData, PaginationData } from '@net7/components';
+import * as i0 from "@angular/core";
+export declare type ExtendedTreeData = {
+    header: InnerTitleData;
+    items: {
+        icon: string;
+        thumbnail?: string;
+        label: string;
+        anchor: Anchor;
+    }[];
+    pagination: PaginationData;
+    limitSelect?: InputSelectData;
+    pageInput?: InputTextData;
+    loading?: boolean;
+};
+export declare class ExtendedTreeComponent {
+    data: ExtendedTreeData;
+    emit: (type: string, payload?: any) => void;
+    lb: any;
+    onPageInputSubmit(): void;
+    onCollapseClick(type: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExtendedTreeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExtendedTreeComponent, "aw-extended-tree", never, { "data": "data"; "emit": "emit"; "lb": "lb"; }, {}, never, ["*"]>;
+}

package/lib/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './chart-tippy/chart-tippy';
 export * from './aw-facets-wrapper/aw-facets-wrapper';
 export * from './pdf-viewer/pdf-viewer';
 export * from './scheda-dropdown/scheda-dropdown';
+export * from './extended-tree/extended-tree';

package/lib/config/apollo.config.d.ts

@@ -31,6 +31,10 @@ declare const _default: (treeDepth: any) => {
         queryName: string;
         queryBody: string;
     };
+    getNodeChildren: {
+        queryName: string;
+        queryBody: string;
+    };
     getNode: {
         queryName: string;
         queryBody: string;

package/lib/config-types/arianna/layouts.d.ts

@@ -93,6 +93,21 @@ export interface ConfigAriannaSchedaLayout {
         /** how many related items */
         'max-related-items': number;
     };
+    /** extended tree section */
+    'extended-tree'?: {
+        /** extended tree section title */
+        title: string;
+        /** extended tree search input */
+        search: {
+            placeholder: string;
+        };
+        /** extended tree lite version? */
+        lite?: boolean;
+    };
+    /** title prev/next navigation */
+    'title-nav'?: {
+        enabled: boolean;
+    };
     /** metadata section */
     metadata: {
         /** metadata section title */

package/lib/data-sources/extended-tree.ds.d.ts

@@ -0,0 +1,25 @@
+import { DataSource } from '@net7/core';
+import { ExtendedTreeData } from '../components/extended-tree/extended-tree';
+declare type ParentResponse = {
+    label: string;
+};
+declare type NodesResponse = {
+    items: {
+        img?: string;
+        label: string;
+        id: string;
+        document_type: string;
+        document_classification: string;
+    }[];
+    totalCount: number;
+};
+export declare class AwExtendedTreeDS extends DataSource {
+    protected transform: ({ parent, nodes }: {
+        parent: ParentResponse;
+        nodes: NodesResponse;
+    }) => ExtendedTreeData;
+    setLoading(loading: boolean): void;
+    private getPagination;
+    private getPaginationLinks;
+}
+export {};

package/lib/data-sources/index.d.ts

@@ -20,6 +20,7 @@ export * from './scheda-inner-title.ds';
 export * from './scheda-metadata.ds';
 export * from './scheda-pdf.ds';
 export * from './tree.ds';
+export * from './extended-tree.ds';
 export * from './search-layout-tabs.ds';
 export * from './aw-facets-wrapper.ds';
 export * from './gallery-results.ds';

package/lib/event-handlers/extended-tree.eh.d.ts

@@ -0,0 +1,6 @@
+import { EventHandler } from '@net7/core';
+import { AwExtendedTreeDS } from '../data-sources';
+export declare class AwExtendedTreeEH extends EventHandler {
+    dataSource: AwExtendedTreeDS;
+    listen(): void;
+}

package/lib/event-handlers/index.d.ts

@@ -9,6 +9,7 @@ export * from './sidebar-header.eh';
 export * from './tree.eh';
 export * from './scheda-dropdown.eh';
 export * from './scheda-pdf.eh';
+export * from './extended-tree.eh';
 export * from './search-layout-tabs.eh';
 export * from './aw-facets-wrapper.eh';
 export * from './gallery-results.eh';

package/lib/event-handlers/tree.eh.d.ts

@@ -1,5 +1,7 @@
 import { EventHandler } from '@net7/core';
+import { AwTreeDS } from '../data-sources';
 export declare class AwTreeEH extends EventHandler {
+    dataSource: AwTreeDS;
     private targetOffset;
     private targetIsOpen;
     listen(): void;

package/lib/helpers/node.helper.d.ts

@@ -0,0 +1,8 @@
+import { ConfigAriannaKeys } from '../config-types';
+declare const _default: {
+    getNodeIcon: (configKeys: ConfigAriannaKeys, item: {
+        document_type: string;
+        document_classification: string;
+    }) => string;
+};
+export default _default;

package/lib/layouts/scheda-layout/scheda-layout.ds.d.ts

@@ -21,6 +21,7 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     hasMetadata: boolean;
     hasRelatedEntities: boolean;
     hasSimilarItems: boolean;
+    hasExtendedTree: boolean;
     hasDigitalObjects: boolean;
     digitalObjects: any;
     currentDigitalObject: any;
@@ -37,8 +38,32 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     emptyStateString: string;
     externalUrlText: string;
     hasContextMenu: () => boolean;
+    extendedTreeParams: {
+        [key: string]: string;
+    };
+    lastResponse: any;
     /** Name of query that should be used (chosen in config) */
     private getTreeQuery;
+    titleNavigation: {
+        prev: {
+            href: string;
+            label: string;
+        };
+        next: {
+            href: string;
+            label: string;
+        };
+    };
+    sectionCollapseState: {
+        metadata: boolean;
+        'extended-tree': boolean;
+        'similar-items': boolean;
+        'related-entities': boolean;
+    };
+    documentType: {
+        icon: string;
+        label: string;
+    };
     onInit({ configuration, mainState, router, options, titleService, communication, }: {
         configuration: any;
         mainState: any;
@@ -49,7 +74,7 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
     }): void;
     onDestroy(): void;
     getMetadataSectionTitle(): any;
-    getNavigation(id: any): any;
+    getNavigation(): any;
     setTree(tree: any): void;
     getTree: () => any;
     updateNavigation(text: any): void;
@@ -59,10 +84,14 @@ export declare class AwSchedaLayoutDS extends LayoutDataSource {
      * @param response http response for the tree item
      */
     loadContent(response: any): void;
+    loadExtendedTree(): void;
+    loadTitleNavigation(): void;
+    loadDocumentType(): void;
     /**
      * Toggle between the tree's collapsed or expanded state.
      */
     collapseSidebar(): void;
+    onSectionCollapse(id: string): void;
     private _sidebarStickyControl;
     getFields(response: any): {
         key: any;

package/lib/layouts/scheda-layout/scheda-layout.eh.d.ts

@@ -1,11 +1,20 @@
 import { EventHandler } from '@net7/core';
+import { AwSchedaLayoutDS } from './scheda-layout.ds';
 export declare class AwSchedaLayoutEH extends EventHandler {
+    dataSource: AwSchedaLayoutDS;
     private destroyed$;
     private configuration;
     private route;
+    private router;
+    private treeLoaded$;
+    private extendedTreeChanged$;
+    private pageInputValue;
     listen(): void;
     private listenRoute;
+    private listenExtendedTree;
+    private listenRouteQueryParams;
     private loadNavigation;
     private parseDigitalObjects$;
     private getManifestImages;
+    private checkTreeItems;
 }

package/lib/n7-boilerplate-arianna.module.d.ts

@@ -15,14 +15,15 @@ import * as i11 from "./components/chart-tippy/chart-tippy";
 import * as i12 from "./components/pdf-viewer/pdf-viewer";
 import * as i13 from "./components/scheda-dropdown/scheda-dropdown";
 import * as i14 from "./components/smart-breadcrumbs/smart-breadcrumbs";
-import * as i15 from "@angular/common";
-import * as i16 from "@angular/router";
-import * as i17 from "@net7/components";
-import * as i18 from "@net7/boilerplate-common";
-import * as i19 from "ngx-extended-pdf-viewer";
+import * as i15 from "./components/extended-tree/extended-tree";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/router";
+import * as i18 from "@net7/components";
+import * as i19 from "@net7/boilerplate-common";
+import * as i20 from "ngx-extended-pdf-viewer";
 export declare class N7BoilerplateAriannaModule {
     constructor(initStatus: ApplicationInitStatus, config: ConfigurationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<N7BoilerplateAriannaModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<N7BoilerplateAriannaModule, [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent], [typeof i15.CommonModule, typeof i16.RouterModule, typeof i17.DvComponentsLibModule, typeof i18.N7BoilerplateCommonModule, typeof i19.NgxExtendedPdfViewerModule], [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<N7BoilerplateAriannaModule, [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent], [typeof i16.CommonModule, typeof i17.RouterModule, typeof i18.DvComponentsLibModule, typeof i19.N7BoilerplateCommonModule, typeof i20.NgxExtendedPdfViewerModule], [typeof i1.AwCollectionLayoutComponent, typeof i2.AwEntitaLayoutComponent, typeof i3.AwFacetsWrapperComponent, typeof i4.AwGalleryLayoutComponent, typeof i5.AwHomeLayoutComponent, typeof i6.AwMapLayoutComponent, typeof i7.AwSchedaLayoutComponent, typeof i8.AwSearchLayoutComponent, typeof i9.AwTimelineLayoutComponent, typeof i10.BubbleChartWrapperComponent, typeof i11.ChartTippyComponent, typeof i12.PdfViewerComponent, typeof i13.SchedaDropdownComponent, typeof i14.SmartBreadcrumbsComponent, typeof i15.ExtendedTreeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<N7BoilerplateAriannaModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@net7/boilerplate-arianna",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "peerDependencies": {
     "@angular/common": "~13.2.0",
     "@angular/core": "~13.2.0"

package/src/lib/styles/arianna/components/_extended-tree.scss

@@ -0,0 +1,115 @@
+/**
+ * EXTENDED TREE
+ */
+
+.aw-extended-tree {
+    &__item a {
+        display: flex;
+        align-items: center;
+        padding: $space * 1.8 0 ;
+        border-bottom: 1px solid $color-border-light;
+        cursor: pointer;
+        color: $color-gray-05;
+
+        &:hover {
+            .aw-extended-tree__item-label {
+                color: $color-text-link;
+            }
+        }
+    }
+
+    &__item-icon {
+        margin-right: $space;
+    }
+
+    &__item-image img {
+        margin-right: $space;
+        width: $tree-image-size;
+        height: $tree-image-size;
+    }
+
+    &__content, &__footer, &__loader {
+        padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding $aw-scheda-content-padding;
+    }
+
+    &__loader {
+        .n7-loader {
+            margin: 0 auto;
+        }
+    }
+
+    &__footer {
+        display: flex;
+    }
+
+    &__page-input {
+        flex-grow: 1;
+        margin-left: $space * 2;
+
+        .n7-input-text {
+            display: inline-block;
+        }
+
+        input.n7-input-text__text[type=number] {
+            width: 60px;
+            height: $pagination-item-height;
+        }
+
+        button.n7-btn {
+            margin-left: $space;
+            width: $pagination-item-width;
+            height: $pagination-item-height;
+        }
+    }
+
+    &__limit-select {
+        label {
+            font-size: $font-size-m;
+        }
+
+        select {
+            margin-left: $space;
+        }
+    }
+
+    .n7-inner-title {
+        padding: 0;
+
+        .n7-inner-title__title {
+            font-size: $font-size-xxl;
+            font-weight: $font-weight-normal;
+        }
+    
+        .n7-inner-title__title .aw-extended-tree__total {
+            font-size: $font-size-l;
+            color: $color-gray-04;
+        }
+    
+        .n7-inner-title__subtitle {
+            font-size: $font-size-m;
+            color: $color-gray-04;
+        }
+    }
+
+    .n7-inner-title__search-bar {
+        width: 250px;
+    }
+
+}
+
+
+/* ------------------------------------ *\
+   #MEDIA-QUERIES
+\* ------------------------------------ */
+@media all and (max-width: $breakpoint-laptop) {
+}
+
+@media all and (max-width: $breakpoint-ipad-portrait) {
+}
+
+@media all and (max-width: $breakpoint-smartphone-landscape) {
+}
+
+/* Retina */
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+}

package/src/lib/styles/arianna/layouts/_scheda-layout.scss

@@ -27,8 +27,8 @@
         &.is-sticky {
             .n7-tree {
                 height: calc(
-                    100% - #{$sidebar-header-height}
-                ); /* space for sidebar header */
+                100% - #{$sidebar-header-height}
+            ); /* space for sidebar header */
                 overflow-y: auto;
                 overflow-x: hidden;
             }
@@ -210,7 +210,7 @@
     /* Main title that describes the scheda content */
     .n7-inner-title {
         // margin-bottom: $aw-scheda-content-padding;
-        border-bottom: 2px solid $color-border-normal;
+        // border-bottom: 2px solid $color-border-normal;
 
         &__title {
             font-weight: $scheda-title-font-weight;
@@ -218,11 +218,25 @@
     }
 
     /* Minor inner titles that describes the various sections */
-    .aw-scheda__inner-title {
-        padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding
-            $aw-scheda-content-padding;
-        font-size: $font-size-xxl;
-        font-weight: $font-weight-normal;
+    .aw-scheda__section-title-wrapper {
+        display: flex;
+        align-items: center;
+        padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding 
+        $aw-scheda-content-padding;
+        cursor: pointer;
+
+        .aw-scheda__inner-title {
+            // padding-top: $space;
+            flex-grow: 1;
+            font-size: $font-size-xxl;
+            font-weight: $font-weight-normal;
+        }
+
+        .aw-scheda__collapse button {
+            font-size: $font-size-l;
+            color: $color-gray-05;
+            margin-left: -$space;
+        }
     }
 
     /* Sections */
@@ -250,7 +264,7 @@
     .aw-scheda__metadata {
         .n7-metadata-viewer {
             padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding
-                $aw-scheda-content-padding;
+            $aw-scheda-content-padding;
         }
     }
 
@@ -261,7 +275,7 @@
             align-items: center;
             justify-content: center;
             padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding
-                $aw-scheda-content-padding;
+            $aw-scheda-content-padding;
             height: $bubble-section-patrimonio;
         }
 
@@ -277,7 +291,7 @@
 
     .aw-scheda__related-items {
         padding: 0 $aw-scheda-content-padding $aw-scheda-content-padding
-            $aw-scheda-content-padding;
+        $aw-scheda-content-padding;
 
         /* Targeting elements in the last row */
         > *:nth-child(2n + 1):nth-last-child(-n + 2),
@@ -289,6 +303,58 @@
             }
         }
     }
+
+    /* title wrapper */
+    .aw-scheda__title-wrapper {
+        display: flex;
+        align-items: center;
+        border-bottom: 2px solid $color-border-normal;
+
+        .aw-scheda__title {
+            flex-grow: 1;
+            border-right: 1px solid $color-gray-03;
+            border-left: 1px solid $color-gray-03;
+        }
+
+        .n7-inner-title {
+            padding-top: $space;
+        }
+
+        .aw-scheda__next span, .aw-scheda__prev span {
+            font-size: $font-size-xxl;
+            color: $color-gray-05;
+            opacity: .8;
+
+            &:hover {
+                opacity: 1;
+            }
+        }
+
+        .aw-scheda__next.is-disabled span, .aw-scheda__prev.is-disabled span {
+            color: $color-gray-04;
+            opacity: 1;
+        }
+
+        .aw-scheda__document-type {
+            display: flex;
+            align-items: center;
+            padding: $space * 2 $space * 2 0;
+
+            .aw-scheda__document-type-icon {
+                margin-right: $space;
+            }
+
+            .aw-scheda__document-type-label {
+                color: $color-gray-04;
+            }
+        }
+    }
+
+    /* fix section hidden */
+    .aw-scheda__related-items[hidden] {
+        display: none !important;
+    }
+
 }
 
 /* ------------------------------------ *\
@@ -350,7 +416,7 @@
             background-color: $color-background-base;
             border: 1px solid $color-border-normal;
             box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04),
-                0 2px 10px rgba(0, 0, 0, 0.04);
+            0 2px 10px rgba(0, 0, 0, 0.04);
 
             ul {
                 padding: 0;
@@ -402,6 +468,15 @@
     }
 }
 
+/* extended tree loader */
+.aw-scheda__section-extended-tree-loader {
+    padding: 0 0 $space * 2;
+
+    .n7-loader {
+        margin: 0 auto;
+    }
+}
+
 /* ------------------------------------ *\
    #MEDIA-QUERIES
 \* ------------------------------------ */