ichec-angular-core 0.0.10 → 0.0.12

package/index.d.ts

@@ -2,10 +2,12 @@ import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject } from 'rxjs';
 import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { InjectionToken, OnInit } from '@angular/core';
+import { InjectionToken, OnInit, WritableSignal } from '@angular/core';
 import * as ichec_angular_core from 'ichec-angular-core';
 import { ActivatedRoute } from '@angular/router';
 import { Location } from '@angular/common';
+import * as _angular_forms from '@angular/forms';
+import { MatTable } from '@angular/material/table';
 
 interface Identifiable {
     id: number;
@@ -30,6 +32,7 @@ declare class PortalMember implements IPortalMember {
     phone: string;
     organization: string;
     profile_url: string;
+    constructor(params?: Partial<IPortalMember>);
 }
 interface IGroup extends Identifiable {
     name: string;
@@ -58,17 +61,16 @@ declare class Organization implements IOrganization {
     website: string;
     country: string;
     members: string[];
+    constructor(params?: Partial<IOrganization>);
 }
 
-interface LeftNavOption {
-    name: string;
-    route: string;
+declare enum ErrorCode {
+    UnknownError = 1
 }
-interface LeftNavCategory {
-    name: string;
-    options: LeftNavOption[];
+declare class ApiError {
+    code: ErrorCode;
+    text: string;
 }
-
 interface OptionActionChoice {
     value: string;
     display_name: string;
@@ -89,6 +91,15 @@ interface IRestOptions {
     actions?: Record<string, Record<string, OptionAction>>;
 }
 
+interface LeftNavOption {
+    name: string;
+    route: string;
+}
+interface LeftNavCategory {
+    name: string;
+    options: LeftNavOption[];
+}
+
 declare const ENDPOINT_URL: InjectionToken<string>;
 declare class RestService<T extends Identifiable> {
     private _url;
@@ -163,15 +174,14 @@ declare class LeftNavService {
 }
 
 declare class TopBarComponent implements OnInit {
-    user?: IPortalMember | null;
-    title: string;
+    readonly title: i0.InputSignal<string | undefined>;
+    protected user: WritableSignal<IPortalMember | null>;
     private userService;
     private leftNavService;
-    constructor();
     ngOnInit(): void;
     onLogout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopBarComponent, "lib-top-bar", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TopBarComponent, "lib-top-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LeftNavComponent {
@@ -189,8 +199,8 @@ interface LoginUser {
 declare const LOGIN_USER: InjectionToken<LoginUser>;
 declare class LandingComponent implements OnInit {
     loginUser: LoginUser;
-    loginError: string;
-    message: string;
+    loginError: WritableSignal<string>;
+    message: i0.InputSignal<string | undefined>;
     private userService;
     private router;
     ngOnInit(): void;
@@ -198,56 +208,61 @@ declare class LandingComponent implements OnInit {
     onLoginError(error: HttpErrorResponse): void;
     onLoggedIn(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LandingComponent, "lib-landing", never, { "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LandingComponent, "lib-landing", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare abstract class DetailView<T extends Identifiable> {
-    item?: T;
-    protected _route: ActivatedRoute;
-    protected _location: Location;
-    protected _userService: UserService;
-    protected _restService: RestService<T>;
-    constructor(_route: ActivatedRoute, _location: Location, _userService: UserService, _restService: RestService<T>);
+    protected item: WritableSignal<T | null>;
+    protected route: ActivatedRoute;
+    protected userService: UserService;
+    protected restService: RestService<T>;
+    constructor(restService: RestService<T>);
     onInit(): void;
     onItemAvailable(): void;
     onItemAndUserAvailable(_: IPortalMember): void;
-    goBack(): void;
     private getItem;
-    update(): void;
 }
 
 declare abstract class EditView<T extends Identifiable> {
-    item?: T;
-    createMode: boolean;
+    readonly typename: string;
+    createMode: WritableSignal<boolean>;
+    heading: i0.Signal<string>;
+    protected item: WritableSignal<T | null>;
     protected _route: ActivatedRoute;
     protected _location: Location;
     protected _userService: UserService;
     protected _restService: RestService<T>;
-    constructor(_route: ActivatedRoute, _location: Location, _userService: UserService, _restServce: RestService<T>);
+    constructor(_restServce: RestService<T>);
     onInit(): void;
     onItemAvailable(): void;
     onItemAndUserAvailable(_: IPortalMember): void;
     goBack(): void;
+    submit(): void;
     save(): void;
+    cancel(): void;
+    protected fetchRestOptions(): void;
+    protected onUploadedFileReady(_file: File): void;
+    protected onFileRead(_content: string | ArrayBuffer): void;
     protected createItem(): void;
     protected updateItem(): void;
     protected saveFiles(item: T): void;
-    cancel(): void;
     protected abstract getTemplateItem(): T;
     private isCreateRoute;
     private getItem;
     protected onItemUpdated(item: T): void;
+    protected onOptions(options: IRestOptions): void;
+    protected onPostActions(_actions: Record<string, OptionAction>): void;
 }
 
 declare class ListView<T extends Identifiable> {
     user?: IPortalMember;
-    items: T[];
+    protected items: WritableSignal<T[]>;
     displayedColumns: string[];
     protected _route: ActivatedRoute;
     protected _location: Location;
     protected _userService: UserService;
     protected _restService: RestService<T>;
-    constructor(_route: ActivatedRoute, _location: Location, _userService: UserService, _restService: RestService<T>);
+    constructor(_restService: RestService<T>);
     onInit(): void;
     getItems(): void;
     private onUserChange;
@@ -256,21 +271,51 @@ declare class ListView<T extends Identifiable> {
 }
 
 declare class UserDetailComponent extends DetailView<IPortalMember> implements OnInit {
+    protected typename: string;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserDetailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserDetailComponent, "lib-user-detail", never, {}, {}, never, never, true, never>;
 }
 
+interface IFileRecord {
+    name: string;
+    display_name: string;
+    file_type: string;
+    file: File | null;
+    remote: string;
+    local: string | ArrayBuffer;
+}
+
+interface IPreview {
+    name: string;
+    content: string | ArrayBuffer;
+}
+interface IFileUpload {
+    name: string;
+    file: File;
+}
+
 declare class UserEditComponent extends EditView<IPortalMember> implements OnInit {
-    image: File | null;
-    temporaryImageUrl: string | ArrayBuffer;
+    readonly typename: string;
+    files: WritableSignal<IFileRecord[]>;
+    private formBuilder;
+    form: _angular_forms.FormGroup<{
+        username: _angular_forms.FormControl<string | null>;
+        email: _angular_forms.FormControl<string | null>;
+        first_name: _angular_forms.FormControl<string | null>;
+        last_name: _angular_forms.FormControl<string | null>;
+        phone: _angular_forms.FormControl<string | null>;
+    }>;
     constructor();
     ngOnInit(): void;
-    protected getTemplateItem(): IPortalMember;
-    saveFiles(item: IPortalMember): void;
+    onItemAvailable(): void;
     submit(): void;
-    onFileUpload(event: Event): void;
+    updateFromForm(item: IPortalMember): IPortalMember;
+    protected getTemplateItem(): IPortalMember;
+    onPreviewLoaded(preview: IPreview): void;
+    onFileUploaded(upload: IFileUpload): void;
+    protected saveFiles(item: IPortalMember): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UserEditComponent, "lib-user-edit", never, {}, {}, never, never, true, never>;
 }
@@ -282,8 +327,24 @@ declare class UserComponent extends ListView<IPortalMember> implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<UserComponent, "lib-user", never, {}, {}, never, never, true, never>;
 }
 
-declare class GroupDetailComponent extends DetailView<IGroup> {
+declare class UserSelectComponent {
+    toAdd: WritableSignal<number>;
+    selected: i0.InputSignal<IPortalMember[]>;
+    options: i0.InputSignal<IPortalMember[]>;
+    itemAdded: i0.OutputEmitterRef<number>;
+    itemRemoved: i0.OutputEmitterRef<number>;
+    table: i0.Signal<MatTable<any> | undefined>;
+    tableColumns: string[];
+    remove(id: number): void;
+    add(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserSelectComponent, "lib-user-select", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "itemAdded": "itemAdded"; "itemRemoved": "itemRemoved"; }, never, never, true, never>;
+}
+
+declare class GroupDetailComponent extends DetailView<IGroup> implements OnInit {
+    protected typename: string;
     constructor();
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupDetailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GroupDetailComponent, "lib-group-detail", never, {}, {}, never, never, true, never>;
 }
@@ -304,22 +365,41 @@ declare class OrganizationComponent extends ListView<Organization> implements On
     static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationComponent, "lib-organization", never, {}, {}, never, never, true, never>;
 }
 
-declare class OrganizationDetailComponent extends DetailView<IOrganization> {
+declare class OrganizationDetailComponent extends DetailView<IOrganization> implements OnInit {
+    typename: string;
     constructor();
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationDetailComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationDetailComponent, "lib-organization-detail", never, {}, {}, never, never, true, never>;
 }
 
 declare class OrganizationEditComponent extends EditView<IOrganization> implements OnInit {
-    countryOptions: string[];
+    countryOptions: WritableSignal<string[]>;
+    candidateMembers: WritableSignal<IPortalMember[]>;
+    selectedMembers: WritableSignal<IPortalMember[]>;
+    readonly typename: string;
+    private formBuilder;
+    form: _angular_forms.FormGroup<{
+        name: _angular_forms.FormControl<string | null>;
+        acronym: _angular_forms.FormControl<string | null>;
+        description: _angular_forms.FormControl<string | null>;
+        address: _angular_forms.FormControl<string | null>;
+        website: _angular_forms.FormControl<string | null>;
+        country: _angular_forms.FormControl<string | null>;
+    }>;
     constructor();
     ngOnInit(): void;
+    onItemAndUserAvailable(_: IPortalMember): void;
     submit(): void;
-    onOptions(options: IRestOptions): void;
+    updateFromForm(item: IOrganization): IOrganization;
     protected getTemplateItem(): IOrganization;
+    protected onPostActions(actions: Record<string, OptionAction>): void;
+    protected onCountryChoices(choices: OptionActionChoice[]): void;
+    onMemberRemoved(id: number): void;
+    onMemberAdded(id: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrganizationEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OrganizationEditComponent, "lib-organization-edit", never, {}, {}, never, never, true, never>;
 }
 
-export { DetailView, ENDPOINT_URL, EditView, Group, GroupComponent, GroupDetailComponent, GroupService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListView, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, PortalMember, RestService, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService };
-export type { IGroup, IOrganization, IPortalMember, Identifiable, LeftNavCategory, LeftNavOption, NavGroup, NavOption };
+export { ApiError, DetailView, ENDPOINT_URL, EditView, ErrorCode, Group, GroupComponent, GroupDetailComponent, GroupService, LOGIN_USER, LandingComponent, LeftNavComponent, LeftNavService, ListView, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, PortalMember, RestService, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserSelectComponent, UserService };
+export type { IGroup, IOrganization, IPortalMember, IRestOptions, Identifiable, LeftNavCategory, LeftNavOption, NavGroup, NavOption, OptionAction, OptionActionChoice };

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "ichec-angular-core",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "peerDependencies": {
     "@angular/common": "^20.1.1",
     "@angular/core": "^20.1.1"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/ichec-angular-core.mjs",
-  "typings": "index.d.ts",
   "exports": {
+    "./styles/": "./styles",
     "./package.json": {
       "default": "./package.json"
     },
@@ -19,5 +14,11 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/ichec-angular-core.mjs"
     }
-  }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ichec-angular-core.mjs",
+  "typings": "index.d.ts"
 }

package/styles/styles.scss

@@ -0,0 +1,95 @@
+.content-container {
+  display: flex;
+  padding: 10px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.tabular-list-container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  padding: 10px;
+  margin: 10px;
+}
+
+.item-detail-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 5px;
+}
+
+.item-detail-heading {
+    width:100%;
+    max-width:500px
+}
+
+.item-detail-header{
+    display: inline;
+    width: 100%;
+    max-width: 100px;
+}
+
+.item-edit-container {
+  display: flex;
+  justify-content: left;
+  align-items: left;
+  flex-direction: column;
+  width:100%;
+  max-width:500px
+}
+
+.item-edit-header {
+    display: inline;
+}
+
+.item-field{
+    padding: 5px;
+}
+
+.item-card {
+  margin-bottom: 8px;
+  height:100%;
+  width:100%;
+  max-width:600px;
+}
+
+.item-card:hover{
+    background-color: lightgrey;
+}
+
+.image-holder {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  padding: 5px;
+}
+
+.button-container{
+    padding: 10px;
+}
+
+.form-card{
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  display: flex;
+}
+
+.form-field{
+    padding: 5px;
+}
+
+.form-field-wide{
+    padding: 5px;
+    width:100%;
+}
+
+
+
+
+