ichec-angular-core 0.3.1 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ichec-angular-core",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "exports": {
     "./styles/": "./styles",
     "./package.json": {

package/styles/styles.scss

@@ -3,7 +3,8 @@
 
 .content-container {
   display: flex;
-  padding: 10px;
+  padding-left: 5px;
+  padding-right: 5px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
@@ -23,31 +24,24 @@
   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;
+  width: 100%;
 }
 
 .item-edit-container {
   display: flex;
-  justify-content: left;
-  align-items: left;
   flex-direction: column;
   width:100%;
   max-width:800px;
+  justify-content: left;
+  align-items: center;
+  text-align: center;
 }
 
 .item-edit-header {
     display: inline;
     width: 100%;
+    margin-top: 5px; 
+    margin-bottom: 5px;
 }
 
 .item-field{
@@ -68,6 +62,7 @@
 
 .image-holder {
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   overflow: hidden;
@@ -75,7 +70,13 @@
 }
 
 .button-container{
-    padding: 10px;
+    margin: 5px;
+}
+
+.button-group{
+    margin:5px;
+    display: flex;
+    flex-direction: row;
 }
 
 .form-card{
@@ -83,6 +84,15 @@
   align-items: center;
   flex-direction: column;
   display: flex;
+  width: 100%;
+}
+
+.form-card-left{
+  justify-content:center;
+  align-items: left;
+  flex-direction: column;
+  display: flex;
+  width: 100%;
 }
 
 .form-field{
@@ -98,13 +108,6 @@
     margin: 5px;
 }
 
-.button-group{
-    margin:10px;
-    display: flex;
-    flex-direction: row;
-}
-
-
 
 
 

package/types/ichec-angular-core.d.ts

@@ -1,5 +1,5 @@
 import { FormGroup, FormControl, FormArray, FormBuilder, AbstractControl } from '@angular/forms';
-import { Observable, BehaviorSubject } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { HttpClient, HttpParams, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import * as _angular_core from '@angular/core';
 import { InjectionToken, OnInit, TemplateRef, AfterViewInit } from '@angular/core';
@@ -318,13 +318,14 @@ interface IServerManifest {
 }
 declare const REST_SERVICE_CONFIG: InjectionToken<RestServiceConfig>;
 declare class RestService<D extends Identifiable, L extends Identifiable = D, C = D, U extends Identifiable = D> {
-    manifest: IServerManifest;
+    manifest: BehaviorSubject<IServerManifest | null>;
     readonly _url: string;
     config: RestServiceConfig;
     protected _http: HttpClient;
     protected cookieService: CookieService;
     deleteItem(id: number): Observable<void>;
     getForUser(user: IPortalMemberDetail, query?: IItemQuery): Observable<IPaginated<L>>;
+    protected _getServiceManifest(): Observable<IServerManifest>;
     get(query?: IItemQuery): Observable<IPaginated<L>>;
     getItem(id: number): Observable<D>;
     getUrl(url: string): Observable<D>;
@@ -374,7 +375,6 @@ declare class UserService extends ItemService<IPortalMemberDetail, IPortalMember
     getSelf(): Observable<IPortalMemberDetail | null>;
     private _getSelf;
     private _selfFetchFailed;
-    private _getServiceManifest;
     private _do_login;
     hasAddPermission(feature: string): boolean;
     hasDeletePermission(feature: string): boolean;
@@ -424,20 +424,27 @@ declare class FormService {
 interface NavOption {
     name: string;
     route: string;
+    icon: string;
 }
-interface NavGroup {
+interface NavGrouping {
     name: string;
     options: NavOption[];
 }
+interface NavGroup {
+    name: string;
+    groupings: NavGrouping[];
+}
 declare class LeftNavService {
-    activeOptions: _angular_core.WritableSignal<Set<NavOption>>;
+    activeGroupings: _angular_core.WritableSignal<Set<NavGrouping>>;
+    wide: _angular_core.WritableSignal<boolean>;
+    private _defaultGroupings;
     private _groups;
-    private _defaultOptions;
     private _groupService;
     constructor();
     onGroupsUpdated(groups: IGroupList[]): void;
-    setDefaultOptions(options: NavOption[]): void;
+    setDefaultGroupings(groupings: NavGrouping[]): void;
     setGroups(groups: NavGroup[]): void;
+    toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LeftNavService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<LeftNavService>;
 }
@@ -565,6 +572,7 @@ declare class SelectTableComponent<T extends Identifiable> implements OnInit {
 
 declare abstract class SelectionManager<D extends Identifiable, L extends Identifiable = D, C = D, U extends Identifiable = D> {
     candidates: _angular_core.WritableSignal<Selectable<L>[]>;
+    dirty: _angular_core.WritableSignal<boolean>;
     selected: _angular_core.WritableSignal<L[]>;
     columns: TableColumn[];
     itemService: ItemService<D, L, C, U>;
@@ -653,16 +661,21 @@ interface IFormFieldForm {
 declare class FormFieldEditComponent {
     availableTypes: ichec_angular_core.TypeChoice[];
     readonly FieldType: typeof FieldType;
+    readonly deleteDialog: MatDialog;
     form: _angular_core.InputSignal<FormGroup<IFormFieldForm>>;
-    editMode: _angular_core.InputSignal<boolean>;
-    submitted: _angular_core.OutputEmitterRef<void>;
-    cancelled: _angular_core.OutputEmitterRef<void>;
+    canOrderUp: _angular_core.InputSignal<boolean>;
+    canOrderDown: _angular_core.InputSignal<boolean>;
+    orderUp: _angular_core.OutputEmitterRef<void>;
+    orderDown: _angular_core.OutputEmitterRef<void>;
+    deleted: _angular_core.OutputEmitterRef<void>;
     get templateControl(): FormControl<IFileRecord>;
     get fieldType(): FieldType;
-    submit(): void;
-    cancel(): void;
+    onOrderUp(): void;
+    onOrderDown(): void;
+    onDelete(): void;
+    onDeleteClicked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldEditComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldEditComponent, "lib-form-field-edit", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; "cancelled": "cancelled"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldEditComponent, "lib-form-field-edit", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "canOrderUp": { "alias": "canOrderUp"; "required": false; "isSignal": true; }; "canOrderDown": { "alias": "canOrderDown"; "required": false; "isSignal": true; }; }, { "orderUp": "orderUp"; "orderDown": "orderDown"; "deleted": "deleted"; }, never, never, true, never>;
 }
 
 interface IFormGroupForm {
@@ -681,6 +694,7 @@ declare class DynamicFormForm {
     form: FormGroup<IDynamicFormForm>;
     constructor();
     get groups(): FormArray<FormGroup<IFormGroupForm>>;
+    groupSize(id: number): number;
     getFileFields(form: IFormDetail): IFileField[];
     orderUp(id: number): void;
     orderDown(id: number): void;
@@ -736,21 +750,44 @@ declare class DynamicFormComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicFormComponent, "lib-dynamic-form", never, { "inputForm": { "alias": "inputForm"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+interface IActiveGroup {
+    index: number;
+    group: FormGroup<IFormGroupForm>;
+}
+interface IActiveField {
+    index: number;
+    group_index: number;
+    field: FormGroup<IFormFieldForm>;
+}
 declare class DynamicFormBuilderComponent {
     form: _angular_core.InputSignal<DynamicFormForm>;
     handleSubmit: _angular_core.InputSignal<boolean>;
     submitted: _angular_core.OutputEmitterRef<void>;
     dirty: _angular_core.WritableSignal<boolean>;
+    activeGroup: _angular_core.WritableSignal<IActiveGroup | null>;
+    activeField: _angular_core.WritableSignal<IActiveField | null>;
     fb: FormBuilder;
-    groupForm: FormGroup<IFormGroupForm> | null;
-    addGroup(): void;
-    createGroup(): void;
-    cancelGroup(): void;
-    onSubmit(): void;
-    deleteGroup(id: number): void;
+    onGroupClick(index: number, group: FormGroup<IFormGroupForm>): void;
+    onFieldClick(index: number, group_index: number, field: FormGroup<IFormFieldForm>): void;
+    protected getFields(group: FormGroup<IFormGroupForm>): FormArray<FormGroup<IFormFieldForm>>;
+    isGroupSelected(id: number): boolean;
+    isFieldSelected(group_id: number, id: number): boolean;
+    getGroupLabel(control: AbstractControl): string;
+    getFieldLabel(control: AbstractControl): string;
+    allowOrderUp(): boolean;
+    allowOrderDown(): boolean;
+    allowGroupOrderUp(): boolean;
+    allowGroupOrderDown(): boolean;
     onOrderUp(id: number): void;
     onOrderDown(id: number): void;
-    getLabel(control: AbstractControl): string;
+    addGroup(): void;
+    addField(group: FormGroup<IFormGroupForm>): void;
+    deleteGroup(id: number): void;
+    deleteField(): void;
+    onFieldOrderUp(): void;
+    onFieldOrderDown(): void;
+    onGroupOrderUp(): void;
+    onGroupOrderDown(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicFormBuilderComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicFormBuilderComponent, "lib-dynamic-form-builder", never, { "form": { "alias": "form"; "required": true; "isSignal": true; }; "handleSubmit": { "alias": "handleSubmit"; "required": false; "isSignal": true; }; }, { "submitted": "submitted"; }, never, never, true, never>;
 }
@@ -854,6 +891,7 @@ declare class TopBarComponent {
     readonly user: _angular_core.WritableSignal<ichec_angular_core.IPortalMemberList | null>;
     readonly loginRoute: _angular_core.InputSignal<string>;
     private userService;
+    protected leftNavService: LeftNavService;
     constructor();
     onLogout(): void;
     onLogin(): void;
@@ -866,11 +904,12 @@ declare class TopBarComponent {
 declare class LeftNavComponent {
     readonly background: _angular_core.InputSignal<string | undefined>;
     user: _angular_core.WritableSignal<ichec_angular_core.IPortalMemberList | null>;
+    width: _angular_core.Signal<"200px" | "100px">;
     protected userService: UserService;
     protected leftNavService: LeftNavService;
     sideNavContent: _angular_core.Signal<MatSidenavContent | undefined>;
     constructor();
-    getOptions(): _angular_core.WritableSignal<Set<ichec_angular_core.NavOption>>;
+    getGroupings(): _angular_core.WritableSignal<Set<ichec_angular_core.NavGrouping>>;
     get backgroundStyle(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LeftNavComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LeftNavComponent, "lib-left-nav", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -982,6 +1021,7 @@ declare class OrganizationEditComponent extends EditView<IOrganizationDetail, IO
     constructor();
     ngOnInit(): void;
     addressForm(): FormGroup<IAddressForm>;
+    get showSubmit(): boolean;
     createItem(): IOrganizationCreate;
     protected updateItem(item: IOrganizationDetail): IOrganizationDetail;
     onItemAndUserAvailable(item: IOrganizationDetail, _: IPortalMemberDetail): void;
@@ -990,4 +1030,4 @@ declare class OrganizationEditComponent extends EditView<IOrganizationDetail, IO
 }
 
 export { Address, AddressDetailComponent, AddressEditComponent, AddressForm, AddressService, ApiError, AvatarComponent, BackButtonComponent, DetailHeaderComponent, DetailView, DynamicFormBuilderComponent, DynamicFormComponent, DynamicFormForm, EditView, ErrorCode, FORM_FIELD_CHOICES, FeedbackComponent, FieldType, FileRecord, FileUploadComponent, FormFieldDetailComponent, FormFieldEditComponent, FormFieldValueForm, FormService, Group, GroupComponent, GroupDetailComponent, GroupService, ItemQuery, ItemService, ItemWithUserService, LeftNavComponent, LeftNavService, ListTableViewComponent, ListViewComponent, MemberSelectionManager, MockItemService, Organization, OrganizationComponent, OrganizationDetailComponent, OrganizationEditComponent, OrganizationService, Paginated, Permission, PopulatedFormComponent, PopulatedFormForm, PortalMember, REST_SERVICE_CONFIG, ResolvedPermission, RestService, SearchBarComponent, SelectTableComponent, SelectionManager, TopBarComponent, UserComponent, UserDetailComponent, UserEditComponent, UserService, getFieldTypeFromKey, getFileFieldIds };
-export type { IAddressBase, IAddressCreate, IAddressDetail, IAddressForm, IAddressList, ICountry, IDynamicFormForm, IFieldFile, IFileField, IFileRecord, IForm, IFormCreate, IFormDetail, IFormFieldBase, IFormFieldCreate, IFormFieldDetail, IFormFieldValueBase, IFormFieldValueCreate, IFormFieldValueDetail, IFormFieldValueForm, IFormFieldValueUpdate, IFormGroupBase, IFormGroupCreate, IFormGroupDetail, IFormGroupUpdate, IFormUpdate, IGroupBase, IGroupCreate, IGroupDetail, IGroupList, IItemQuery, IMemberIdentifierBase, IMemberIdentifierCreate, IMemberIdentifierDetail, IOrganizationBase, IOrganizationCreate, IOrganizationDetail, IOrganizationList, IPaginated, IPermission, IPopulatedFormCreate, IPopulatedFormDetail, IPopulatedFormForm, IPopulatedFormUpdate, IPortalMemberBase, IPortalMemberCreate, IPortalMemberDetail, IPortalMemberList, IRestOptions, IServerManifest, Identifiable, LeftNavCategory, LeftNavOption, NavGroup, NavOption, OptionAction, OptionActionChoice, RestServiceConfig, Selectable, TableColumn, TypeChoice };
+export type { IAddressBase, IAddressCreate, IAddressDetail, IAddressForm, IAddressList, ICountry, IDynamicFormForm, IFieldFile, IFileField, IFileRecord, IForm, IFormCreate, IFormDetail, IFormFieldBase, IFormFieldCreate, IFormFieldDetail, IFormFieldValueBase, IFormFieldValueCreate, IFormFieldValueDetail, IFormFieldValueForm, IFormFieldValueUpdate, IFormGroupBase, IFormGroupCreate, IFormGroupDetail, IFormGroupUpdate, IFormUpdate, IGroupBase, IGroupCreate, IGroupDetail, IGroupList, IItemQuery, IMemberIdentifierBase, IMemberIdentifierCreate, IMemberIdentifierDetail, IOrganizationBase, IOrganizationCreate, IOrganizationDetail, IOrganizationList, IPaginated, IPermission, IPopulatedFormCreate, IPopulatedFormDetail, IPopulatedFormForm, IPopulatedFormUpdate, IPortalMemberBase, IPortalMemberCreate, IPortalMemberDetail, IPortalMemberList, IRestOptions, IServerManifest, Identifiable, LeftNavCategory, LeftNavOption, NavGroup, NavGrouping, NavOption, OptionAction, OptionActionChoice, RestServiceConfig, Selectable, TableColumn, TypeChoice };