cyc-base 0.0.2 → 1.0.1

package/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/README.md

@@ -1,3 +1,7 @@
+# CYC Base Library
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.2.0.
+
 ## Building
 
 To build the library, run:

package/angular.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "cli": {
+    "packageManager": "yarn"
+  },
+  "newProjectRoot": "projects",
+  "projects": {
+    "cyc-base": {
+      "projectType": "library",
+      "root": "projects/cyc-base",
+      "sourceRoot": "projects/cyc-base/src",
+      "prefix": "lib",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:ng-packagr",
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/cyc-base/tsconfig.lib.prod.json"
+            },
+            "development": {
+              "tsConfig": "projects/cyc-base/tsconfig.lib.json"
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "tsConfig": "projects/cyc-base/tsconfig.spec.json"
+          }
+        }
+      }
+    }
+  }
+}

package/package.json

@@ -1,23 +1,51 @@
 {
   "name": "cyc-base",
-  "version": "0.0.2",
-  "peerDependencies": {
-    "@angular/common": "^20.3.0",
-    "@angular/core": "^20.3.0"
+  "version": "1.0.1",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true,
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
   },
   "dependencies": {
+    "@angular/cdk": "20.2.14",
+    "@angular/common": "^20.2.0",
+    "@angular/compiler": "^20.2.0",
+    "@angular/core": "^20.2.0",
+    "@angular/forms": "^20.2.0",
+    "@angular/material": "20.2.14",
+    "@angular/platform-browser": "^20.2.0",
+    "@angular/router": "^20.2.0",
+    "cyc-type-def": "^5.1.1",
+    "firebase": "^12.7.0",
+    "rxjs": "~7.8.0",
     "tslib": "^2.3.0"
   },
-  "sideEffects": false,
-  "module": "fesm2022/cyc-base.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/cyc-base.mjs"
-    }
+  "devDependencies": {
+    "@angular/build": "^20.3.14",
+    "@angular/cli": "^20.2.0",
+    "@angular/compiler-cli": "^20.2.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.9.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "ng-packagr": "^20.3.0",
+    "typescript": "~5.9.2"
   }
-}
+}

package/projects/cyc-base/README.md

@@ -0,0 +1,26 @@
+## Building
+
+To build the library, run:
+
+```bash
+ng build cyc-base
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/cyc-base
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm config set //registry.npmjs.org/:_authToken=YOUR_NPM_TOKEN
+   npm publish
+   npm config delete //registry.npmjs.org/:_authToken
+   ```

package/projects/cyc-base/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/cyc-base",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/projects/cyc-base/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "cyc-base",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}

package/projects/cyc-base/src/classes/BasePage.ts

@@ -0,0 +1,82 @@
+import { onValue, ref } from 'firebase/database';
+import { onAuthStateChanged, User } from 'firebase/auth';
+import { Router } from '@angular/router';
+import { PERMISSION } from 'cyc-type-def';
+import { SecurePage } from './SecurePage';
+
+export class BasePage extends SecurePage {
+  t1!: Date;
+  t2!: Date;
+
+  constructor(router: Router, isSecure: boolean) {
+    super(router, isSecure);
+
+    this.isSecure = isSecure;
+    this.router = router;
+
+    this.load();
+  }
+
+  load() {
+    onAuthStateChanged(this.auth, (user) => {
+      this.readUser(user);
+      // this.loadUser(user);
+    });
+  }
+
+  readUser(user: User | null) {
+    this.firebaseUser = user;
+    if (user) {
+      // console.log(user.email);
+      const userRef = ref(this.db, 'move_follow_up_2023/users/' + user.uid);
+      onValue(userRef, (v) => {
+        if (v.exists()) {
+          this.user = v.val();
+          // console.log(this.user.name);
+
+          if (
+            this.user.permission == PERMISSION.NOT_VERIFIED &&
+            this.isSecure
+          ) {
+            // not verified user
+            // redirect to home page
+            this.router.navigate(['']);
+            // this.router.navigate(['']);
+          }
+
+          // if (this.user.permissions) {
+          //   this.isSuperUser = this.user.permissions.includes(
+          //     PERMISSION.SUPER_USER
+          //   );
+          // }
+
+          this.checkPermission(this.user);
+          this.readData();
+
+          this.initSettings(this.user);
+        } else {
+          // user logged in but no data
+          // redirect to home page (how he came to here?)
+          if (this.isSecure) this.router.navigate(['']);
+          // this.router.navigate(['']);
+          this.readData();
+        }
+      });
+    } else {
+      // user not logged in
+      // redirect to home page
+      if (this.isSecure) this.router.navigate(['']);
+      // this.router.navigate(['']);
+      this.readData();
+    }
+  }
+
+  timerStart() {
+    this.t1 = new Date();
+  }
+
+  timerEnd() {
+    this.t2 = new Date();
+    console.log(this.t2.getTime() - this.t1.getTime());
+  }
+}

package/projects/cyc-base/src/classes/CommonPage.ts

@@ -0,0 +1,211 @@
+import { Cluster, SmallTeam, CG, AppUser, PERMISSION, compareCG } from 'cyc-type-def';
+import { Observable, Subscription } from 'rxjs';
+// import { AppData } from '../../app/services/shared-db.service';
+// import { compareCG } from '../util/sort.util';
+import { User } from 'firebase/auth';
+import { AppData } from '../lib/shared-db';
+// import { SettingDefaults, Settings } from '../constants/settings.constant';
+// import { environment } from '../../environments/environment';
+
+/**
+ * Holds only the common data stored in `SharedDbService`,
+ * - Pastoral team
+ * - User
+ *
+ * ---
+ * For other frequently used variables (not stored in `SharedDbService`), see `ExtendedCommonPage`.
+ *
+ * **Provides:**
+ * `Cluster`, `SmallTeam`, `CG`, `AppUser`, `User`
+ */
+export class CommonPage {
+  protected subscription?: Subscription;
+  protected subscriptionAuth?: Subscription;
+
+  user!: AppUser;
+  firebaseUser!: User | null;
+
+  /** deleted record included */
+  arrClusterForRef: { [key: string]: Cluster };
+  /** deleted record included */
+  arrStForRef: { [key: string]: SmallTeam };
+  /** deleted record included */
+  arrCgForRef: { [key: string]: CG };
+
+  /** array of clusters, excluding deleted records */
+  arrCluster: Cluster[];
+  /** array of small teams, excluding deleted records */
+  arrSt: SmallTeam[];
+  /** array of CGs, excluding deleted records */
+  arrCg: CG[];
+
+  constructor() {
+    this.arrClusterForRef = {};
+    this.arrStForRef = {};
+    this.arrCgForRef = {};
+
+    this.arrCluster = [];
+    this.arrSt = [];
+    this.arrCg = [];
+  }
+
+  /**
+   * subscribe to clusters, small teams, CGs observable
+   * @param observerble
+   */
+  subscribeObserverble(observerble: Observable<AppData>) {
+    this.subscription = observerble.subscribe((snapshot) => {
+      this.arrClusterForRef = snapshot.arrClusterForRef || {};
+      this.arrCluster = Object.values(this.arrClusterForRef).filter((x) => !x.deleted);
+
+      this.arrStForRef = snapshot.arrStForRef || {};
+      this.arrSt = Object.values(this.arrStForRef).filter((x) => !x.deleted);
+
+      this.arrCgForRef = snapshot.arrCgForRef || {};
+      this.arrCg = Object.values(this.arrCgForRef).filter((x) => !x.deleted);
+
+      // this.firebaseUser = snapshot.firebaseUser || null;
+      // if (snapshot.user) this.user = snapshot.user;
+
+      // this.checkAccessAndLoadData();
+    });
+  }
+
+  subscribeAuthObserverble(
+    observerble: Observable<{ user: AppUser; firebaseUser: User } | undefined>
+  ) {
+    this.subscriptionAuth = observerble.subscribe((v) => {
+      // console.log(v);
+      // console.log('subscriptionAuth');
+
+      if (v) {
+        this.firebaseUser = v.firebaseUser;
+        this.user = v.user;
+
+        // if (!environment.production) {
+        //   console.log(this.user.id);
+        // }
+
+        // init setting if not exist
+        this.initSettings(this.user);
+      } else {
+      }
+
+      this.checkAccessAndLoadData();
+    });
+  }
+
+  /**
+   * unsubscribe all observables
+   */
+  unSubscribeObserverble(): void {
+    this.subscription?.unsubscribe();
+    this.subscriptionAuth?.unsubscribe();
+  }
+
+  /** get array of clusters, including deleted records */
+  get arrClusterWithDel() {
+    return Object.values(this.arrClusterForRef);
+  }
+
+  /** get array of small team, including deleted records */
+  get arrStWithDel() {
+    return Object.values(this.arrStForRef);
+  }
+
+  /** get array of CGs, including deleted records */
+  get arrCgWithDel() {
+    return Object.values(this.arrCgForRef);
+  }
+
+  /**
+   * Returns small teams under a specified cluster.
+   *
+   * Optionally filters based on user access permissions.
+   *
+   * By default, not including deleted small teams.
+   *
+   * @param idCluster - The cluster ID to filter small teams by.
+   * @param byUserAccess - If true, applies user permission-based filtering. Defaults to false.
+   * @returns An array of filtered small teams.
+   */
+  filteredSmallTeam(idCluster: string | undefined, byUserAccess: boolean = false) {
+    if (!byUserAccess) {
+      return this.arrSt.filter((x) => x.cluster == idCluster);
+    } else {
+      if (this.user.permissions) {
+        if (
+          this.user.permissions.includes(PERMISSION.SUPER_USER) ||
+          this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN)
+        ) {
+          return this.arrSt.filter((x) => x.cluster == idCluster);
+        } else if (
+          this.user.permissions.includes(PERMISSION.TL) ||
+          this.user.permissions.includes(PERMISSION.SCGL) ||
+          this.user.permissions.includes(PERMISSION.CGL)
+        ) {
+          return (this.arrSt = this.arrSt.filter((x) => x.id == this.user.pastoral_team?.st));
+        }
+      }
+
+      return [];
+    }
+  }
+
+  filteredSmallTeamWithDel(idCluster: string) {
+    return this.arrStWithDel.filter((x) => x.cluster == idCluster);
+  }
+
+  /**
+   * by default, not including deleted CG
+   * @param idCluster
+   * @returns array of CG under selected cluster and small team
+   */
+  filteredCg(idSt: string | undefined) {
+    return this.arrCg.filter((x) => x.st == idSt).sort(compareCG);
+  }
+
+  filteredCgWithDel(idSt: string) {
+    return this.arrCgWithDel.filter((x) => x.st == idSt);
+  }
+
+  /**
+   * Returns the list of clusters accessible to the current user based on their permissions.
+   *
+   * @returns {Cluster[]} Filtered cluster list according to user role.
+   */
+  get arrClusterByUserAccess() {
+    if (this.user.permissions) {
+      if (
+        this.user.permissions.includes(PERMISSION.SUPER_USER) ||
+        this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN)
+      ) {
+        return this.arrCluster;
+      } else if (
+        this.user.permissions.includes(PERMISSION.TL) ||
+        this.user.permissions.includes(PERMISSION.SCGL) ||
+        this.user.permissions.includes(PERMISSION.CGL)
+      ) {
+        return this.arrCluster.filter((x) => x.id == this.user.pastoral_team?.cluster);
+      }
+    }
+
+    return [];
+  }
+
+  /**
+   * init setting if not exist
+   * @param user
+   */
+  initSettings(user: AppUser) {}
+  // initSettings(user: AppUser) {
+  //   if (!user.settings) user.settings = {};
+  //   for (let s of Object.values(Settings)) {
+  //     if (user.settings?.[s] === undefined) {
+  //       user.settings[s] = SettingDefaults[s];
+  //     }
+  //   }
+  // }
+
+  checkAccessAndLoadData() {}
+}

package/projects/cyc-base/src/classes/ExtendedCommonPage.ts

@@ -0,0 +1,125 @@
+import {
+  AppUser,
+  Attendance,
+  CG,
+  Cluster,
+  MsjClassBatch,
+  MsjClassTime,
+  MsjClassType,
+  MsjStudBatch,
+  PERMISSION,
+  Sheep,
+  SmallTeam,
+  Title,
+} from 'cyc-type-def';
+import { CommonPage } from './CommonPage';
+
+/**
+ * Holds additional frequently used variables **not** stored in `SharedDbService`,
+ * such as:
+ * - `Sheep`
+ * - `Title`
+ *
+ * ---
+ * **For data stored in `SharedDbService`**
+ * (pastoral team and user), see `CommonPage`.
+ *
+ * ---
+ *  @extends ExtendedCommonPage
+ */
+export class ExtendedCommonPage extends CommonPage {
+  // title
+  arrTitleForRef: { [key: string]: Title } = {};
+  arrTitle: Title[] = [];
+
+  // sheep
+  arrSheepForRef: { [key: string]: Sheep } = {};
+  arrSheep: Sheep[] = [];
+
+  // user
+  arrUserForRef: { [key: string]: AppUser } = {};
+  arrUser: AppUser[] = [];
+
+  // attendance
+  arrAttendance: Attendance[] = [];
+
+  // msj
+  arrMsjClassTypeForRef: { [key: string]: MsjClassType } = {};
+  arrMsjClassBatchForRef: { [key: string]: MsjClassBatch } = {};
+  arrMsjClassTimeForRef: { [key: string]: MsjClassTime } = {};
+  arrMsjStudBatch: MsjStudBatch[] = [];
+
+  // selection
+  cluster: Cluster | undefined;
+  st: SmallTeam | undefined;
+  cg: CG | undefined;
+  sheep: Sheep | undefined;
+  title: Title | undefined;
+  msjClassType: MsjClassType | undefined;
+  msjClassBatch: MsjClassBatch | undefined;
+  msjClassTime: MsjClassTime | undefined;
+
+  loading = false;
+
+  constructor() {
+    super();
+  }
+
+  get arrTitleReserve() {
+    return this.arrTitle.slice().reverse();
+  }
+
+  get arrMsjClassType() {
+    return Object.values(this.arrMsjClassTypeForRef).filter((x) => !x.deleted);
+  }
+
+  get arrMsjClassBatch() {
+    return Object.values(this.arrMsjClassBatchForRef).filter((x) => !x.deleted);
+  }
+
+  get arrMsjClassTime() {
+    return Object.values(this.arrMsjClassTimeForRef).filter((x) => !x.deleted);
+  }
+
+  filteredMsjClassBatch(idMsjClassType: string) {
+    return this.arrMsjClassBatch
+      .filter((x) => x.idMsjClassType == idMsjClassType)
+      .sort((b: MsjClassBatch, a: MsjClassBatch) => {
+        a.dt = new Date(
+          new Date(a.yearTimestamp).getFullYear(),
+          new Date(a.monthTimestamp).getMonth()
+        );
+        b.dt = new Date(
+          new Date(b.yearTimestamp).getFullYear(),
+          new Date(b.monthTimestamp).getMonth()
+        );
+        if (a.dt.getFullYear() == b.dt.getFullYear()) {
+          return a.dt.getMonth() - b.dt.getMonth();
+        } else {
+          return a.dt.getFullYear() - b.dt.getFullYear();
+        }
+      });
+  }
+
+  filteredMsjClassTime(idMsjClassBatch: string) {
+    return this.arrMsjClassTime.filter(
+      (x) => x.idMsjClassBatch == idMsjClassBatch
+    );
+  }
+
+  get isSuperUser() {
+    if (this.user && this.user.permissions) {
+      return this.user.permissions.includes(PERMISSION.SUPER_USER);
+    } else {
+      return false;
+    }
+  }
+
+  get isPastoralAdmin() {
+    if (this.user && this.user.permissions) {
+      return this.user.permissions.includes(PERMISSION.PASTORAL_ADMIN);
+    } else {
+      return false;
+    }
+  }
+}