@posiwise/resource-module 0.0.184 → 0.0.185

package/fesm2022/posiwise-resource-module-resource-hub.module-jxpqriFN.mjs

@@ -0,0 +1,241 @@
+import * as i0 from '@angular/core';
+import { HostListener, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AppBaseComponent } from '@posiwise/app-base-component';
+import * as i2 from '@posiwise/common-services';
+import { HelperService } from '@posiwise/helper-service';
+import { forkJoin } from 'rxjs';
+import { e as ResourceService, f as ResourceEditCardLazyComponent, g as ResourceSharedModule } from './posiwise-resource-module-posiwise-resource-module-DfgyQYhP.mjs';
+import * as i3 from '@angular/common';
+import * as i5 from '@angular/forms';
+import * as i5$1 from '@posiwise/directives';
+import * as i8 from '@posiwise/utils';
+import * as i6 from '@posiwise/shared-components';
+import * as i7 from 'primeng/progressspinner';
+import * as i11 from 'primeng/inputtext';
+import * as i12 from '@posiwise/pipes';
+
+class ResourceHubComponent extends AppBaseComponent {
+    constructor(resourceService, authService, tagService, cdr, injector) {
+        super(injector);
+        this.resourceService = resourceService;
+        this.authService = authService;
+        this.tagService = tagService;
+        this.cdr = cdr;
+        this.delayTimeout = null;
+        this.data = [];
+        this.posts = [];
+        this.tags = [];
+        this.selectedTags = [];
+        this.currentPage = 1;
+        this.pageSize = 20;
+        this.objectCount = 0;
+        this.searchTextItems = '';
+        this.searchInput = false;
+        this.loading = true;
+        this.loaded = false;
+        this.scrollLocked = false;
+        this.iconClasses = [
+            'fa-lightbulb',
+            'fa-rocket',
+            'fa-file-alt',
+            'fa-users',
+            'fa-video',
+            'fa-pencil-alt',
+            'fa-book-open',
+            'fa-cogs'
+        ];
+        this.canEditResourcesValue = false;
+    }
+    ngOnInit() {
+        this.authService.getToken$().subscribe(res => {
+            this.userLoggedIn = !!res;
+            if (this.userLoggedIn) {
+                this.localStorage.getItem$('product').subscribe(res => {
+                    const data = res ? JSON.parse(res) : null;
+                    this.subscriptionId = data?.subscriptionId;
+                    this.cdr.markForCheck();
+                });
+                this.userSub = this.userService.getUserInfo().subscribe(data => {
+                    this.user = data;
+                    this.updateCanEditResourcesValue();
+                    this.getPostsAndTags();
+                    this.cdr.markForCheck();
+                });
+            }
+            else {
+                this.getPostsAndTags();
+            }
+            this.cdr.markForCheck();
+        });
+        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;
+        this.readingTime = 0;
+    }
+    getPostsAndTags() {
+        this.loading = true;
+        this.loaded = false;
+        forkJoin({
+            resPosts: this.resourceService.getPublicPosts(this.getEffectiveSubscriptionId(), this.currentPage, this.pageSize, this.searchTextItems),
+            resTags: this.tagService.getTagsByType('post_categories', {}, this.getEffectiveSubscriptionId())
+        })
+            .subscribe(res => {
+            this.posts = res?.resPosts?.posts;
+            this.objectCount = res?.resPosts.object_count;
+            this.data = res?.resPosts?.posts;
+            this.data = res?.resPosts?.posts.map(post => ({
+                ...post,
+                expandedTags: false
+            }));
+            this.totalRecords = this.posts?.length;
+            this.tags = res?.resTags?.tags?.filter(tag => tag.visible_in_resources);
+            this.tags = this.tags.map(tag => ({
+                ...tag
+            }));
+            this.cdr.markForCheck();
+        })
+            .add(() => {
+            this.loading = false;
+            this.loaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    toggleDropdown(event, post) {
+        event.stopPropagation();
+        post.showDropdown = !post.showDropdown;
+    }
+    getPosts(page, pageSize, fetchAll = false, append = false) {
+        if (fetchAll)
+            this.selectedTags = [];
+        if (!append) {
+            this.loading = true;
+            this.loaded = false;
+        }
+        const tagCategoryParam = this.selectedTags.map(tag => tag.tag_category_id).join(',');
+        this.resourceService
+            .getPublicPosts(this.getEffectiveSubscriptionId(), page, append ? 10 : pageSize, this.searchTextItems, tagCategoryParam)
+            .subscribe(response => {
+            this.objectCount = response.object_count;
+            this.posts = append ? [...this.posts, ...response.posts] : response.posts;
+            this.data = [...this.posts];
+            this.totalRecords = this.posts?.length;
+            this.cdr.markForCheck();
+        })
+            .add(() => {
+            this.loading = false;
+            this.loaded = true;
+            this.cdr.markForCheck();
+        });
+    }
+    onSearch(seconds) {
+        let delay = 0;
+        delay = seconds * 1000;
+        clearTimeout(this.delayTimeout);
+        const delayTimeout = setTimeout(() => {
+            this.currentPage = 1;
+            this.getPosts(1, this.pageSize);
+        }, delay);
+        this.delayTimeout = delayTimeout;
+    }
+    navigateToTagList() {
+        HelperService.navigateToTagList();
+    }
+    onWindowScroll() {
+        const scrollPosition = window.scrollY + window.innerHeight;
+        const pageHeight = document.documentElement.scrollHeight;
+        const nearBottom = scrollPosition >= pageHeight - 100;
+        if (nearBottom &&
+            this.posts.length < this.objectCount &&
+            !this.loading &&
+            !this.scrollLocked) {
+            this.scrollLocked = true;
+            this.currentPage += 1;
+            this.getPosts(this.currentPage, this.pageSize, false, true);
+            setTimeout(() => {
+                this.scrollLocked = false;
+            }, 500);
+        }
+    }
+    isSelected(tagId) {
+        return this.selectedTags.map(tag => tag.id).includes(tagId);
+    }
+    tagPost(selectedTag) {
+        const index = this.selectedTags.findIndex(tag => tag.tag_category_id === selectedTag?.tag_category_id && tag.id === selectedTag.id);
+        if (index === -1) {
+            this.selectedTags.push({
+                tag_category_id: selectedTag?.tag_category_id,
+                id: selectedTag.id
+            });
+        }
+        else {
+            this.selectedTags.splice(index, 1);
+        }
+        this.currentPage = 1;
+        this.getPosts(1, this.pageSize);
+    }
+    thisPostReadingTime(text) {
+        if (text) {
+            const wordsPerMinute = 200;
+            const noOfWords = text.split(/\s/g).length;
+            const minutes = noOfWords / wordsPerMinute;
+            const readTime = Math.ceil(minutes);
+            return `${readTime} minute read`;
+        }
+        return '';
+    }
+    ngOnDestroy() {
+        this.userSub?.unsubscribe();
+        super.ngOnDestroy();
+    }
+    /** Helper method to get effective subscription ID */
+    getEffectiveSubscriptionId() {
+        return HelperService.getEffectiveSubscriptionId(this.user, this.subscriptionId, this.appConfig.master_subscription.subscription_id);
+    }
+    updateCanEditResourcesValue() {
+        if (this.userLoggedIn && this.user) {
+            this.canEditResourcesValue = HelperService.canEditResources(this.user, this.userLoggedIn, this.permissionService);
+        }
+        else {
+            this.canEditResourcesValue = false;
+        }
+    }
+    canEditResources() {
+        return this.canEditResourcesValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubComponent, deps: [{ token: ResourceService }, { token: i2.AuthService }, { token: i2.TagService }, { token: i0.ChangeDetectorRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ResourceHubComponent, isStandalone: false, selector: "pw-posts-list", host: { listeners: { "window:scroll": "onWindowScroll()" } }, usesInheritance: true, ngImport: i0, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<div class=\"all-posts py-5\">\n\n  <div class=\"row mt-1 mb-4 px-2\">\n    <div class=\"col-md-8\">\n    </div>\n    <div class=\"col-md-4\">\n      <div class=\"text-end mt-0 mt-sm-3 d-flex\">\n        @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n          <i\n            class=\"fa fa-edit in-page-edit-icon cursor-pointer mt-2 me-3\"\n            (click)=\"navigateToTagList()\"\n            (keydown.enter)=\"navigateToTagList()\"\n            (keydown.space)=\"navigateToTagList()\"\n          title=\"Edit Logo\"></i>\n        }\n        <div class=\"search-wrapper position-relative\">\n          <i class=\"fa fa-search search-icon\"></i>\n          <label for=\"resources-hub-search\" class=\"visually-hidden\">Search resources</label>\n          <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\" [(ngModel)]=\"searchTextItems\" pInputText size=\"50\" placeholder=\"Search resources...\"\n            (input)=\"onSearch(1)\"\n            class=\"search-input top-search-input\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"row resource-row\">\n    <!-- All Resources Card -->\n    <div class=\"col-md-3 col-sm-6 col-6 mb-4\">\n      <div class=\"resource-card d-flex align-items-center p-3\"\n        (keydown.enter)=\"getPosts(1, 20, true)\"\n        [ngClass]=\"{ 'selected': selectedTags.length === 0 }\"\n        (click)=\"getPosts(1, 20, true)\">\n        <i class=\"fa fa-layer-group resource-icon me-3\"></i>\n        <span class=\"resource-text\">All Resources</span>\n      </div>\n    </div>\n\n    <!-- Dynamic Tags -->\n    @for (tag of tags; track tag) {\n      <div class=\"col-md-3 col-sm-6 mb-4 col-6\"\n        >\n        <div\n          class=\"resource-card d-flex align-items-center p-3\"\n          (keydown.enter)=\"tagPost(tag)\"\n          [ngClass]=\"{ 'selected': isSelected(tag.id) }\"\n          (click)=\"tagPost(tag)\">\n          @if (tag?.icon_name) {\n            <i class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n          }\n          <span class=\"resource-text\">{{ tag.name }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (loading && !loaded) {\n    <div class=\"w-100 text-center mt-3\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n  @if (posts?.length && !loading) {\n    <div>\n      <div class=\"blog-list\">\n        @for (post of data; track post) {\n          <div class=\"row mt-4 mb-5 ms-1 me-1 blog-listing\"\n            >\n            <div class=\"col-md-6 col-sm-12 col-xs-12 my-auto\">\n              <pw-resource-edit-card-lazy\n                [canEdit]=\"canEditResourcesValue\"\n                [id]=\"post?.id\"\n                [resourceData]=\"post\"\n                (updated)=\"getPosts(1, pageSize)\">\n              </pw-resource-edit-card-lazy>\n              <div class=\"list-blog-image\" [routerLink]=\"['/resources/view', post.slug]\">\n                <img [src]=\"post.picture?.url\"\n                  alt=\"Resource thumbnail\"\n                  class=\"img-fluid\" />\n              </div>\n            </div>\n            <div class=\"col-md-6 col-sm-12 col-xs-12 px-4 position-relative\">\n              <div class=\"tag-div\">\n                <div class=\"author d-flex\">\n                  <div class=\"avatar-image\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\">\n                      @if (post.author?.avatar) {\n                        <img\n                          [src]=\"post.author?.avatar[0]?.url\"\n                          alt=\"Author profile\" />\n                      }\n                      @if (!post.author?.avatar) {\n                        <img\n                          src=\"/assets/img/icons/male.png\"\n                          alt=\"Default author profile\"\n                          class=\"default-user-image\" />\n                      }\n                    </a>\n                  </div>\n                  <div class=\"author-name ps-2\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\"\n                      class=\"name\">\n                      {{ post.author?.first_name }}\n                      <i class=\"fas fa-crown\" aria-hidden=\"true\"></i></a>\n                      <ul>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">\n                            {{ post.published_at | date: 'dd/MM/yyyy' }}\n                          </a>\n                        </li>\n                        <li>.</li>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">{{ thisPostReadingTime(post.body) }}\n                          </a>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"share-post\">\n                      <div class=\"dropdown position-relative d-flex justify-content-end\" (clickOutside)=\"post.showDropdown = false\">\n                        <div class=\"three-dots-wrapper\"  (keydown.enter)=\"toggleDropdown($event, post)\" (click)=\"toggleDropdown($event, post)\">\n                          <i class=\"fas fa-ellipsis-v\"></i>\n                        </div>\n                        @if (post.showDropdown) {\n                          <div class=\"dropdown-menu show\"\n                            >\n                            <a class=\"dropdown-item\"\n                              href=\"http://www.facebook.com/\"\n                              rel=\"noopener noreferrer\"\n                              target=\"_blank\">\n                              <i class=\"fas fa-share\"></i> Share Post\n                            </a>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                  <h4 [routerLink]=\"['/resources/view', post.slug]\"\n                  class=\"title my-3\">{{ post.title }}</h4>\n                  <p [routerLink]=\"['/resources/view', post.slug]\"\n                    class=\"body mb-3 pb-3 post-body-text\">\n                    {{ post.body | removeHtml: 'quill' | textTruncate: 200 }}\n                  </p>\n                  <div class=\"d-flex flex-wrap align-items-center gap-2 mt-auto mb-3\">\n                    @if (post?.tags?.length) {\n                      @for (tag of post?.tags?.slice(0, 4); track tag) {\n                        <span class=\"badge m-1\"\n                          [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                          [colorByName]=\"true\"\n                          [dataName]=\"tag.name\"\n                          color=\"blue-grey\">\n                          {{ tag.name }}\n                        </span>\n                      }\n                      @if (post.expandedTags) {\n                        @for (tag of post?.tags?.slice(4); track tag) {\n                          <span class=\"badge m-1\"\n                            [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                            [colorByName]=\"true\"\n                            [dataName]=\"tag.name\"\n                            color=\"blue-grey\">\n                            {{ tag.name }}\n                          </span>\n                        }\n                      }\n                      @if (post?.tags?.length > 4) {\n                        <span\n                          (click)=\"post.expandedTags = !post.expandedTags\"\n                          (keydown.enter)=\"post.expandedTags = !post.expandedTags\"\n                        class=\"fw-bold cursor-pointer m-1 expand-tags\">...</span>\n                      }\n                    }\n                  </div>\n                  <div class=\"blog-view py-3 blog-list-write-view\">\n                    <ul class=\"d-flex\">\n                      <li>{{ post.view !== null ? post.view : '0' }} View</li>\n                      <li><a [routerLink]=\"['/resources/view', post.slug]\">Write Comment</a></li>\n                      <li>\n                        <a [routerLink]=\"['/resources/view', post.slug]\" aria-label=\"Blog\"><i class=\"far fa-heart\" aria-hidden=\"true\"></i></a>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (!posts?.length && loaded) {\n      <pw-no-data [withImage]=\"true\" message=\"We couldn't find any resources.\" > </pw-no-data>\n    }\n  </div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}body{background:#fff}.edit-card .in-page-edit-icon{margin-top:1rem!important}.blog-listing{border:1px solid rgb(238,238,238);cursor:pointer;box-shadow:0 4px 12px #00000026}.all-posts{margin:2.5em auto 0;max-width:980px;padding:14px 20px;width:100%}.tag-div{height:100%;display:flex;flex-direction:column;justify-content:space-between}ul.tags{display:inline-flex;font-size:16px;font-weight:400}ul.tags li{color:#337ab7;cursor:pointer;font-weight:600;margin-right:20px}ul.tags li:hover{color:#000}.search{position:relative}.search input{border:0;border-bottom:1px solid rgb(213,206,206)}.search i{position:absolute;right:5px}.scroll-container{max-height:70vh;overflow-y:auto}.blog-list .blog-listing h4{color:#000;font:28px/1.3 Roboto,sans-serif;transition:all .5s}.blog-list .blog-listing h4:hover{color:#0045c7}.blog-list .blog-listing p.body{color:#b3b3b3;font:16px/1.4 Roboto,sans-serif;transition:all .5s;min-height:120px!important;word-break:break-word;overflow-wrap:break-word;white-space:normal}.blog-list .blog-listing p.body:hover{color:#0045c7}.blog-list .blog-listing p.body p{color:inherit;font:inherit;transition:inherit}.blog-list .blog-listing p.body p:hover{color:#0045c7}.blog-list .blog-listing .list-blog-image img{padding:7px 25px 25px}.blog-list .blog-listing .author{padding-top:1.5rem}.blog-list .blog-listing .author .avatar-image{border:1px solid rgb(0,0,0);border-radius:50px;height:50px;clip-path:circle(50% at 50% 50%);width:50px}.blog-list .blog-listing .author .avatar-image img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.blog-list .blog-listing .author .avatar-image .default-user-image{width:50px}.blog-list .blog-listing .author .author-name p.name{color:#000;font:14px/1 Roboto,sans-serif;margin:0;transition:all .5s}.blog-list .blog-listing .author .author-name p.name:hover{color:#0045c7}.blog-list .blog-listing .author .author-name p.name i{color:#000}.blog-list .blog-listing .author .author-name ul li{display:inline-block;padding-right:10px;vertical-align:middle}.blog-list .blog-listing .author .author-name ul li a{color:#b3b3b3;font:12px/1 Roboto,sans-serif}.blog-list .blog-listing .author .share-post{flex-grow:3;position:relative;text-align:right}.blog-list .blog-listing .author .share-post i{color:var(--first)}.blog-list .blog-listing .author .share-post .dropdown-menu{border:0 0;box-shadow:0 3px 8px #0003;left:auto!important;right:12px;top:26px!important;transform:translate(0)!important}.blog-list .blog-listing .blog-view{border-top:1px solid rgb(238,238,238)}.blog-list .blog-listing .blog-view ul li{color:#b3b3b3;font:12px/1 Roboto,sans-serif;padding-right:14px}.blog-list .blog-listing .blog-view ul li a{color:inherit;font:inherit;transition:all .5s}.blog-list .blog-listing .blog-view ul li a:hover{color:#0045c7}.blog-list .blog-listing .blog-view ul li:last-child{flex-grow:3;padding-right:0;text-align:right}.blog-list .blog-listing .blog-view ul li:last-child i{color:#e84a43;font-size:14px}@media only screen and (width<=1024px){.cust-mt{padding:14px 5px}.cust-mt .blog-list .blog-listing h4{font:20px/1.3 Roboto,sans-serif}.cust-mt .blog-list .blog-listing p.body{font:.9rem/1.3 Roboto,sans-serif}.cust-mt .blog-list .blog-listing p.body p{font:inherit}.cust-mt .blog-list .blog-listing .blog-image{height:300px}}@media only screen and (width<=767px){.blog-list .blog-listing{height:auto;max-height:none;overflow:visible}.blog-list .blog-listing .blog-view{padding-bottom:1rem}}@media(width>=768px){.blog-view{bottom:0;width:92%}}.post-body-text:hover{color:var(--titles)!important}.resource-card{border:2px dashed #d4d4d4;border-radius:16px;background-color:#fff;transition:box-shadow .3s ease;cursor:pointer;min-height:95px;padding:1.5rem!important}.resource-card:hover{box-shadow:0 0 30px #00000014}@media(width<=576px){.resource-card{padding:.3rem 1rem!important;height:100%;min-height:75px}.tag-section{padding-bottom:4.5rem!important}.resource-icon{font-size:2rem!important}.resource-text{font-size:1.2rem!important;line-height:1.6rem!important;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}.selected{border:4px dashed #d4d4d4;border-color:var(--first)!important}.resource-icon{font-size:2.5rem;color:var(--first)}.resource-text{font-size:1.4rem;font-weight:500;color:var(--text-color, currentColor);line-height:2rem}.three-dots-wrapper{width:32px;height:32px;display:flex;margin-top:.25rem!important;justify-content:center;cursor:pointer;position:relative;z-index:2}.expand-tags{font-size:1.2rem}\n", ".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5$1.DynamicBadgeDirective, selector: "[appDynamicBadge]", inputs: ["appDynamicBadge", "color", "colorByName", "dataName"] }, { kind: "directive", type: i5$1.LazyImgDirective, selector: "img" }, { kind: "component", type: ResourceEditCardLazyComponent, selector: "pw-resource-edit-card-lazy", inputs: ["id", "resourceData", "canEdit"], outputs: ["updated"] }, { kind: "component", type: i8.ResourceHeaderComponent, selector: "pw-resource-header", inputs: ["user", "userLoggedIn"] }, { kind: "component", type: i6.NoDataComponent, selector: "pw-no-data", inputs: ["message", "description", "withImage"] }, { kind: "component", type: i7.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "directive", type: i11.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pInputTextPT", "pInputTextUnstyled", "pSize", "variant", "fluid", "invalid"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }, { kind: "pipe", type: i12.RemoveHtmlPipe, name: "removeHtml" }, { kind: "pipe", type: i12.TextTruncatePipe, name: "textTruncate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pw-posts-list', encapsulation: ViewEncapsulation.None, standalone: false, template: "<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<div class=\"all-posts py-5\">\n\n  <div class=\"row mt-1 mb-4 px-2\">\n    <div class=\"col-md-8\">\n    </div>\n    <div class=\"col-md-4\">\n      <div class=\"text-end mt-0 mt-sm-3 d-flex\">\n        @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n          <i\n            class=\"fa fa-edit in-page-edit-icon cursor-pointer mt-2 me-3\"\n            (click)=\"navigateToTagList()\"\n            (keydown.enter)=\"navigateToTagList()\"\n            (keydown.space)=\"navigateToTagList()\"\n          title=\"Edit Logo\"></i>\n        }\n        <div class=\"search-wrapper position-relative\">\n          <i class=\"fa fa-search search-icon\"></i>\n          <label for=\"resources-hub-search\" class=\"visually-hidden\">Search resources</label>\n          <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\" [(ngModel)]=\"searchTextItems\" pInputText size=\"50\" placeholder=\"Search resources...\"\n            (input)=\"onSearch(1)\"\n            class=\"search-input top-search-input\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"row resource-row\">\n    <!-- All Resources Card -->\n    <div class=\"col-md-3 col-sm-6 col-6 mb-4\">\n      <div class=\"resource-card d-flex align-items-center p-3\"\n        (keydown.enter)=\"getPosts(1, 20, true)\"\n        [ngClass]=\"{ 'selected': selectedTags.length === 0 }\"\n        (click)=\"getPosts(1, 20, true)\">\n        <i class=\"fa fa-layer-group resource-icon me-3\"></i>\n        <span class=\"resource-text\">All Resources</span>\n      </div>\n    </div>\n\n    <!-- Dynamic Tags -->\n    @for (tag of tags; track tag) {\n      <div class=\"col-md-3 col-sm-6 mb-4 col-6\"\n        >\n        <div\n          class=\"resource-card d-flex align-items-center p-3\"\n          (keydown.enter)=\"tagPost(tag)\"\n          [ngClass]=\"{ 'selected': isSelected(tag.id) }\"\n          (click)=\"tagPost(tag)\">\n          @if (tag?.icon_name) {\n            <i class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n          }\n          <span class=\"resource-text\">{{ tag.name }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (loading && !loaded) {\n    <div class=\"w-100 text-center mt-3\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n  @if (posts?.length && !loading) {\n    <div>\n      <div class=\"blog-list\">\n        @for (post of data; track post) {\n          <div class=\"row mt-4 mb-5 ms-1 me-1 blog-listing\"\n            >\n            <div class=\"col-md-6 col-sm-12 col-xs-12 my-auto\">\n              <pw-resource-edit-card-lazy\n                [canEdit]=\"canEditResourcesValue\"\n                [id]=\"post?.id\"\n                [resourceData]=\"post\"\n                (updated)=\"getPosts(1, pageSize)\">\n              </pw-resource-edit-card-lazy>\n              <div class=\"list-blog-image\" [routerLink]=\"['/resources/view', post.slug]\">\n                <img [src]=\"post.picture?.url\"\n                  alt=\"Resource thumbnail\"\n                  class=\"img-fluid\" />\n              </div>\n            </div>\n            <div class=\"col-md-6 col-sm-12 col-xs-12 px-4 position-relative\">\n              <div class=\"tag-div\">\n                <div class=\"author d-flex\">\n                  <div class=\"avatar-image\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\">\n                      @if (post.author?.avatar) {\n                        <img\n                          [src]=\"post.author?.avatar[0]?.url\"\n                          alt=\"Author profile\" />\n                      }\n                      @if (!post.author?.avatar) {\n                        <img\n                          src=\"/assets/img/icons/male.png\"\n                          alt=\"Default author profile\"\n                          class=\"default-user-image\" />\n                      }\n                    </a>\n                  </div>\n                  <div class=\"author-name ps-2\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\"\n                      class=\"name\">\n                      {{ post.author?.first_name }}\n                      <i class=\"fas fa-crown\" aria-hidden=\"true\"></i></a>\n                      <ul>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">\n                            {{ post.published_at | date: 'dd/MM/yyyy' }}\n                          </a>\n                        </li>\n                        <li>.</li>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">{{ thisPostReadingTime(post.body) }}\n                          </a>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"share-post\">\n                      <div class=\"dropdown position-relative d-flex justify-content-end\" (clickOutside)=\"post.showDropdown = false\">\n                        <div class=\"three-dots-wrapper\"  (keydown.enter)=\"toggleDropdown($event, post)\" (click)=\"toggleDropdown($event, post)\">\n                          <i class=\"fas fa-ellipsis-v\"></i>\n                        </div>\n                        @if (post.showDropdown) {\n                          <div class=\"dropdown-menu show\"\n                            >\n                            <a class=\"dropdown-item\"\n                              href=\"http://www.facebook.com/\"\n                              rel=\"noopener noreferrer\"\n                              target=\"_blank\">\n                              <i class=\"fas fa-share\"></i> Share Post\n                            </a>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                  <h4 [routerLink]=\"['/resources/view', post.slug]\"\n                  class=\"title my-3\">{{ post.title }}</h4>\n                  <p [routerLink]=\"['/resources/view', post.slug]\"\n                    class=\"body mb-3 pb-3 post-body-text\">\n                    {{ post.body | removeHtml: 'quill' | textTruncate: 200 }}\n                  </p>\n                  <div class=\"d-flex flex-wrap align-items-center gap-2 mt-auto mb-3\">\n                    @if (post?.tags?.length) {\n                      @for (tag of post?.tags?.slice(0, 4); track tag) {\n                        <span class=\"badge m-1\"\n                          [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                          [colorByName]=\"true\"\n                          [dataName]=\"tag.name\"\n                          color=\"blue-grey\">\n                          {{ tag.name }}\n                        </span>\n                      }\n                      @if (post.expandedTags) {\n                        @for (tag of post?.tags?.slice(4); track tag) {\n                          <span class=\"badge m-1\"\n                            [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                            [colorByName]=\"true\"\n                            [dataName]=\"tag.name\"\n                            color=\"blue-grey\">\n                            {{ tag.name }}\n                          </span>\n                        }\n                      }\n                      @if (post?.tags?.length > 4) {\n                        <span\n                          (click)=\"post.expandedTags = !post.expandedTags\"\n                          (keydown.enter)=\"post.expandedTags = !post.expandedTags\"\n                        class=\"fw-bold cursor-pointer m-1 expand-tags\">...</span>\n                      }\n                    }\n                  </div>\n                  <div class=\"blog-view py-3 blog-list-write-view\">\n                    <ul class=\"d-flex\">\n                      <li>{{ post.view !== null ? post.view : '0' }} View</li>\n                      <li><a [routerLink]=\"['/resources/view', post.slug]\">Write Comment</a></li>\n                      <li>\n                        <a [routerLink]=\"['/resources/view', post.slug]\" aria-label=\"Blog\"><i class=\"far fa-heart\" aria-hidden=\"true\"></i></a>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (!posts?.length && loaded) {\n      <pw-no-data [withImage]=\"true\" message=\"We couldn't find any resources.\" > </pw-no-data>\n    }\n  </div>\n", styles: [":root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: rgb(70, 136, 236);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255)}body{background:#fff}.edit-card .in-page-edit-icon{margin-top:1rem!important}.blog-listing{border:1px solid rgb(238,238,238);cursor:pointer;box-shadow:0 4px 12px #00000026}.all-posts{margin:2.5em auto 0;max-width:980px;padding:14px 20px;width:100%}.tag-div{height:100%;display:flex;flex-direction:column;justify-content:space-between}ul.tags{display:inline-flex;font-size:16px;font-weight:400}ul.tags li{color:#337ab7;cursor:pointer;font-weight:600;margin-right:20px}ul.tags li:hover{color:#000}.search{position:relative}.search input{border:0;border-bottom:1px solid rgb(213,206,206)}.search i{position:absolute;right:5px}.scroll-container{max-height:70vh;overflow-y:auto}.blog-list .blog-listing h4{color:#000;font:28px/1.3 Roboto,sans-serif;transition:all .5s}.blog-list .blog-listing h4:hover{color:#0045c7}.blog-list .blog-listing p.body{color:#b3b3b3;font:16px/1.4 Roboto,sans-serif;transition:all .5s;min-height:120px!important;word-break:break-word;overflow-wrap:break-word;white-space:normal}.blog-list .blog-listing p.body:hover{color:#0045c7}.blog-list .blog-listing p.body p{color:inherit;font:inherit;transition:inherit}.blog-list .blog-listing p.body p:hover{color:#0045c7}.blog-list .blog-listing .list-blog-image img{padding:7px 25px 25px}.blog-list .blog-listing .author{padding-top:1.5rem}.blog-list .blog-listing .author .avatar-image{border:1px solid rgb(0,0,0);border-radius:50px;height:50px;clip-path:circle(50% at 50% 50%);width:50px}.blog-list .blog-listing .author .avatar-image img{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.blog-list .blog-listing .author .avatar-image .default-user-image{width:50px}.blog-list .blog-listing .author .author-name p.name{color:#000;font:14px/1 Roboto,sans-serif;margin:0;transition:all .5s}.blog-list .blog-listing .author .author-name p.name:hover{color:#0045c7}.blog-list .blog-listing .author .author-name p.name i{color:#000}.blog-list .blog-listing .author .author-name ul li{display:inline-block;padding-right:10px;vertical-align:middle}.blog-list .blog-listing .author .author-name ul li a{color:#b3b3b3;font:12px/1 Roboto,sans-serif}.blog-list .blog-listing .author .share-post{flex-grow:3;position:relative;text-align:right}.blog-list .blog-listing .author .share-post i{color:var(--first)}.blog-list .blog-listing .author .share-post .dropdown-menu{border:0 0;box-shadow:0 3px 8px #0003;left:auto!important;right:12px;top:26px!important;transform:translate(0)!important}.blog-list .blog-listing .blog-view{border-top:1px solid rgb(238,238,238)}.blog-list .blog-listing .blog-view ul li{color:#b3b3b3;font:12px/1 Roboto,sans-serif;padding-right:14px}.blog-list .blog-listing .blog-view ul li a{color:inherit;font:inherit;transition:all .5s}.blog-list .blog-listing .blog-view ul li a:hover{color:#0045c7}.blog-list .blog-listing .blog-view ul li:last-child{flex-grow:3;padding-right:0;text-align:right}.blog-list .blog-listing .blog-view ul li:last-child i{color:#e84a43;font-size:14px}@media only screen and (width<=1024px){.cust-mt{padding:14px 5px}.cust-mt .blog-list .blog-listing h4{font:20px/1.3 Roboto,sans-serif}.cust-mt .blog-list .blog-listing p.body{font:.9rem/1.3 Roboto,sans-serif}.cust-mt .blog-list .blog-listing p.body p{font:inherit}.cust-mt .blog-list .blog-listing .blog-image{height:300px}}@media only screen and (width<=767px){.blog-list .blog-listing{height:auto;max-height:none;overflow:visible}.blog-list .blog-listing .blog-view{padding-bottom:1rem}}@media(width>=768px){.blog-view{bottom:0;width:92%}}.post-body-text:hover{color:var(--titles)!important}.resource-card{border:2px dashed #d4d4d4;border-radius:16px;background-color:#fff;transition:box-shadow .3s ease;cursor:pointer;min-height:95px;padding:1.5rem!important}.resource-card:hover{box-shadow:0 0 30px #00000014}@media(width<=576px){.resource-card{padding:.3rem 1rem!important;height:100%;min-height:75px}.tag-section{padding-bottom:4.5rem!important}.resource-icon{font-size:2rem!important}.resource-text{font-size:1.2rem!important;line-height:1.6rem!important;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}.selected{border:4px dashed #d4d4d4;border-color:var(--first)!important}.resource-icon{font-size:2.5rem;color:var(--first)}.resource-text{font-size:1.4rem;font-weight:500;color:var(--text-color, currentColor);line-height:2rem}.three-dots-wrapper{width:32px;height:32px;display:flex;margin-top:.25rem!important;justify-content:center;cursor:pointer;position:relative;z-index:2}.expand-tags{font-size:1.2rem}\n", ".top-search-input{color:#000!important;border:3px solid #d4d4d4!important;padding:5px 30px!important;border-radius:29px!important}::placeholder{color:#d4d4d4}.vendors-distributor-wrapper{margin-top:5rem!important}.vendor-icon{max-width:180px;max-height:100%;width:100%!important}.vendor-name{font-size:3rem;line-height:3rem;color:var(--text-color, black)}::ng-deep .customPaginator .p-paginator{border:none!important}::ng-deep .customPaginator .p-paginator button{border:none!important}.int-span{text-transform:uppercase;font-size:2.5rem;color:var(--first)}.boxes{width:100%;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;border:1px dashed #ccc;border-radius:8px;word-break:break-word;white-space:normal;height:100%}a.vendor-link{display:inline-block;transition:transform .2s ease}a.vendor-link:hover{transform:scale(1.05);cursor:pointer}.search-wrapper{position:relative;width:300px}.search-input{width:100%;padding:10px 20px 10px 40px;border:2px solid #d4d4d4;border-radius:30px;font-size:1rem;color:#000;background-color:#fff}.search-input::placeholder{color:silver}.search-input:focus{outline:none;border-color:var(--first)}.search-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:#d4d4d4;font-size:1.1rem}@media(width<=768px){.vendor-icon{width:50!important}.search-container{flex-wrap:wrap!important;gap:2rem}.int-span{font-size:1.75rem}}\n"] }]
+        }], ctorParameters: () => [{ type: ResourceService }, { type: i2.AuthService }, { type: i2.TagService }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }], propDecorators: { onWindowScroll: [{
+                type: HostListener,
+                args: ['window:scroll', []]
+            }] } });
+
+const routes = [
+    {
+        path: '',
+        component: ResourceHubComponent,
+        data: {
+            title: 'Resources - Hub',
+            permission: 'Pages.Blog',
+            preload: false
+        }
+    }
+];
+class ResourceHubModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubModule, declarations: [ResourceHubComponent], imports: [ResourceSharedModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubModule, imports: [ResourceSharedModule, RouterModule.forChild(routes)] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ResourceHubModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ResourceHubComponent],
+                    imports: [ResourceSharedModule, RouterModule.forChild(routes)]
+                }]
+        }] });
+
+export { ResourceHubModule };
+//# sourceMappingURL=posiwise-resource-module-resource-hub.module-jxpqriFN.mjs.map

package/fesm2022/posiwise-resource-module-resource-hub.module-jxpqriFN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"posiwise-resource-module-resource-hub.module-jxpqriFN.mjs","sources":["../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.ts","../../../../libs/resource-module/src/lib/public/components/resources-hub/resources-hub.component.html","../../../../libs/resource-module/src/lib/public/modules/hub/resource-hub.module.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    Component,\n    HostListener,\n    Injector,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation\n} from '@angular/core';\n\nimport { AppBaseComponent } from '@posiwise/app-base-component';\nimport { AuthService, TagService } from '@posiwise/common-services';\nimport { Resource, Tag, User } from '@posiwise/common-utilities';\nimport { HelperService } from '@posiwise/helper-service';\n\nimport { forkJoin, Subscription } from 'rxjs';\n\nimport { ResourceService } from '../../../resource.service';\n\n@Component({\n    selector: 'pw-posts-list',\n    templateUrl: './resources-hub.component.html',\n    styleUrls: [\n        './resources-hub.component.scss',\n        '../resource-company-card/resource-company-card.component.scss'\n    ],\n    encapsulation: ViewEncapsulation.None,\n\n    standalone: false\n})\nexport class ResourceHubComponent extends AppBaseComponent implements OnInit, OnDestroy {\n    private delayTimeout: ReturnType<typeof setTimeout> | null = null;\n    private userSub: Subscription;\n\n    data = [];\n\n    posts: Resource[] = [];\n    tags: Tag[] = [];\n\n    selectedTags = [];\n\n    currentPage = 1;\n    pageSize = 20;\n    objectCount = 0;\n\n    searchTextItems = '';\n    searchInput = false;\n\n    readingTime: number;\n\n    totalRecords: number;\n\n    loading = true;\n    loaded = false;\n\n    masterSubscriptionId: number;\n    subscriptionId;\n    userLoggedIn: boolean;\n    isMasterSubscription;\n\n    scrollLocked = false;\n\n    iconClasses: string[] = [\n        'fa-lightbulb',\n        'fa-rocket',\n        'fa-file-alt',\n        'fa-users',\n        'fa-video',\n        'fa-pencil-alt',\n        'fa-book-open',\n        'fa-cogs'\n    ];\n    user: User;\n\n    canEditResourcesValue = false;\n\n    constructor(\n        private readonly resourceService: ResourceService,\n        private readonly authService: AuthService,\n        private readonly tagService: TagService,\n        private readonly cdr: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(injector);\n    }\n\n    ngOnInit() {\n        this.authService.getToken$().subscribe(res => {\n            this.userLoggedIn = !!res;\n            if (this.userLoggedIn) {\n                this.localStorage.getItem$('product').subscribe(res => {\n                    const data = res ? JSON.parse(res) : null;\n                    this.subscriptionId = data?.subscriptionId;\n                    this.cdr.markForCheck();\n                });\n                this.userSub = this.userService.getUserInfo().subscribe(data => {\n                    this.user = data;\n                    this.updateCanEditResourcesValue();\n                    this.getPostsAndTags();\n                    this.cdr.markForCheck();\n                });\n            } else {\n                this.getPostsAndTags();\n            }\n            this.cdr.markForCheck();\n        });\n        this.masterSubscriptionId = this.appConfig.master_subscription.subscription_id;\n        this.readingTime = 0;\n    }\n\n    getPostsAndTags() {\n        this.loading = true;\n        this.loaded = false;\n        forkJoin({\n            resPosts: this.resourceService.getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                this.currentPage,\n                this.pageSize,\n                this.searchTextItems\n            ),\n            resTags: this.tagService.getTagsByType(\n                'post_categories',\n                {},\n                this.getEffectiveSubscriptionId()\n            )\n        })\n            .subscribe(res => {\n                this.posts = res?.resPosts?.posts;\n                this.objectCount = res?.resPosts.object_count;\n                this.data = res?.resPosts?.posts;\n                this.data = res?.resPosts?.posts.map(post => ({\n                    ...post,\n                    expandedTags: false\n                }));\n                this.totalRecords = this.posts?.length;\n\n                this.tags = res?.resTags?.tags?.filter(tag => tag.visible_in_resources);\n                this.tags = this.tags.map(tag => ({\n                    ...tag\n                }));\n                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n                this.cdr.markForCheck();\n            });\n    }\n\n    toggleDropdown(event: Event, post): void {\n        event.stopPropagation();\n        post.showDropdown = !post.showDropdown;\n    }\n\n    getPosts(page: number, pageSize: number, fetchAll = false, append = false) {\n        if (fetchAll) this.selectedTags = [];\n\n        if (!append) {\n            this.loading = true;\n            this.loaded = false;\n        }\n\n        const tagCategoryParam = this.selectedTags.map(tag => tag.tag_category_id).join(',');\n\n        this.resourceService\n            .getPublicPosts(\n                this.getEffectiveSubscriptionId(),\n                page,\n                append ? 10 : pageSize,\n                this.searchTextItems,\n                tagCategoryParam\n            )\n            .subscribe(response => {\n                this.objectCount = response.object_count;\n                this.posts = append ? [...this.posts, ...response.posts] : response.posts;\n                this.data = [...this.posts];\n                this.totalRecords = this.posts?.length;\n                this.cdr.markForCheck();\n            })\n            .add(() => {\n                this.loading = false;\n                this.loaded = true;\n                this.cdr.markForCheck();\n            });\n    }\n\n    onSearch(seconds: number) {\n        let delay = 0;\n        delay = seconds * 1000;\n        clearTimeout(this.delayTimeout);\n        const delayTimeout = setTimeout(() => {\n            this.currentPage = 1;\n            this.getPosts(1, this.pageSize);\n        }, delay);\n\n        this.delayTimeout = delayTimeout;\n    }\n\n    navigateToTagList(): void {\n        HelperService.navigateToTagList();\n    }\n\n    @HostListener('window:scroll', [])\n    onWindowScroll(): void {\n        const scrollPosition = window.scrollY + window.innerHeight;\n        const pageHeight = document.documentElement.scrollHeight;\n\n        const nearBottom = scrollPosition >= pageHeight - 100;\n\n        if (\n            nearBottom &&\n            this.posts.length < this.objectCount &&\n            !this.loading &&\n            !this.scrollLocked\n        ) {\n            this.scrollLocked = true;\n            this.currentPage += 1;\n\n            this.getPosts(this.currentPage, this.pageSize, false, true);\n\n            setTimeout(() => {\n                this.scrollLocked = false;\n            }, 500);\n        }\n    }\n\n    isSelected(tagId: number): boolean {\n        return this.selectedTags.map(tag => tag.id).includes(tagId);\n    }\n\n    tagPost(selectedTag) {\n        const index = this.selectedTags.findIndex(\n            tag => tag.tag_category_id === selectedTag?.tag_category_id && tag.id === selectedTag.id\n        );\n\n        if (index === -1) {\n            this.selectedTags.push({\n                tag_category_id: selectedTag?.tag_category_id,\n                id: selectedTag.id\n            });\n        } else {\n            this.selectedTags.splice(index, 1);\n        }\n\n        this.currentPage = 1;\n        this.getPosts(1, this.pageSize);\n    }\n\n    thisPostReadingTime(text: string): string {\n        if (text) {\n            const wordsPerMinute = 200;\n            const noOfWords = text.split(/\\s/g).length;\n            const minutes = noOfWords / wordsPerMinute;\n            const readTime = Math.ceil(minutes);\n\n            return `${readTime} minute read`;\n        }\n\n        return '';\n    }\n\n    override ngOnDestroy() {\n        this.userSub?.unsubscribe();\n        super.ngOnDestroy();\n    }\n\n    /** Helper method to get effective subscription ID */\n    private getEffectiveSubscriptionId(): number {\n        return HelperService.getEffectiveSubscriptionId(\n            this.user,\n            this.subscriptionId,\n            this.appConfig.master_subscription.subscription_id\n        );\n    }\n\n    private updateCanEditResourcesValue(): void {\n        if (this.userLoggedIn && this.user) {\n            this.canEditResourcesValue = HelperService.canEditResources(\n                this.user,\n                this.userLoggedIn,\n                this.permissionService\n            );\n        } else {\n            this.canEditResourcesValue = false;\n        }\n    }\n\n    canEditResources(): boolean {\n        return this.canEditResourcesValue;\n    }\n}\n","<pw-resource-header [user]=\"user\" [userLoggedIn]=\"userLoggedIn\"></pw-resource-header>\n<div class=\"all-posts py-5\">\n\n  <div class=\"row mt-1 mb-4 px-2\">\n    <div class=\"col-md-8\">\n    </div>\n    <div class=\"col-md-4\">\n      <div class=\"text-end mt-0 mt-sm-3 d-flex\">\n        @if (userLoggedIn && user?.auth?.granted['Pages.Admin']) {\n          <i\n            class=\"fa fa-edit in-page-edit-icon cursor-pointer mt-2 me-3\"\n            (click)=\"navigateToTagList()\"\n            (keydown.enter)=\"navigateToTagList()\"\n            (keydown.space)=\"navigateToTagList()\"\n          title=\"Edit Logo\"></i>\n        }\n        <div class=\"search-wrapper position-relative\">\n          <i class=\"fa fa-search search-icon\"></i>\n          <label for=\"resources-hub-search\" class=\"visually-hidden\">Search resources</label>\n          <input type=\"text\" id=\"resources-hub-search\" name=\"resources-hub-search\" [(ngModel)]=\"searchTextItems\" pInputText size=\"50\" placeholder=\"Search resources...\"\n            (input)=\"onSearch(1)\"\n            class=\"search-input top-search-input\" />\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"row resource-row\">\n    <!-- All Resources Card -->\n    <div class=\"col-md-3 col-sm-6 col-6 mb-4\">\n      <div class=\"resource-card d-flex align-items-center p-3\"\n        (keydown.enter)=\"getPosts(1, 20, true)\"\n        [ngClass]=\"{ 'selected': selectedTags.length === 0 }\"\n        (click)=\"getPosts(1, 20, true)\">\n        <i class=\"fa fa-layer-group resource-icon me-3\"></i>\n        <span class=\"resource-text\">All Resources</span>\n      </div>\n    </div>\n\n    <!-- Dynamic Tags -->\n    @for (tag of tags; track tag) {\n      <div class=\"col-md-3 col-sm-6 mb-4 col-6\"\n        >\n        <div\n          class=\"resource-card d-flex align-items-center p-3\"\n          (keydown.enter)=\"tagPost(tag)\"\n          [ngClass]=\"{ 'selected': isSelected(tag.id) }\"\n          (click)=\"tagPost(tag)\">\n          @if (tag?.icon_name) {\n            <i class=\"fa\" [ngClass]=\"tag.icon_name + ' resource-icon me-3'\"></i>\n          }\n          <span class=\"resource-text\">{{ tag.name }}</span>\n        </div>\n      </div>\n    }\n  </div>\n  @if (loading && !loaded) {\n    <div class=\"w-100 text-center mt-3\">\n      <p-progressSpinner strokeWidth=\"2\"> </p-progressSpinner>\n    </div>\n  }\n  @if (posts?.length && !loading) {\n    <div>\n      <div class=\"blog-list\">\n        @for (post of data; track post) {\n          <div class=\"row mt-4 mb-5 ms-1 me-1 blog-listing\"\n            >\n            <div class=\"col-md-6 col-sm-12 col-xs-12 my-auto\">\n              <pw-resource-edit-card-lazy\n                [canEdit]=\"canEditResourcesValue\"\n                [id]=\"post?.id\"\n                [resourceData]=\"post\"\n                (updated)=\"getPosts(1, pageSize)\">\n              </pw-resource-edit-card-lazy>\n              <div class=\"list-blog-image\" [routerLink]=\"['/resources/view', post.slug]\">\n                <img [src]=\"post.picture?.url\"\n                  alt=\"Resource thumbnail\"\n                  class=\"img-fluid\" />\n              </div>\n            </div>\n            <div class=\"col-md-6 col-sm-12 col-xs-12 px-4 position-relative\">\n              <div class=\"tag-div\">\n                <div class=\"author d-flex\">\n                  <div class=\"avatar-image\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\">\n                      @if (post.author?.avatar) {\n                        <img\n                          [src]=\"post.author?.avatar[0]?.url\"\n                          alt=\"Author profile\" />\n                      }\n                      @if (!post.author?.avatar) {\n                        <img\n                          src=\"/assets/img/icons/male.png\"\n                          alt=\"Default author profile\"\n                          class=\"default-user-image\" />\n                      }\n                    </a>\n                  </div>\n                  <div class=\"author-name ps-2\">\n                    <a [attr.disabled]=\"!userLoggedIn\"\n                      [routerLink]=\"['/members', post?.author?.slug]\"\n                      class=\"name\">\n                      {{ post.author?.first_name }}\n                      <i class=\"fas fa-crown\" aria-hidden=\"true\"></i></a>\n                      <ul>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">\n                            {{ post.published_at | date: 'dd/MM/yyyy' }}\n                          </a>\n                        </li>\n                        <li>.</li>\n                        <li>\n                          <a href=\"#\" (click)=\"$event.preventDefault()\">{{ thisPostReadingTime(post.body) }}\n                          </a>\n                        </li>\n                      </ul>\n                    </div>\n                    <div class=\"share-post\">\n                      <div class=\"dropdown position-relative d-flex justify-content-end\" (clickOutside)=\"post.showDropdown = false\">\n                        <div class=\"three-dots-wrapper\"  (keydown.enter)=\"toggleDropdown($event, post)\" (click)=\"toggleDropdown($event, post)\">\n                          <i class=\"fas fa-ellipsis-v\"></i>\n                        </div>\n                        @if (post.showDropdown) {\n                          <div class=\"dropdown-menu show\"\n                            >\n                            <a class=\"dropdown-item\"\n                              href=\"http://www.facebook.com/\"\n                              rel=\"noopener noreferrer\"\n                              target=\"_blank\">\n                              <i class=\"fas fa-share\"></i> Share Post\n                            </a>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  </div>\n                  <h4 [routerLink]=\"['/resources/view', post.slug]\"\n                  class=\"title my-3\">{{ post.title }}</h4>\n                  <p [routerLink]=\"['/resources/view', post.slug]\"\n                    class=\"body mb-3 pb-3 post-body-text\">\n                    {{ post.body | removeHtml: 'quill' | textTruncate: 200 }}\n                  </p>\n                  <div class=\"d-flex flex-wrap align-items-center gap-2 mt-auto mb-3\">\n                    @if (post?.tags?.length) {\n                      @for (tag of post?.tags?.slice(0, 4); track tag) {\n                        <span class=\"badge m-1\"\n                          [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                          [colorByName]=\"true\"\n                          [dataName]=\"tag.name\"\n                          color=\"blue-grey\">\n                          {{ tag.name }}\n                        </span>\n                      }\n                      @if (post.expandedTags) {\n                        @for (tag of post?.tags?.slice(4); track tag) {\n                          <span class=\"badge m-1\"\n                            [appDynamicBadge]=\"{ itemsArray: post?.tags, item: tag }\"\n                            [colorByName]=\"true\"\n                            [dataName]=\"tag.name\"\n                            color=\"blue-grey\">\n                            {{ tag.name }}\n                          </span>\n                        }\n                      }\n                      @if (post?.tags?.length > 4) {\n                        <span\n                          (click)=\"post.expandedTags = !post.expandedTags\"\n                          (keydown.enter)=\"post.expandedTags = !post.expandedTags\"\n                        class=\"fw-bold cursor-pointer m-1 expand-tags\">...</span>\n                      }\n                    }\n                  </div>\n                  <div class=\"blog-view py-3 blog-list-write-view\">\n                    <ul class=\"d-flex\">\n                      <li>{{ post.view !== null ? post.view : '0' }} View</li>\n                      <li><a [routerLink]=\"['/resources/view', post.slug]\">Write Comment</a></li>\n                      <li>\n                        <a [routerLink]=\"['/resources/view', post.slug]\" aria-label=\"Blog\"><i class=\"far fa-heart\" aria-hidden=\"true\"></i></a>\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    @if (!posts?.length && loaded) {\n      <pw-no-data [withImage]=\"true\" message=\"We couldn't find any resources.\" > </pw-no-data>\n    }\n  </div>\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { ResourceHubComponent } from '../../components/resources-hub/resources-hub.component';\nimport { ResourceSharedModule } from '../../shared/resource-shared.module';\n\nconst routes: Routes = [\n    {\n        path: '',\n        component: ResourceHubComponent,\n        data: {\n            title: 'Resources - Hub',\n            permission: 'Pages.Blog',\n            preload: false\n        }\n    }\n];\n\n@NgModule({\n    declarations: [ResourceHubComponent],\n    imports: [ResourceSharedModule, RouterModule.forChild(routes)]\n})\nexport class ResourceHubModule {}\n"],"names":["i1.ResourceService","i4","i5","i6","i7.ResourceEditCardLazyComponent","i9","i10"],"mappings":"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"}