@mediusinc/mng-commons 0.0.1-rc.3 → 0.2.1-rc

package/scss/layout/default/_mng-variables-layout-dark.scss

@@ -0,0 +1,2 @@
+$primaryColor: #0F8BFD;
+$primaryTextColor: #ffffff;

package/scss/layout/default/_mng-variables-layout-light.scss

@@ -0,0 +1,2 @@
+$primaryColor: #397289 !default;
+$primaryTextColor: #ffffff !default;

package/scss/layout/default/layout-dark.scss

@@ -0,0 +1,2 @@
+@import './mng-variables-layout-dark';
+@import '../../common/layout/layout_dark';

package/scss/layout/default/layout-light.scss

@@ -0,0 +1,2 @@
+@import './mng-variables-layout-light';
+@import '../../common/layout/layout_light';

package/scss/mng-commons-dark.scss

@@ -0,0 +1,5 @@
+/* You can add global styles to this file, and also import other style files */
+
+// theme and layout
+@import "layout/default/layout-dark.scss";
+@import "theme/default/theme-dark.scss";

package/scss/mng-commons-light.scss

@@ -0,0 +1,5 @@
+/* You can add global styles to this file, and also import other style files */
+
+// theme and layout
+@import "layout/default/layout-light.scss";
+@import "theme/default/theme-light.scss";

package/scss/mng-overrides/_layout_action.scss

@@ -0,0 +1,3 @@
+.mng-action-button {
+    margin: 0.15rem 0.15rem;
+}

package/scss/mng-overrides/_layout_dialog.scss

@@ -0,0 +1,34 @@
+.p-dialog {
+    &.mng-details-dialog, &.mng-details-dynamic-dialog {
+        height: 90%;
+        width: 50vw;
+
+        @media (max-width: $tabletBreakpoint) {
+            width: 90%;
+        }
+    }
+
+    &.mng-formly-field-table-form-dialog, &.mng-formly-field-table-multiselect-dialog {
+        width: 45vw;
+
+        @media (max-width: $tabletBreakpoint) {
+            width: 80%;
+        }
+    }
+
+    &.p-confirm-dialog {
+        width: 450px;
+
+        @media (max-width: $phoneBreakpoint) {
+            width: 80%;
+        }
+    }
+
+    //&.mng-details-dynamic-dialog {
+    //    .p-dialog-content {
+    //        border-bottom-left-radius: $dialogBorderRadius;
+    //        border-bottom-right-radius: $dialogBorderRadius;
+    //    }
+    //}
+}
+

package/scss/mng-overrides/_layout_forms.scss

@@ -0,0 +1,31 @@
+form {
+    button[type="submit"].hidden {
+        display: none !important;
+        visibility: hidden !important;
+    }
+
+    .field.table {
+        .p-datatable {
+            .p-datatable-header {
+                border-top: none;
+                padding-left: 0;
+                padding-right: 0;
+
+                label.mng-datatable-form-label {
+                    flex-basis: 100%;
+                    color: $textColor;
+                    font-size: 14px;
+                    font-weight: normal;
+                }
+            }
+        }
+    }
+
+    .p-fieldset {
+        margin-bottom: 1rem;
+
+        .p-fieldset-content {
+            padding: 0.75rem 0 0 0;
+        }
+    }
+}

package/scss/mng-overrides/_layout_radio.scss

@@ -0,0 +1,3 @@
+.mng-radio-button-label {
+    margin-left: .5rem;
+}

package/scss/mng-overrides/_layout_styles.scss

@@ -0,0 +1,4 @@
+@import './_layout_dialog';
+@import './_layout_forms';
+@import './_layout_action';
+@import './layout_radio';

package/scss/mng-overrides/_theme_datatable.scss

@@ -0,0 +1,9 @@
+.p-datatable {
+    .p-column-filter-menu-button {
+        color: $tableHeaderTextColor;
+
+        &.p-column-filter-menu-button-active {
+            color: $primaryTextColor;
+        }
+    }
+}

package/scss/mng-overrides/_theme_dialog.scss

@@ -0,0 +1,9 @@
+.p-dialog {
+    &.mng-details-dynamic-dialog {
+        .p-dialog-content {
+            border-bottom-left-radius: $dialogBorderRadius;
+            border-bottom-right-radius: $dialogBorderRadius;
+        }
+    }
+}
+

package/scss/mng-overrides/_theme_dropdown.scss

@@ -0,0 +1,6 @@
+.mng-filter-lookup-dropdown {
+    .p-dropdown-items-wrapper {
+        max-width: 350px;
+    }
+}
+

package/scss/mng-overrides/_theme_styles.scss

@@ -0,0 +1,9 @@
+/* Add your customizations of the theme here */
+@import './_theme_datatable';
+@import './_theme_dropdown';
+@import './_theme_tableview';
+@import './_theme_dialog';
+
+.p-tabview-title-error {
+    color: $errorColor !important;
+}

package/scss/mng-overrides/_theme_tableview.scss

@@ -0,0 +1,94 @@
+.mng-tableview {
+    .p-paginator {
+        .p-paginator-current {
+            margin-left: auto;
+        }
+    }
+
+    .p-progressbar {
+        height: .5rem;
+        background-color: #D8DADC;
+
+        .p-progressbar-value {
+            background-color: #607D8B;
+        }
+    }
+
+    .table-header {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .p-datatable {
+        .p-datatable-header {
+            text-align: left;
+            font-size: 1.5rem;
+        }
+
+        .p-datatable-thead > tr > th {
+            text-align: left;
+        }
+
+        .p-dropdown-label:not(.p-placeholder) {
+            text-transform: uppercase;
+        }
+    }
+
+    .p-datatable:not(.p-datatable-gridlines) {
+        .p-datatable-tbody > tr > td {
+            cursor: auto;
+        }
+
+        .p-datatable-tbody > tr > td.clickable {
+            cursor: pointer;
+        }
+    }
+
+    /* Responsive */
+    .p-datatable-tbody > tr > td .p-column-title {
+        display: none;
+    }
+
+    @media screen and (max-width: 960px) {
+        .p-datatable {
+            .p-datatable-thead > tr > th,
+            .p-datatable-tfoot > tr > td {
+                display: none !important;
+            }
+
+            .p-datatable-tbody > tr {
+                border-bottom: 1px solid var(--surface-d);
+
+                > td {
+                    text-align: left;
+                    display: block;
+                    border: 0 none !important;
+                    width: 100% !important;
+                    float: left;
+                    clear: left;
+                    border: 0 none;
+
+                    .p-column-title {
+                        padding: .4rem;
+                        min-width: 30%;
+                        display: inline-block;
+                        margin: -.4rem 1rem -.4rem -.4rem;
+                        font-weight: bold;
+                    }
+
+                    .p-progressbar {
+                        margin-top: .5rem;
+                    }
+
+                    &:last-child {
+                        text-align: center;
+                    }
+
+                    &:nth-child(6) {
+                        display: flex;
+                    }
+                }
+            }
+        }
+    }
+}

package/scss/theme/default/_mng-variables-theme-dark.scss

@@ -0,0 +1,8 @@
+$primaryColor: #0F8BFD;
+$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
+$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
+$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
+$primaryTextColor: #ffffff;
+
+$highlightBg: $primaryColor;
+$highlightTextColor: $primaryTextColor;

package/scss/theme/default/_mng-variables-theme-light.scss

@@ -0,0 +1,8 @@
+$primaryColor: #397289 !default;
+$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
+$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
+$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
+$primaryTextColor: #ffffff !default;;
+
+$highlightBg: $primaryColor !default;
+$highlightTextColor: $primaryTextColor !default;

package/scss/theme/default/theme-dark.scss

@@ -0,0 +1,2 @@
+@import './mng-variables-theme-dark';
+@import '../../common/theme/_theme_dark';

package/scss/theme/default/theme-light.scss

@@ -0,0 +1,2 @@
+@import './mng-variables-theme-light';
+@import '../../common/theme/_theme_light';

package/src/lib/api/models/builders/query-param.builder.ts

@@ -0,0 +1,54 @@
+import {MediusFilterMatchType, MediusFilterParam, MediusQueryParam} from '../';
+
+export class MediusQueryParamBuilder {
+
+    private constructor(private queryParam: MediusQueryParam) {
+    }
+
+    public static create(itemsPerPage: number = 50, itemsOffset: number = 0): MediusQueryParamBuilder {
+        const queryParam = new MediusQueryParam();
+        queryParam.itemsPerPage = itemsPerPage;
+        queryParam.itemsOffset = itemsOffset;
+        return new MediusQueryParamBuilder(queryParam);
+    }
+
+    public withItemsPerPage(itemsPerPage: number): MediusQueryParamBuilder {
+        this.queryParam.itemsPerPage = itemsPerPage;
+        return this;
+    }
+
+    public withItemsOffset(itemsOffset: number): MediusQueryParamBuilder {
+        this.queryParam.itemsOffset = itemsOffset;
+        return this;
+    }
+
+    public withSort(property: string, asc: boolean = true): MediusQueryParamBuilder {
+        if (!this.queryParam.sortProperty || !this.queryParam.sortAsc) {
+            this.queryParam.sortProperty = [];
+            this.queryParam.sortAsc = [];
+        }
+        this.queryParam.sortProperty.push(property);
+        this.queryParam.sortAsc.push(asc);
+        return this;
+    }
+
+    public withFilter(property: string, value: any, valueTo: any = undefined, matchType: MediusFilterMatchType = MediusFilterMatchType.Contains, matchCaseSensitive: boolean = false): MediusQueryParamBuilder {
+        if (!this.queryParam.filterParams) {
+            this.queryParam.filterParams = [];
+        }
+        const filterParam = new MediusFilterParam();
+        filterParam.property = property;
+        filterParam.filterValue = value;
+        filterParam.filterValueTo = valueTo;
+        filterParam.filterMatchType = matchType;
+        filterParam.filterMatchCaseSensitive = matchCaseSensitive;
+        this.queryParam.filterParams.push(filterParam);
+        return this;
+    }
+
+    public build(): MediusQueryParam {
+        const queryParam = this.queryParam;
+        this.queryParam = new MediusQueryParam();
+        return queryParam;
+    }
+}

package/src/lib/api/models/filter-match-type.model.ts

@@ -0,0 +1,25 @@
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+/**
+ * Generated API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+export enum MediusFilterMatchType {
+    Equals = <any> 'EQUALS',
+    NotEquals = <any> 'NOT_EQUALS',
+    Contains = <any> 'CONTAINS',
+    EndsWith = <any> 'ENDS_WITH',
+    StartsWith = <any> 'STARTS_WITH',
+    FromTo = <any> 'FROM_TO',
+    SmallerThan = <any> 'SMALLER_THEN',
+    GreaterThan = <any> 'GREATER_THEN',
+    In = <any> 'IN',
+    NotIn = <any> 'NOT_IN'
+}

package/src/lib/api/models/filter-param.model.ts

@@ -0,0 +1,59 @@
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+/**
+ * Generated API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+import {AttributeDef} from './serialization.model';
+import { MediusFilterMatchType } from './filter-match-type.model';
+
+export class MediusFilterParam {
+    'property'?: string;
+    'filterMatchCaseSensitive'?: boolean;
+    'filterMatchType'?: MediusFilterMatchType;
+    'filterValue'?: object;
+    'filterValueTo'?: object;
+
+    static discriminator: string | undefined = undefined;
+
+    static attributeTypeMap: Array<AttributeDef> =
+    [
+        {
+            'name': 'property',
+            'baseName': 'property',
+            'type': 'string'
+        },
+        {
+            'name': 'filterMatchCaseSensitive',
+            'baseName': 'filter_match_case_sensitive',
+            'type': 'boolean'
+        },
+        {
+            'name': 'filterMatchType',
+            'baseName': 'filter_match_type',
+            'type': 'FilterMatchType'
+        },
+        {
+            'name': 'filterValue',
+            'baseName': 'filter_value',
+            'type': 'object'
+        },
+        {
+            'name': 'filterValueTo',
+            'baseName': 'filter_value_to',
+            'type': 'object'
+        }
+    ];
+
+    static getAttributeTypeMap() {
+        return MediusFilterParam.attributeTypeMap;
+    }
+}
+

package/{lib/api/models/index.d.ts → src/lib/api/models/index.ts}

@@ -1,8 +1,10 @@
-export * from './filter-match-type.model';
-export * from './filter-param.model';
-export * from './query-mode.model';
-export * from './query-param.model';
-export * from './query-result.model';
-export * from './serialization.model';
-export * from './builders/query-param.builder';
-export * from './mappers';
+export * from './filter-match-type.model';
+export * from './filter-param.model';
+export * from './query-mode.model';
+export * from './query-param.model';
+export * from './query-result.model';
+export * from './serialization.model';
+
+export * from './builders/query-param.builder';
+
+export * from './mappers';

package/src/lib/api/models/mappers.ts

@@ -0,0 +1,18 @@
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+import { MediusFilterMatchType } from './filter-match-type.model';
+import { MediusFilterParam } from './filter-param.model';
+import { MediusQueryMode } from './query-mode.model';
+import { MediusQueryParam } from './query-param.model';
+import { MediusQueryResult, MediusQueryResultWithObject } from './query-result.model';
+
+export const enumsMapBase: {[index: string]: any} = {
+    'FilterMatchType': MediusFilterMatchType,
+    'QueryMode': MediusQueryMode,
+};
+
+export const typeMapBase: {[index: string]: any} = {
+    'FilterParam': MediusFilterParam,
+    'QueryParam': MediusQueryParam,
+    'QueryResult': MediusQueryResult,
+    'QueryResultWithObject': MediusQueryResultWithObject
+};

package/{lib/api/models/query-mode.model.d.ts → src/lib/api/models/query-mode.model.ts}

@@ -1,16 +1,18 @@
-/**
- * Generated API
- * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
- *
- * The version of the OpenAPI document: 1.0
- *
- *
- * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
- * https://openapi-generator.tech
- * Do not edit the class manually.
- */
-export declare enum QueryMode {
-    All,
-    Count,
-    Data
-}
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+/**
+ * Generated API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+export enum MediusQueryMode {
+    All = <any> 'ALL',
+    Count = <any> 'COUNT',
+    Data = <any> 'DATA'
+}

package/src/lib/api/models/query-param.model.ts

@@ -0,0 +1,99 @@
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+/**
+ * Generated API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+import { MediusFilterParam } from './filter-param.model';
+import { MediusQueryMode } from './query-mode.model';
+import {AttributeDef} from './serialization.model';
+
+export class MediusQueryParam {
+    'filterAllParam'?: string;
+    'filterAllProperties'?: Array<string>;
+    'filterParams'?: Array<MediusFilterParam>;
+    'groupByProperties'?: Array<string>;
+    'itemsOffset': number;
+    'itemsPerPage': number;
+    'queryMode'?: MediusQueryMode;
+    'selectInTwoSteps'?: boolean;
+    'sortAsc'?: Array<boolean>;
+    'sortEnumByOrdinal'?: boolean;
+    'sortProperty'?: Array<string>;
+    'validateProperties'?: Array<string>;
+
+    static discriminator: string | undefined = undefined;
+
+    static attributeTypeMap: Array<AttributeDef> = [
+        {
+            'name': 'filterAllParam',
+            'baseName': 'filter_all_param',
+            'type': 'string'
+        },
+        {
+            'name': 'filterAllProperties',
+            'baseName': 'filter_all_properties',
+            'type': 'Array<string>'
+        },
+        {
+            'name': 'filterParams',
+            'baseName': 'filter_params',
+            'type': 'Array<FilterParam>'
+        },
+        {
+            'name': 'groupByProperties',
+            'baseName': 'group_by_properties',
+            'type': 'Array<string>'
+        },
+        {
+            'name': 'itemsOffset',
+            'baseName': 'items_offset',
+            'type': 'number'
+        },
+        {
+            'name': 'itemsPerPage',
+            'baseName': 'items_per_page',
+            'type': 'number'
+        },
+        {
+            'name': 'queryMode',
+            'baseName': 'query_mode',
+            'type': 'QueryMode'
+        },
+        {
+            'name': 'selectInTwoSteps',
+            'baseName': 'select_in_two_steps',
+            'type': 'boolean'
+        },
+        {
+            'name': 'sortAsc',
+            'baseName': 'sort_asc',
+            'type': 'Array<boolean>'
+        },
+        {
+            'name': 'sortEnumByOrdinal',
+            'baseName': 'sort_enum_by_ordinal',
+            'type': 'boolean'
+        },
+        {
+            'name': 'sortProperty',
+            'baseName': 'sort_property',
+            'type': 'Array<string>'
+        },
+        {
+            'name': 'validateProperties',
+            'baseName': 'validate_properties',
+            'type': 'Array<string>'
+        }    ];
+
+    static getAttributeTypeMap() {
+        return MediusQueryParam.attributeTypeMap;
+    }
+}
+

package/src/lib/api/models/query-result.model.ts

@@ -0,0 +1,77 @@
+/* tslint:disable:no-angle-bracket-type-assertion no-trailing-whitespace member-ordering object-literal-key-quotes */
+/**
+ * Generated API
+ * No description provided (generated by Openapi Generator https://github.com/openapitools/openapi-generator)
+ *
+ * The version of the OpenAPI document: 1.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+import {AttributeDef} from './serialization.model';
+
+export class MediusQueryResultBase {
+    'selectInTwoSteps'?: boolean;
+    'allDataCount'?: number;
+
+    static discriminator: string | undefined = undefined;
+    static attributeTypeMap: Array<AttributeDef> = [
+        {
+            'name': 'allDataCount',
+            'baseName': 'all_data_count',
+            'type': 'number'
+        },
+        {
+            'name': 'selectInTwoSteps',
+            'baseName': 'selectInTwoSteps',
+            'type': 'boolean'
+        }
+    ];
+}
+
+export class MediusQueryResultWithObject extends MediusQueryResultBase {
+    'pageData'?: Array<object>;
+
+    static override discriminator: string | undefined = undefined;
+
+    static override attributeTypeMap: Array<AttributeDef> = [
+        ...MediusQueryResultBase.attributeTypeMap,
+        {
+            'name': 'pageData',
+            'baseName': 'page_data',
+            'type': 'Array<object>'
+        }
+    ];
+
+    static getAttributeTypeMap() {
+        return MediusQueryResultWithObject.attributeTypeMap;
+    }
+}
+
+export class MediusQueryResult<T> extends MediusQueryResultBase implements IMediusQueryResult<T> {
+    'pageData'?: Array<T>;
+
+    static override discriminator: string | undefined = undefined;
+
+    static attributeTypeMapBase: Array<AttributeDef> = MediusQueryResultBase.attributeTypeMap;
+    static override attributeTypeMap: Array<AttributeDef> = [
+        ...MediusQueryResultBase.attributeTypeMap,
+        {
+            'name': 'pageData',
+            'baseName': 'page_data',
+            'type': 'Array<T>'
+        }
+    ];
+
+    static getAttributeTypeMap() {
+        return MediusQueryResultWithObject.attributeTypeMap;
+    }
+}
+
+export interface IMediusQueryResult<T> {
+    selectInTwoSteps?: boolean;
+    allDataCount?: number;
+    pageData?: Array<T>
+}