unictive-angular 1.0.14 → 1.0.16

package/coba/src/app/core/interceptors/jsonrpc.ts

@@ -1,440 +0,0 @@
-import {
-  HttpClient,
-  HttpEvent,
-  HttpEventType,
-  HttpHeaders,
-  HttpParams,
-  HttpRequest,
-} from '@angular/common/http';
-import { logger } from '@shared/utils/logger';
-import { delay, lastValueFrom, Observable } from 'rxjs';
-import { environment } from 'src/environments/environment';
-
-export abstract class AbstractApiService<T> {
-  constructor(protected http: HttpClient, protected path: string) {}
-
-  protected createCustomHeaders(headers: {
-    [key: string]: string;
-  }): HttpHeaders {
-    let customHeaders = new HttpHeaders();
-    for (const key in headers) {
-      if (headers.hasOwnProperty(key)) {
-        customHeaders = customHeaders.set(key, headers[key]);
-      }
-    }
-    return customHeaders;
-  }
-
-  async export2(endpointURL?: string): Promise<any> {
-    return lastValueFrom(
-      this.http.get<any>(
-        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path),
-        { responseType: 'blob' as 'json' }
-      )
-    );
-  }
-
-  async exportPost(data: any, endpointURL?: string, param?: any): Promise<any> {
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + new HttpParams({ fromObject: param }).toString() : ''),
-        data,
-        { responseType: 'blob' as 'json' }
-      )
-    );
-  }
-
-  //MARK:GET
-  async getAll(params?: any, endpointURL?: string): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    return lastValueFrom(
-      this.http.get<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : '')
-      )
-    );
-  }
-
-  async getById(id?: any, endpointURL?: string): Promise<any> {
-    return lastValueFrom(
-      this.http.get<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          '/' +
-          id
-      )
-    );
-  }
-
-  async get(endpointURL?: string): Promise<any> {
-    return lastValueFrom(
-      this.http.get<any>(
-        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path)
-      )
-    );
-  }
-
-  async getURL(url: string): Promise<any> {
-    return lastValueFrom(this.http.get<any>(url));
-  }
-
-  //MARK:POST
-
-  async post(data: any, endpointURL?: string, param?: any): Promise<any> {
-    let params;
-    if (param) {
-      params = new HttpParams({ fromObject: param }).toString();
-    }
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (params ? '?' + params : ''),
-        data
-      )
-    );
-  }
-
-  //POST with form data
-
-  async post_formdata_edited_array(
-    data: any,
-    endpointURL?: string,
-    params?: any
-  ): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    let body = new FormData();
-
-    for (var key in data) {
-      // body.append(key, data[key]);
-
-      if (data[key] == null) {
-        body.append(key, '');
-        continue;
-      }
-
-      if (Array.isArray(data[key])) {
-        data[key].forEach((item: any) => {
-          body.append(`${key}[]`, item);
-        });
-      } else {
-        body.append(key, data[key]);
-      }
-    }
-
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        body,
-        {
-          headers: this.createCustomHeaders({
-            Accept: 'application/json',
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  async acces_custom(endpointURL?: string, token?: any) {
-    return lastValueFrom(
-      this.http.get<any>(
-        `${environment.apiUrl}` + (endpointURL ? endpointURL : this.path),
-        {
-          headers: this.createCustomHeaders({
-            // Accept: 'application/json',
-            Authorization: `Bearer ${token}`, // Assuming token is a string
-            'Content-Type': 'application/json', // Set content type if needed
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  async post_formdata(
-    data: any,
-    endpointURL?: string,
-    params?: any
-  ): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    let body = new FormData();
-
-    for (var key in data) {
-      // body.append(key, data[key]);
-
-      if (Array.isArray(data[key])) {
-        data[key].forEach((item: any) => {
-          body.append(key, item == null ? '' : item);
-        });
-      } else {
-        body.append(key, data[key] == null ? '' : data[key]);
-      }
-    }
-
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        body,
-        {
-          headers: this.createCustomHeaders({
-            Accept: 'application/json',
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  //MARK:PUT
-  async putId(id: number | string, data: T, endpointURL?: string): Promise<T> {
-    return lastValueFrom(
-      this.http.put<T>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          '/' +
-          id,
-        data
-      )
-    );
-  }
-
-  async put_custom(data: any, endpointURL?: string, params?: any): Promise<T> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    return lastValueFrom(
-      this.http.put<T>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        data
-      )
-    );
-  }
-
-  //put with form data
-  async put_formdata(
-    data: any,
-    endpointURL?: string,
-    params?: any
-  ): Promise<Response> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    let body = new FormData();
-    for (var key in data) {
-      body.append(key, data[key]);
-    }
-
-    return lastValueFrom(
-      this.http.put<Response>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        body,
-        {
-          headers: this.createCustomHeaders({
-            Accept: 'application/json',
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  //MARK:DELETE
-  async delete(id: number | string, endpointURL?: string): Promise<Response> {
-    return lastValueFrom(
-      this.http.delete<Response>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          '/' +
-          id
-      )
-    );
-  }
-  async delete_param(params?: any, endpointURL?: string): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    return lastValueFrom(
-      this.http.delete<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : '')
-      )
-    );
-  }
-
-  //MARK:PATCH
-  async patch(
-    id: number | string,
-    partialdata: Partial<T>,
-    endpointURL?: string
-  ): Promise<T> {
-    return lastValueFrom(
-      this.http.patch<T>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          '/' +
-          id,
-        partialdata
-      )
-    );
-  }
-
-  async post_formdata_custom(
-    data: any,
-    endpointURL?: string,
-    params?: any
-  ): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    let body = this.jsonToFormData(data);
-
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        body,
-        {
-          headers: this.createCustomHeaders({
-            Accept: 'application/json',
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  async put_formdata_custom(
-    data: any,
-    endpointURL?: string,
-    params?: any
-  ): Promise<any> {
-    let param = new HttpParams({ fromObject: params }).toString();
-    let body = this.jsonToFormData(data);
-
-    return lastValueFrom(
-      this.http.post<any>(
-        `${environment.apiUrl}` +
-          (endpointURL ? endpointURL : this.path) +
-          (param ? '?' + param : ''),
-        body,
-        {
-          headers: this.createCustomHeaders({
-            Accept: 'application/json',
-            // Add any other headers you need here
-          }),
-        }
-      )
-    );
-  }
-
-  uploadFile(file: File): Observable<HttpEvent<any>> {
-    const formData: FormData = new FormData();
-    formData.append('file', file);
-
-    const req = this.http.post('/api/upload', formData, {
-      reportProgress: true,
-      observe: 'events',
-    });
-
-    return req;
-  }
-
-  consoleFormData(payload: any) {
-    const form = this.jsonToFormData(payload);
-    for (const [key, value] of form.entries()) {
-      console.log(`${key}: ${value}`);
-    }
-
-    logger.log('Form Data:', form);
-  }
-
-  jsonToFormData(
-    json: any,
-    formData: FormData = new FormData(),
-    parentKey: string = ''
-  ): FormData {
-    for (const key in json) {
-      if (json.hasOwnProperty(key)) {
-        const value = json[key];
-
-        //console.log(value);
-        const newKey = parentKey ? `${parentKey}[${key}]` : key;
-
-        if (value && typeof value === 'object' && !Array.isArray(value)) {
-          // Rekursif untuk nested object
-          if (value instanceof File) {
-            formData.append(newKey, value);
-          } else {
-            this.jsonToFormData(value, formData, newKey);
-          }
-        } else if (Array.isArray(value)) {
-          // Tangani array
-          value.forEach((item, index) => {
-            if (item && typeof item === 'object' && item.id !== undefined) {
-              // Array berisi objek dengan id
-
-              if (item?.isObject) {
-                for (const subKey in item) {
-                  if (item.hasOwnProperty(subKey) && subKey != 'isObject') {
-                    const subValue = item[subKey];
-                    const newSubKey = `${newKey}[${item.id}][${subKey}]`;
-                    if (subValue && typeof subValue === 'object') {
-                      // this.jsonToFormData(subValue, formData, newSubKey);
-                      formData.append(newSubKey, !subValue ? '' : subValue);
-                    } else {
-                      formData.append(newSubKey, !subValue ? '' : subValue);
-                    }
-                  }
-                }
-              } else {
-                formData.append(
-                  `${newKey}[${item.id}]`,
-                  item?.value ? item.value : ''
-                );
-              }
-            } else {
-              // Array berisi objek sederhana
-              if (item?.isObject) {
-                for (const subKey in item) {
-                  if (item.hasOwnProperty(subKey) && subKey != 'isObject') {
-                    const subValue = item[subKey];
-                    const newSubKey = `${newKey}[${index}][${subKey}]`;
-                    if (subValue && typeof subValue === 'object') {
-                      // this.jsonToFormData(subValue, formData, newSubKey);
-                      formData.append(newSubKey, !subValue ? '' : subValue);
-                    } else {
-                      formData.append(newSubKey, !subValue ? '' : subValue);
-                    }
-                  }
-                }
-              } else {
-                // Array berisi nilai sederhana
-                formData.append(
-                  `${newKey}[${index}]`,
-                  item === null || item === undefined ? '' : item
-                );
-              }
-            }
-          });
-
-          if (value.length === 0) {
-            formData.append(`${newKey}[]`, '');
-          }
-        } else {
-          // Nilai sederhana langsung append ke FormData
-          formData.append(
-            newKey,
-            value === null || value === undefined ? '' : value
-          );
-        }
-      }
-    }
-    return formData;
-  }
-}

package/coba/src/app/core/interceptors/jwt.interceptor.ts

@@ -1,36 +0,0 @@
-import { inject, Injectable } from '@angular/core';
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor,
-  HttpInterceptorFn,
-} from '@angular/common/http';
-import { Observable, finalize, from, switchMap } from 'rxjs';
-
-import { StorageMap } from '@ngx-pwa/local-storage';
-import { environment } from 'src/environments/environment';
-
-export const jwtInterceptor: HttpInterceptorFn = (request, next) => {
-  // Assume you have access to StorageMap and environment
-  // You may need to inject StorageMap via a provider in your app module
-  const storage = inject(StorageMap);
-
-  return from(storage.get(environment.tokenName)).pipe(
-    switchMap((token: any) => {
-      if (token) {
-        request = request.clone({
-          setHeaders: {
-            Authorization: `Bearer ${token.token}`,
-          },
-        });
-      }
-
-      return next(request).pipe(
-        finalize(() => {
-          // end loading
-        })
-      );
-    })
-  );
-};

package/coba/src/app/core/models/README.md

@@ -1,10 +0,0 @@
-# MODELS
-
-Folder ini untuk layer **models**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/core/services/README.md

@@ -1,10 +0,0 @@
-# SERVICES
-
-Folder ini untuk layer **services**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/README.md

@@ -1,10 +0,0 @@
-# SHARED
-
-Folder ini untuk layer **shared**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/directives/README.md

@@ -1,10 +0,0 @@
-# DIRECTIVES
-
-Folder ini untuk layer **directives**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/pipes/README.md

@@ -1,10 +0,0 @@
-# PIPES
-
-Folder ini untuk layer **pipes**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/ui/README.md

@@ -1,10 +0,0 @@
-# UI
-
-Folder ini untuk layer **ui**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/utils/README.md

@@ -1,10 +0,0 @@
-# UTILS
-
-Folder ini untuk layer **utils**.
-
-- **domain** → berisi entity, interface, dan aturan bisnis murni
-- **application** → berisi use case, service koordinasi domain
-- **infrastructure** → berisi API call, repository, integrasi eksternal
-- **presentation** → berisi komponen Angular, routing, dan UI
-
-> Bagian ini adalah bagian dari arsitektur **Clean Architecture** untuk fitur ini.

package/coba/src/app/shared/utils/logger.ts

@@ -1,40 +0,0 @@
-import { environment } from 'src/environments/environment';
-
-export const logger = {
-  /**
-   * Log information when not in production
-   * @param label - Label for the information
-   * @param data - Data to log
-   */
-  log(labelOrData: string | unknown, data?: unknown): void {
-    if (environment.envName != 'prod') {
-      if (typeof labelOrData === 'string' && data !== undefined) {
-        console.log(`🔥 [${labelOrData}]`, data);
-      } else {
-        console.log('🔥', labelOrData);
-      }
-    }
-  },
-
-  /**
-   * Log error when not in production
-   * @param label - Label for the error
-   * @param error - Error to log
-   */
-  error(label: string, error: unknown): void {
-    if (environment.envName != 'prod') {
-      console.error(`❌ [${label}]`, error);
-    }
-  },
-
-  /**
-   * Log warning when not in production
-   * @param label - Label for the warning
-   * @param data - Data to log
-   */
-  warn(label: string, data: unknown): void {
-    if (environment.envName != 'prod') {
-      console.warn(`⚠️ [${label}]`, data);
-    }
-  },
-};

package/coba/src/app/shared/widgets/test/test.component.html

@@ -1,20 +0,0 @@
-<div class="fixed inset-0 bgs z-50 flex items-center justify-center">
-  <div class="absolute transition-all duration-100 ease-in-out transform hover:scale-110"
-    style="padding: 50px; box-sizing: content-box;"
-    [ngStyle]="{ top: boxPosition.top, left: boxPosition.left, position: 'absolute' }" (mouseenter)="onMouseEnterBox()">
-
-    <div (click)="onLogout()"
-      class=" w-40 h-20 bg-black text-white flex items-center text-center justify-center cursor-pointer rounded-xl  shadow-lg">
-      Tangkap
-    </div>
-  </div>
-
-  <div class="absolute top-5 right-5 text-white text-xl space-y-2 text-right bg-amber-900 p-2 rounded-2xl">
-    <div>Waktu: {{ timer }} detik</div>
-    <div>Skor: {{ score }}</div>
-  </div>
-
-  <div *ngIf="gameEnded" class="absolute bottom-10 text-white text-2xl font-bold">
-    Permainan Selesai! Skor akhir: {{ score }}
-  </div>
-</div>

package/coba/src/app/shared/widgets/test/test.component.ts

@@ -1,56 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'app-test-box',
-  templateUrl: './test.component.html',
-  styleUrls: ['./test.component.css'],
-  standalone: false,
-})
-export class TestComponent implements OnInit {
-  boxPosition = { top: '50%', left: '50%' };
-  gameStarted = false;
-  gameEnded = false;
-  timer = 60;
-  score = 0;
-  intervalId: any;
-  constructor() { }
-
-  ngOnInit() {
-    this.startGame();
-  }
-  startGame() {
-    this.gameStarted = true;
-    this.timer = 60;
-    this.score = 0;
-    this.gameEnded = false;
-    this.moveBoxRandomly();
-
-    this.intervalId = setInterval(() => {
-      this.timer--;
-      if (this.timer <= 0) {
-        clearInterval(this.intervalId);
-        this.gameEnded = true;
-      }
-    }, 1000);
-  }
-
-  onMouseEnterBox() {
-    if (!this.gameEnded) {
-      this.score++;
-      this.moveBoxRandomly();
-    }
-  }
-
-  moveBoxRandomly() {
-    const top = Math.random() * 90;
-    const left = Math.random() * 90;
-    this.boxPosition = {
-      top: `${top}%`,
-      left: `${left}%`,
-    };
-  }
-
-  onLogout() {
-    // this.auth.onLogout();
-  }
-}

package/coba/src/app/shared/widgets/test/test.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TestComponent } from './test.component';
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [TestComponent],
-  exports: [TestComponent],
-})
-export class TestBoxModule {}

package/coba/src/environments/environment.prod.ts

@@ -1,6 +0,0 @@
-export const environment = {
-  production: true,
-  apiUrl: 'https://api.example.com',
-  envName: 'prod',
-  tokenName: 'token',
-};