feat: apply new layout overhaul

2026-01-21 00:52:55 +00:00 · 2022-08-08 11:01:00 +00:00
parent f16e5394cc
commit 7bbdba5c0b
228 changed files with 28387 additions and 1092 deletions
--- a/src/app/modules/dashboard/sections/news-section/news-section.component.ts
+++ b/src/app/modules/dashboard/sections/news-section/news-section.component.ts
@@ -0,0 +1,95 @@
+/*
+ * Copyright (C) 2022 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Component, OnInit, ViewEncapsulation} from '@angular/core';
+import {Router} from '@angular/router';
+import {NewsPageComponent} from '../../../news/page/news-page.component';
+import {NewsProvider} from '../../../news/news.provider';
+import {SettingsProvider} from '../../../settings/settings.provider';
+import {
+  newsFilterSettingsFieldsMapping,
+  NewsFilterSettingsNames,
+} from '../../../news/news-filter-settings';
+import {DataProvider} from '../../../data/data.provider';
+import {SCSearchValueFilter} from '@openstapps/core';
+
+/**
+ * Shows a section with news
+ */
+@Component({
+  selector: 'stapps-news-section',
+  templateUrl: 'news-section.component.html',
+  styleUrls: ['news-section.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+})
+export class NewsSectionComponent extends NewsPageComponent implements OnInit {
+  /**
+   * Slider options
+   */
+  sliderOptions = {
+    spaceBetween: 12,
+    freeMode: {
+      enabled: true,
+      sticky: true,
+    },
+    width: 240,
+    breakpoints: {
+      768: {
+        width: 280,
+      },
+    },
+  };
+
+  pageSize = 5;
+
+  /**
+   * A map of the filters where the keys are settings names
+   */
+  filtersMap = new Map<NewsFilterSettingsNames, SCSearchValueFilter>();
+
+  constructor(
+    newsProvider: NewsProvider,
+    settingsProvider: SettingsProvider,
+    private router: Router,
+  ) {
+    super(newsProvider, settingsProvider);
+  }
+
+  async ngOnInit() {
+    await super.ngOnInit();
+    for (const setting of this.settings) {
+      this.filtersMap.set(
+        setting.name as NewsFilterSettingsNames,
+        DataProvider.createValueFilter(
+          newsFilterSettingsFieldsMapping[
+            setting.name as NewsFilterSettingsNames
+          ],
+          setting.value as string,
+        ),
+      );
+    }
+
+    this.filters = [...this.filtersMap.values()];
+
+    try {
+      await this.fetchNews();
+    } catch {
+      this.news = [];
+    }
+  }
+
+  onMoreNewsClicked() {
+    void this.router.navigate(['/news']);
+  }
+}