ichec-angular-core 0.0.11 → 0.0.13

package/index.d.ts

@@ -2,10 +2,11 @@ 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 {
@@ -31,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;
@@ -59,6 +61,7 @@ declare class Organization implements IOrganization {
     website: string;
     country: string;
     members: string[];
+    constructor(params?: Partial<IOrganization>);
 }
 
 declare enum ErrorCode {
@@ -171,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 {
@@ -197,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;
@@ -206,32 +208,31 @@ 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;
@@ -240,8 +241,6 @@ declare abstract class EditView<T extends Identifiable> {
     save(): void;
     cancel(): void;
     protected fetchRestOptions(): void;
-    protected onFileUpload(event: Event): void;
-    protected readFile(file: File): void;
     protected onUploadedFileReady(_file: File): void;
     protected onFileRead(_content: string | ArrayBuffer): void;
     protected createItem(): void;
@@ -257,13 +256,13 @@ declare abstract class EditView<T extends Identifiable> {
 
 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;
@@ -271,7 +270,61 @@ declare class ListView<T extends Identifiable> {
     goBack(): void;
 }
 
+declare class BackButtonComponent {
+    protected location: Location;
+    protected goBack(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BackButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BackButtonComponent, "lib-back-button", never, {}, {}, never, never, true, never>;
+}
+
+declare class DetailHeaderComponent {
+    id: i0.InputSignal<number>;
+    text: i0.InputSignal<string>;
+    route: i0.InputSignal<string>;
+    fullRoute: i0.Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DetailHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DetailHeaderComponent, "lib-detail-header", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface IFileRecord {
+    name: string;
+    display_name: string;
+    file_type: string;
+    file: File | null;
+    remote: string;
+    local: string | ArrayBuffer;
+}
+declare class FileRecord {
+    name: string;
+    display_name: string;
+    file_type: string;
+    file: File | null;
+    remote: string;
+    local: string | ArrayBuffer;
+    constructor(params?: Partial<IFileRecord>);
+}
+
+interface IPreview {
+    name: string;
+    content: string | ArrayBuffer;
+}
+interface IFileUpload {
+    name: string;
+    file: File;
+}
+declare class FileUploadComponent {
+    files: i0.InputSignal<IFileRecord[]>;
+    previewLoaded: i0.OutputEmitterRef<IPreview>;
+    fileUploaded: i0.OutputEmitterRef<IFileUpload>;
+    protected onPreviewRead(name: string, content: string | ArrayBuffer): void;
+    protected onFileUpload(name: string, event: Event): void;
+    protected readFile(name: string, file: File): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "lib-file-upload", never, { "files": { "alias": "files"; "required": false; "isSignal": true; }; }, { "previewLoaded": "previewLoaded"; "fileUploaded": "fileUploaded"; }, never, never, true, never>;
+}
+
 declare class UserDetailComponent extends DetailView<IPortalMember> implements OnInit {
+    protected typename: string;
     constructor();
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserDetailComponent, never>;
@@ -279,13 +332,24 @@ declare class UserDetailComponent extends DetailView<IPortalMember> implements O
 }
 
 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;
+    onItemAvailable(): void;
+    submit(): void;
+    updateFromForm(item: IPortalMember): IPortalMember;
     protected getTemplateItem(): IPortalMember;
-    protected onUploadedFileReady(file: File): void;
-    protected onFileRead(content: string | ArrayBuffer): void;
+    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>;
@@ -299,19 +363,23 @@ declare class UserComponent extends ListView<IPortalMember> implements OnInit {
 }
 
 declare class UserSelectComponent {
-    toAdd: IPortalMember | null;
-    items: IPortalMember[];
-    candidates: IPortalMember[];
-    table: MatTable<IPortalMember>;
+    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(to_remove: IPortalMember): void;
+    remove(id: number): void;
     add(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserSelectComponent, "lib-user-select", never, { "items": { "alias": "items"; "required": false; }; "candidates": { "alias": "candidates"; "required": false; }; }, {}, never, never, true, 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> {
+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>;
 }
@@ -332,22 +400,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;
+    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 { 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 };
+export { ApiError, BackButtonComponent, DetailHeaderComponent, DetailView, ENDPOINT_URL, EditView, ErrorCode, FileRecord, FileUploadComponent, 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 { IFileRecord, IFileUpload, IGroup, IOrganization, IPortalMember, IPreview, IRestOptions, Identifiable, LeftNavCategory, LeftNavOption, NavGroup, NavOption, OptionAction, OptionActionChoice };

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "ichec-angular-core",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "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%;
+}
+
+
+
+
+