16 |
18 |
19 |
22 | -
7 |
- 8 | 13 | {{ item.textContent }} 14 | 15 | 16 |
5 | 6 |
8 |
9 |
10 |
13 |
14 | {{errors.metavalid.msg }}
15 |
16 |
17 | Required field
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/apps/fiori-app/src/app/user-detail/user-detail.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/app/user-detail/user-detail.component.scss
--------------------------------------------------------------------------------
/apps/fiori-app/src/app/user-rules.ts:
--------------------------------------------------------------------------------
1 | /** Auto generated export */
2 | export * from './rules/index';
3 |
--------------------------------------------------------------------------------
/apps/fiori-app/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/assets/.gitkeep
--------------------------------------------------------------------------------
/apps/fiori-app/src/assets/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/assets/banner.png
--------------------------------------------------------------------------------
/apps/fiori-app/src/assets/chart1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/assets/chart1.png
--------------------------------------------------------------------------------
/apps/fiori-app/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/assets/logo.png
--------------------------------------------------------------------------------
/apps/fiori-app/src/assets/sales.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/assets/sales.png
--------------------------------------------------------------------------------
/apps/fiori-app/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/apps/fiori-app/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // This file can be replaced during build by using the `fileReplacements` array.
2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
3 | // The list of file replacements can be found in `angular.json`.
4 |
5 | export const environment = {
6 | production: false
7 | };
8 |
9 | /*
10 | * For easier debugging in development mode, you can import the following file
11 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 | *
13 | * This import should be commented out in production mode because it will have a negative impact
14 | * on performance if an error is thrown.
15 | */
16 | // import 'zone.js/dist/zone-error'; // Included with Angular CLI.
17 |
--------------------------------------------------------------------------------
/apps/fiori-app/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ngx-metaui/rules/e2a5ff8d66b8fa5be04edcc66c3b0732e5f6a266/apps/fiori-app/src/favicon.ico
--------------------------------------------------------------------------------
/apps/fiori-app/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
2 | 
6 |
7 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 |
4 | @Component({
5 | selector: 'ngx-metaui-home',
6 | templateUrl: './home.component.html'
7 | })
8 | export class HomeComponent {
9 |
10 |
11 | constructor() {
12 | }
13 |
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/model/airline.ts:
--------------------------------------------------------------------------------
1 | import {Entity} from '@ngx-metaui/rules';
2 |
3 | /**
4 | * This is generated class
5 | */
6 | export class Airline implements Entity {
7 |
8 |
9 | constructor(
10 | public id?: string,
11 | public name?: string,
12 | public aliance?: string,
13 | public country?: string) {
14 | }
15 |
16 | identity(): string {
17 | return this.id;
18 | }
19 |
20 |
21 | getTypes(): any {
22 | return {
23 | id: String,
24 | name: String,
25 | aliance: String,
26 | country: String
27 | };
28 | }
29 |
30 |
31 | /**
32 | * Used by MetaUI to identify the name of the class once everything is minified
33 | */
34 | className(): string {
35 | return 'Airline';
36 | }
37 |
38 | toString(): string {
39 | return this.name;
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/model/animal.ts:
--------------------------------------------------------------------------------
1 | import {Entity} from '@ngx-metaui/rules';
2 |
3 |
4 | export class Animal implements Entity {
5 |
6 |
7 | constructor(
8 | public name?: string,
9 | public sound?: string) {
10 | }
11 |
12 | identity(): string {
13 | return this.name;
14 | }
15 |
16 |
17 | getTypes(): any {
18 | return {
19 | name: String,
20 | sound: String
21 | };
22 | }
23 |
24 |
25 | /**
26 | * Used by MetaUI to identify the name of the class once everything is minified
27 | */
28 | className(): string {
29 | return 'Animal';
30 | }
31 |
32 | toString(): string {
33 | return this.name;
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/Airline.oss:
--------------------------------------------------------------------------------
1 | /*
2 | Default definition
3 | */
4 | class=Airline {
5 |
6 | field=name {
7 | trait:labelField;
8 | }
9 |
10 | }
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/Animal.oss:
--------------------------------------------------------------------------------
1 | /*
2 | Default definition
3 | */
4 | class=Animal {
5 |
6 | field=name {
7 | trait:labelField;
8 | }
9 |
10 | }
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/index.ts:
--------------------------------------------------------------------------------
1 | export {AirlineRule} from './ts/Airline.oss';
2 |
3 | export {AnimalRule} from './ts/Animal.oss';
4 |
5 | export {UserRule} from './ts/User.oss';
6 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/ts/Airline.oss.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This is generated file. Do not edit !!
3 | *
4 | * @formatter:off
5 | *
6 | */
7 | /* tslint:disable */
8 | export const AirlineRule = '/*ɵ Default definitionɵ*/ɵclass=Airline {ɵɵ field=name {ɵ trait:labelField;ɵ }ɵɵ}ɵɵɵɵɵ';
9 | /* tslint:disable */
10 | /**
11 | * @formatter:on
12 | *
13 | */
14 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/ts/Animal.oss.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This is generated file. Do not edit !!
3 | *
4 | * @formatter:off
5 | *
6 | */
7 | /* tslint:disable */
8 | export const AnimalRule = '/*ɵ Default definitionɵ*/ɵclass=Animal {ɵɵ field=name {ɵ trait:labelField;ɵ }ɵɵ}ɵɵɵɵɵ';
9 | /* tslint:disable */
10 | /**
11 | * @formatter:on
12 | *
13 | */
14 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/rules/ts/Dummy.oss.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This is generated file. Do not edit !!
3 | *
4 | * @formatter:off
5 | *
6 | */
7 | /* tslint:disable */
8 | export const DummyRule = 'class=Dummy { } ';
9 | /* tslint:disable */
10 | /**
11 | * @formatter:on
12 | *
13 | */
14 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/user-detail-exposed/user-detail-exposed.component.scss:
--------------------------------------------------------------------------------
1 | .highlight-code {
2 | background-color: #e8e8e8;
3 | }
4 |
5 |
6 | .form-container {
7 | display: flex;
8 | flex-direction: row;
9 | justify-content: center;
10 | }
11 |
12 | .form-card {
13 | padding: 15px;
14 | width: 100%;
15 | max-width: 1000px;
16 | }
17 |
18 | ::ng-deep .meta-fg-readonly, ::ng-deep .meta-fg-readonly.mat-form-field-appearance-legacy {
19 | .mat-form-field-underline {
20 | background-color: transparent;
21 | background-image: none;
22 | }
23 |
24 | .mat-input-element {
25 | color: rgba(0,0,0,.68);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/apps/material-app/src/app/user-detail/custom-input/custom-input.component.html:
--------------------------------------------------------------------------------
1 | 3 | Welcome to MetaUI Demo with Material Design 2 4 |
5 |
6 | From Module
2 | 19 | -------------------------------------------------------------------------------- /apps/material-app/src/app/user-detail/custom-input/custom-input.module.ts: -------------------------------------------------------------------------------- 1 | import {NgModule} from '@angular/core'; 2 | import {FormsModule, ReactiveFormsModule} from '@angular/forms'; 3 | import {CommonModule} from '@angular/common'; 4 | import {CustomInputComponent} from './custom-input.component'; 5 | import {HttpClientModule} from '@angular/common/http'; 6 | import {BidiModule} from '@angular/cdk/bidi'; 7 | 8 | @NgModule({ 9 | declarations: [ 10 | CustomInputComponent, 11 | ], 12 | imports: [ 13 | CommonModule, 14 | FormsModule, 15 | ReactiveFormsModule, 16 | BidiModule 17 | ], 18 | exports: [], 19 | providers: [] 20 | }) 21 | export class CustomInputModule { 22 | 23 | constructor() { 24 | } 25 | } 26 | 27 | 28 | -------------------------------------------------------------------------------- /apps/material-app/src/app/user-detail/user-detail.component.html: -------------------------------------------------------------------------------- 1 | Edit | 2 | View 3 | 4 |
2 |
20 |
--------------------------------------------------------------------------------
/libs/fiori-rules/src/lib/metaui/meta-breadcrumb/breadcrumb.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
6 |
7 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
2 |
25 |
--------------------------------------------------------------------------------
/libs/material-rules/src/lib/metaui/meta-action-list/meta-action-list.component.scss:
--------------------------------------------------------------------------------
1 | .action-pad {
2 | padding: 10px;
3 |
4 | button {
5 | margin: 5px;
6 | }
7 | }
8 |
9 |
10 |
--------------------------------------------------------------------------------
/libs/material-rules/src/lib/metaui/meta-content-page/meta-content-page.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
3 |
24 |
4 |
5 |
6 |
7 |
8 |
9 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
4 | {{label}} Detail
5 |
6 |
7 |
11 |
12 |
14 |
15 |
8 |
12 |
9 |
11 | MetaRenderer Error:
26 | No componentName property resolved in Context27 | ` 28 | , 29 | styleUrls: ['no-meta.component.scss'] 30 | }) 31 | export class NoMetaComponent implements OnInit { 32 | 33 | constructor() { 34 | } 35 | 36 | ngOnInit() { 37 | } 38 | 39 | } 40 | -------------------------------------------------------------------------------- /libs/rules/src/lib/metaui/layout/public_api.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright 2017 SAP Ariba 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | * 17 | * 18 | */ 19 | export {MetaRendererComponent} from './meta-renderer.component'; 20 | export {ComponentReference, BaseRenderer} from './core/base-renderer.directive'; 21 | export {MetaBaseComponent} from './meta.base.component'; 22 | export {GenericContainerComponent} from './core/generic-container.component'; 23 | export {MetaLayout} from './meta-layout'; 24 | export {DomUtilsService} from './core/dom-utils.service'; 25 | 26 | -------------------------------------------------------------------------------- /libs/rules/src/lib/metaui/public_api.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright 2017 SAP Ariba 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | * 17 | * 18 | */ 19 | 20 | /* 21 | * Public API Surface of core 22 | */ 23 | 24 | 25 | export * from './core/public_api'; 26 | export * from './layout/public_api'; 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /libs/rules/src/lib/metaui/rules-routing.module.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright 2017 SAP Ariba 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | * 17 | * 18 | */ 19 | import {NgModule} from '@angular/core'; 20 | import {RouterModule} from '@angular/router'; 21 | 22 | 23 | @NgModule({ 24 | imports: [ 25 | RouterModule.forChild([]) 26 | ], 27 | exports: [RouterModule], 28 | providers: [] 29 | }) 30 | export class MetaUIRulesRoutingModule { 31 | } 32 | -------------------------------------------------------------------------------- /libs/rules/src/public_api.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Public API 3 | */ 4 | 5 | export * from './lib/metaui/public_api'; 6 | export {MetaUIRulesModule} from './lib/metaui/rules.module'; 7 | export {MetaUITestRulesModule} from './lib/metaui/test.rules.module'; 8 | -------------------------------------------------------------------------------- /libs/rules/src/test.ts: -------------------------------------------------------------------------------- 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files 2 | 3 | import 'core-js/proposals/reflect-metadata'; 4 | import 'zone.js/dist/zone'; 5 | 6 | import 'zone.js/dist/zone-testing'; 7 | import {getTestBed} from '@angular/core/testing'; 8 | import { 9 | BrowserDynamicTestingModule, 10 | platformBrowserDynamicTesting 11 | } from '@angular/platform-browser-dynamic/testing'; 12 | 13 | declare const require: any; 14 | 15 | // First, initialize the Angular testing environment. 16 | getTestBed().initTestEnvironment( 17 | BrowserDynamicTestingModule, 18 | platformBrowserDynamicTesting() 19 | ); 20 | // Then we find all the tests. 21 | const context = require.context('./', true, /\.spec\.ts$/); 22 | // And load the modules. 23 | context.keys().map(context); 24 | -------------------------------------------------------------------------------- /libs/rules/tsconfig.lib.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.base.json", 3 | "compilerOptions": { 4 | "outDir": "../../dist/out-tsc", 5 | "target": "es2015", 6 | "declaration": true, 7 | "inlineSources": true, 8 | "importHelpers": true, 9 | "types": [], 10 | "lib": [ 11 | "dom", 12 | "es2018" 13 | ] 14 | }, 15 | "angularCompilerOptions": { 16 | "skipTemplateCodegen": true, 17 | "strictMetadataEmit": true, 18 | "fullTemplateTypeCheck": true, 19 | "strictInjectionParameters": true, 20 | "enableResourceInlining": true, 21 | "enableIvy": false 22 | }, 23 | "exclude": [ 24 | "src/test.ts", 25 | "**/*.spec.ts" 26 | ] 27 | } 28 | -------------------------------------------------------------------------------- /libs/rules/tsconfig.spec.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tsconfig.base.json", 3 | "compilerOptions": { 4 | "outDir": "../../dist/out-tsc", 5 | "types": [ 6 | "jasmine", 7 | "node" 8 | ] 9 | }, 10 | "files": [ 11 | "src/test.ts" 12 | ], 13 | "include": [ 14 | "**/*.spec.ts", 15 | "**/*.d.ts" 16 | ] 17 | } 18 | -------------------------------------------------------------------------------- /libs/rules/tslint.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "../../tslint.json", 3 | "rules": { 4 | "directive-selector": [ 5 | false, 6 | "attribute", 7 | [ 8 | "ngx", 9 | "dt" 10 | ], 11 | "camelCase" 12 | ], 13 | "component-selector": [ 14 | false, 15 | "element", 16 | [ 17 | "ngx", 18 | "wrapper", 19 | "aw" 20 | ], 21 | "kebab-case" 22 | ] 23 | }, 24 | "linterOptions": { 25 | "exclude": [ 26 | "!**/*" 27 | ] 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /libs/schematics/.gitignore: -------------------------------------------------------------------------------- 1 | # Outputs 2 | src/**/*.js 3 | src/**/*.js.map 4 | src/**/*.d.ts 5 | 6 | # IDEs 7 | .idea/ 8 | jsconfig.json 9 | .vscode/ 10 | 11 | # Misc 12 | node_modules/ 13 | npm-debug.log* 14 | yarn-error.log* 15 | 16 | # Mac OSX Finder files. 17 | **/.DS_Store 18 | .DS_Store 19 | -------------------------------------------------------------------------------- /libs/schematics/.npmignore: -------------------------------------------------------------------------------- 1 | # Ignores TypeScript files, but keeps definitions. 2 | *.ts 3 | !*.d.ts 4 | -------------------------------------------------------------------------------- /libs/schematics/collection.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json", 3 | "schematics": { 4 | "ng-add": { 5 | "description": "Adds MetaUI ngx-meta/rules to the application ", 6 | "factory": "./ng-add/index", 7 | "schema": "./ng-add/add-schema.json" 8 | }, 9 | "init-project": { 10 | "description": "Configure project workspace with MetaUI ", 11 | "private": true, 12 | "factory": "./ng-add/init-project/index", 13 | "schema": "./ng-add/add-schema.json" 14 | }, 15 | "mPage": { 16 | "description": "Generate simple MetaUI based page with modelClass and rules", 17 | "factory": "./ng-generate/m-page/index", 18 | "schema": "./ng-generate/m-page/page-schema.json" 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /libs/schematics/common/add-schema.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * @license 3 | * Copyright Frank Kolar and others 4 | * 5 | * Licensed under the Apache License, Version 2.0 (the "License"); 6 | * you may not use this file except in compliance with the License. 7 | * You may obtain a copy of the License at 8 | * 9 | * http://www.apache.org/licenses/LICENSE-2.0 10 | * 11 | * Unless required by applicable law or agreed to in writing, software 12 | * distributed under the License is distributed on an "AS IS" BASIS, 13 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 14 | * See the License for the specific language governing permissions and 15 | * limitations under the License. 16 | * 17 | * 18 | */ 19 | import {Schema} from '../common/schema'; 20 | 21 | 22 | export interface AddSchema extends Schema { 23 | 24 | /** Dont run npm install. */ 25 | skipInstall: boolean; 26 | 27 | 28 | /** Dont add anything to angular.json style section. */ 29 | skipStyles: boolean; 30 | } 31 | -------------------------------------------------------------------------------- /libs/schematics/ng-add/add-schema.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "http://json-schema.org/schema", 3 | "id": "ngx-metaui-rules-ng-add", 4 | "title": "Angular Service Worker Options Schema", 5 | "type": "object", 6 | "properties": { 7 | "project": { 8 | "type": "string", 9 | "description": "The name of the project.", 10 | "$default": { 11 | "$source": "projectName" 12 | } 13 | }, 14 | "skipInstall": { 15 | "type": "boolean", 16 | "description": "Tells if we should skip npm install tasks", 17 | "default": false 18 | }, 19 | "skipStyles": { 20 | "type": "boolean", 21 | "description": "Don't add anything to angular.json style section.", 22 | "default": false 23 | }, 24 | "path": { 25 | "type": "string", 26 | "description": "Root path to the selected project - a place where template files will be copied" 27 | }, 28 | "uiLib": { 29 | "type": "string", 30 | "x-prompt": "Which UI library would you like to use?", 31 | "description": "UI library rules implementation name", 32 | "enum": [ 33 | "none", 34 | "material", 35 | "fiori" 36 | ], 37 | "default": "none" 38 | } 39 | }, 40 | "required": [] 41 | } 42 | -------------------------------------------------------------------------------- /libs/schematics/ng-add/files/rules/Application.oss: -------------------------------------------------------------------------------- 1 | /** 2 | * Module represent Global Top level application app tab. Modules are used in combination with 3 | *
2 |
16 | 17 |
18 |
20 |
21 |
22 |
23 |
--------------------------------------------------------------------------------
/libs/schematics/ng-generate/m-page/files/component/__name@dasherize__.component.scss:
--------------------------------------------------------------------------------
1 | .page {
2 | margin: 20px 30px;
3 | max-width: 800px;
4 | }
5 |
--------------------------------------------------------------------------------
/libs/schematics/ng-generate/m-page/files/component/__name@dasherize__.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, OnInit} from '@angular/core';
2 | import {<%= classify(modelClass) %>} from <%if (flat) { %>'./<%= dasherize(modelPath) %>/<%= dasherize(modelClass) %>' <% } else { %>'../<%= dasherize(modelPath) %>/<%= dasherize(modelClass) %>' <% } %>;
3 |
4 |
5 |
6 | @Component({
7 | selector: 'app-<%=dasherize(name)%>',
8 | templateUrl: './<%=dasherize(name)%>.component.html',
9 | styleUrls: ['./<%=dasherize(name)%>.component.scss']
10 | })
11 | export class <%= classify(name) %>Component implements OnInit {
12 |
13 | object: <%= classify(modelClass) %>;
14 | operation = 'view';
15 |
16 | constructor() {
17 | }
18 |
19 | ngOnInit(): void {
20 |
21 | this.object = new <%= classify(modelClass) %>('R0001', 'Frank Kolar',
22 | 'This is my user record', new Date());
23 | }
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/libs/schematics/ng-generate/m-page/files/model/__modelClass@dasherize__.ts:
--------------------------------------------------------------------------------
1 | import {Entity} from '@ngx-metaui/rules';
2 |
3 | /**
4 | * This is generated class
5 | */
6 | export class <%= classify(modelClass) %> implements Entity {
7 |
8 |
9 | constructor(public uniqueName?: string, public name?: string,
10 | public description?: string, public created?: Date) {
11 | }
12 |
13 | identity(): string {
14 | return this.uniqueName;
15 | }
16 |
17 |
18 | getTypes(): any {
19 | return {
20 | uniqueName: String,
21 | name: String,
22 | description: String,
23 | created: Date
24 | };
25 | }
26 |
27 |
28 | /**
29 | * Used by MetaUI to identify the name of the class once everything is minified
30 | */
31 | className(): string {
32 | return '<%= classify(modelClass) %>';
33 | }
34 |
35 |
36 | toString(): string {
37 | return this.name;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/libs/schematics/ng-generate/m-page/files/rules/__modelClass@classify__.oss:
--------------------------------------------------------------------------------
1 | /*
2 | User rules.oss -- Meta-data rules. Generated file
3 |
4 | Default definition
5 | */
6 | class=<%= classify(modelClass) %> {
7 |
8 | field=uniqueName {
9 | label:"Id";
10 | }
11 |
12 | field=name {
13 | label:"Name";
14 | }
15 |
16 | field=description {
17 | trait:longtext;
18 | }
19 |
20 | zNone => *;
21 | zLeft => uniqueName => name => description => created;
22 | }
23 |
24 | /*
25 | Sample definition for operations edit and create
26 |
27 | */
28 | class=<%= classify(modelClass) %> {
29 | operation=(edit, create) {
30 | zNone => *;
31 | zLeft => name => description;
32 | }
33 |
34 | operation=(create) {
35 | zNone => *;
36 | zLeft => name => description => created;
37 | }
38 |
39 | }
40 |
--------------------------------------------------------------------------------
/libs/schematics/ng-update/index.ts:
--------------------------------------------------------------------------------
1 | import {Rule, SchematicContext, Tree} from '@angular-devkit/schematics';
2 |
3 |
4 | // You don't have to export the function as default. You can also have more than one rule factory
5 | // per file.
6 | export function schematics(_options: any): Rule {
7 | return (tree: Tree, _context: SchematicContext) => {
8 | return tree;
9 | };
10 | }
11 |
--------------------------------------------------------------------------------
/libs/schematics/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "lib": [
4 | "es2017",
5 | "dom"
6 | ],
7 | "module": "commonjs",
8 | "moduleResolution": "node",
9 | "outDir": "../../dist/libs/rules/lib/schematics",
10 | "noEmitOnError": false,
11 | "strictNullChecks": true,
12 | "skipDefaultLibCheck": true,
13 | "skipLibCheck": true,
14 | "sourceMap": true,
15 | "declaration": true,
16 | "target": "es6",
17 | "types": [
18 | "jasmine",
19 | "node"
20 | ],
21 | "baseUrl": "."
22 | },
23 | "exclude": [
24 | "**/*.spec.ts",
25 | "*/files/**/*",
26 | "ng-generate/*/files/**/*"
27 | ]
28 | }
29 |
--------------------------------------------------------------------------------
/nx.json:
--------------------------------------------------------------------------------
1 | {
2 | "npmScope": "ngx-metaui",
3 | "implicitDependencies": {
4 | "angular.json": "*",
5 | "package.json": "*",
6 | "tslint.json": "*",
7 | "nx.json": "*",
8 | "tsconfig.base.json": "*"
9 | },
10 | "projects": {
11 | "rules": {
12 | "tags": []
13 | },
14 | "material-rules": {
15 | "tags": []
16 | },
17 | "material-app": {
18 | "tags": []
19 | },
20 | "doc-app": {
21 | "tags": []
22 | },
23 | "fiori-rules": {
24 | "tags": []
25 | },
26 | "fiori-app": {
27 | "tags": []
28 | }
29 | },
30 | "affected": {
31 | "defaultBase": "master"
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/scripts/ci/lint.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | set -u -e
4 | args=("$@")
5 |
6 |
7 | if [[ ${TRAVIS_TEST_RESULT=0} == 1 ]]; then
8 | exit 1;
9 | fi
10 |
11 | ng lint rules
12 | ng lint material-rules
13 | ng lint fiori-rules
14 |
15 | ng lint doc-app
16 | ng lint material-app
17 | ng lint fiori-app
18 |
--------------------------------------------------------------------------------
/scripts/ci/test.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env bash
2 |
3 | set -u -e
4 | args=("$@")
5 |
6 |
7 | if [[ ${TRAVIS_TEST_RESULT=0} == 1 ]]; then
8 | exit 1;
9 | fi
10 |
11 | echo "################ Testing @ngx-meta/rules ################ "
12 | rm -Rf ./dist/ && ng build rules && ng test rules --browsers=ChromeHeadless --karma-config=./libs/rules/karma.conf.ci.js --source-map=false --watch=false --progress=false
13 |
14 |
15 | echo "################ Testing @ngx-meta/material-rules ################ "
16 | rm -Rf ./dist/ && ng build rules && ng test material-rules --browsers=ChromeHeadless --karma-config=./libs/material-rules/karma.conf.ci.js --source-map=false --watch=false --progress=false
17 |
18 |
19 | # echo "################ Testing @ngx-meta/fiori-rules ################ "
20 | # rm -Rf ./dist/ && ng build rules && ng test fiori-rules --browsers=ChromeHeadless --karma-config=./libs/fiori-rules/karma.conf.ci.js --source-map=false --watch=false --progress=false
21 |
--------------------------------------------------------------------------------
/temp/demo/dashboard/dashboard.component.html:
--------------------------------------------------------------------------------
1 |
30 |
31 |
32 | Object Detail
3 | <% if (uiLib === "material") { %> 4 | Create | 5 | Edit | 6 | View 7 | <% } %> 8 | 9 | <% if (uiLib === "fiori") { %> 10 | 11 | 12 | 13 | <% } %> 14 | 15 |16 | 17 |
4 |
--------------------------------------------------------------------------------
/temp/demo/portlets/commodity/commodity.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/demo/portlets/commodity/commodity.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {CommonModule} from '@angular/common';
3 | import {CommodityComponent} from './commodity.component';
4 |
5 |
6 | @NgModule({
7 | declarations: [
8 | CommodityComponent
9 | ],
10 | imports: [
11 | CommonModule
12 | ],
13 | exports: [
14 | CommodityComponent
15 | ],
16 | providers: []
17 | })
18 | export class CommodityModule {
19 |
20 | }
21 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-documents/my-documents.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
27 |
28 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-documents/my-documents.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-documents/my-documents.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 |
4 | @Component({
5 | selector: 'fdp-portlet-documents',
6 | templateUrl: './my-documents.component.html',
7 | styleUrls: ['./my-documents.component.scss']
8 | })
9 | export class MyDocumentsComponent {
10 | tableRows: Array| Type | 6 |Id | 7 |Date | 8 |Read | 9 | 10 |
|---|---|---|---|
|
15 | |
17 | {{row.id}} 18 | | 19 |{{row.date}} | 20 |
21 | |
23 |
24 |
4 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-spend/my-spend.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-spend/my-spend.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 | @Component({
4 | selector: 'fdp-portlet-spend',
5 | templateUrl: './my-spend.component.html',
6 | styleUrls: ['./my-spend.component.scss']
7 | })
8 | export class MySpendComponent {
9 | constructor() {
10 |
11 | }
12 |
13 | ngOnInit() {
14 |
15 |
16 | }
17 | }
18 |
19 |
--------------------------------------------------------------------------------
/temp/demo/portlets/my-spend/my-spend.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {FormsModule} from '@angular/forms';
3 |
4 | import {BrowserModule} from '@angular/platform-browser';
5 | import {MySpendComponent} from './my-spend.component';
6 |
7 | @NgModule({
8 | imports: [
9 | BrowserModule,
10 | FormsModule
11 | ],
12 | declarations: [
13 | MySpendComponent
14 | ],
15 | exports: [
16 | MySpendComponent
17 | ]
18 | })
19 | export class MySpendModule {
20 |
21 | }
22 |
--------------------------------------------------------------------------------
/temp/demo/portlets/news/news.component.html:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/temp/demo/portlets/news/news.component.scss:
--------------------------------------------------------------------------------
1 | .news {
2 | color: #7e7e7e;
3 | padding: 0px 9px;
4 | margin-bottom: 15px;
5 | text-align: left;
6 | overflow: hidden;
7 | position: relative;
8 | height: 150px;
9 |
10 | }
11 |
12 |
--------------------------------------------------------------------------------
/temp/demo/portlets/news/news.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {CommonModule} from '@angular/common';
3 | import {NewsComponent} from './news.component';
4 | import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
5 | import {FormsModule} from '@angular/forms';
6 | import {BrowserModule} from '@angular/platform-browser';
7 | import {IconModule} from '@fundamental-ngx/core';
8 |
9 | @NgModule({
10 | declarations: [
11 | NewsComponent
12 | ],
13 | imports: [
14 | CommonModule,
15 | BrowserModule,
16 | IconModule,
17 | BrowserAnimationsModule,
18 | FormsModule
19 | ],
20 | exports: [
21 | NewsComponent
22 | ],
23 | providers: []
24 | })
25 | export class NewsModule {
26 |
27 | }
28 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/invoice/address/address.component.html:
--------------------------------------------------------------------------------
1 | 63 72 79 70 74 69 69
2 |
4 |
3 |
5 |
6 |
7 |
8 |
10 |
11 |
12 |
14 |
15 |
16 |
17 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/invoice/address/address.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | ::ng-deep .fd-section {
3 | border: 1px solid transparent !important;
4 | margin: 0 !important;
5 | padding: 0;
6 |
7 | .fd-form-item {
8 |
9 | }
10 |
11 | .fd-form-label {
12 | margin-bottom: 0;
13 | }
14 | }
15 |
16 | .cipher {
17 | padding-right: 5px;
18 | }
19 | }
20 |
21 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/invoice/address/address.component.ts:
--------------------------------------------------------------------------------
1 | import {Component, Input} from '@angular/core';
2 | import {Address} from '../../model/address';
3 | import {ActivatedRoute, Router} from '@angular/router';
4 |
5 |
6 | @Component({
7 | selector: 'fdp-address',
8 | templateUrl: './address.component.html',
9 | styleUrls: ['./address.component.scss']
10 | })
11 | export class AddressComponent {
12 | @Input()
13 | address: Address;
14 |
15 | @Input()
16 | editable: boolean = false;
17 |
18 | toggle = true;
19 |
20 | constructor(private router: Router, private route: ActivatedRoute) {
21 | }
22 |
23 |
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/invoice/invoice.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | .fd-page__content {
3 | background: #FFFFFF;
4 | margin-top: 3px;
5 | }
6 |
7 |
8 | ::ng-deep .fd-section {
9 | border: 1px solid #dddddd !important;
10 | }
11 | }
12 |
13 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/invoice/invoice.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {CommonModule} from '@angular/common';
3 | import {InvoiceComponent} from './invoice.component';
4 | import {FormsModule, ReactiveFormsModule} from '@angular/forms';
5 | import {FioriRulesModule} from '@ngx-metaui/fiori-rules';
6 | import {ActionBarModule as ABCore, ActionBarModule, ButtonModule} from '@fundamental-ngx/core';
7 | import {AddressComponent} from './address/address.component';
8 | import {MetaUIRulesModule} from '@ngx-metaui/rules';
9 | import {FdpFormGroupModule} from '@fundamental-ngx/platform';
10 |
11 |
12 | @NgModule({
13 | declarations: [
14 | InvoiceComponent,
15 | AddressComponent
16 | ],
17 | imports: [
18 | CommonModule,
19 | FormsModule,
20 | FioriRulesModule,
21 | ReactiveFormsModule,
22 | ActionBarModule,
23 | ABCore,
24 | ButtonModule,
25 | FdpFormGroupModule,
26 | MetaUIRulesModule
27 |
28 | ],
29 | entryComponents: [
30 | AddressComponent
31 | ],
32 | exports: [
33 | InvoiceComponent,
34 | AddressComponent
35 | ],
36 | providers: []
37 | })
38 | export class InvoiceModule {
39 | }
40 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/model/address.ts:
--------------------------------------------------------------------------------
1 | import {Entity} from '@ngx-metaui/rules';
2 |
3 | export class Address implements Entity {
4 |
5 |
6 | constructor(public readonly uniqueName: string,
7 | public readonly name: string,
8 | public readonly lines: string,
9 | public readonly city: string,
10 | public readonly state: string,
11 | public readonly postalCode: string,
12 | public readonly phone: string,
13 | public readonly fax: string,
14 | public readonly email: string,
15 | public readonly url: string,
16 | public readonly country: string) {
17 | }
18 |
19 |
20 | getTypes(): any {
21 | return {
22 | uniqueName: String,
23 | name: String,
24 | lines: String,
25 | city: String,
26 | state: String,
27 | postalCode: String,
28 | phone: String,
29 | fax: String,
30 | email: String,
31 | country: String
32 | };
33 | }
34 |
35 | identity(): string {
36 | return this.uniqueName;
37 | }
38 |
39 | className(): string {
40 | return 'Address';
41 | }
42 |
43 | toString() {
44 | return `${this.uniqueName} - ${this.name}`;
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/model/payment-terms.ts:
--------------------------------------------------------------------------------
1 | import {Entity} from '@ngx-metaui/rules';
2 |
3 | export class PaymentTerms implements Entity {
4 |
5 |
6 | constructor(
7 | public uniqueName?: string,
8 | public name?: string,
9 | public description?: string) {
10 | }
11 |
12 | identity(): string {
13 | return this.uniqueName;
14 | }
15 |
16 |
17 | getTypes(): any {
18 | return {
19 | uniqueName: String,
20 | name: String,
21 | description: String
22 | };
23 | }
24 |
25 |
26 | /**
27 | * Used by MetaUI to identify the name of the class once everything is minified
28 | */
29 | className(): string {
30 | return 'PaymentTermss';
31 | }
32 |
33 | toString(): string {
34 | return this.name;
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/temp/mdemo/domain/rest/entity-resolver.service.ts:
--------------------------------------------------------------------------------
1 | import {Inject, Injectable} from '@angular/core';
2 | import {ActivatedRouteSnapshot, Resolve, Router, RouterStateSnapshot} from '@angular/router';
3 | import {Observable} from 'rxjs';
4 | import {DATA_PROVIDERS, DataProvider} from '@fundamental-ngx/platform';
5 |
6 |
7 | @Injectable({
8 | providedIn: 'root'
9 | })
10 | export class EntityResolver implements Resolve
4 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/commodity/commodity.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/commodity/commodity.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {CommonModule} from '@angular/common';
3 | import {CommodityComponent} from './commodity.component';
4 |
5 |
6 | @NgModule({
7 | declarations: [
8 | CommodityComponent
9 | ],
10 | imports: [
11 | CommonModule
12 | ],
13 | entryComponents: [
14 | CommodityComponent
15 | ],
16 | exports: [
17 | CommodityComponent
18 | ],
19 | providers: []
20 | })
21 | export class CommodityModule {
22 |
23 | }
24 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-documents/my-documents.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
27 |
28 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-documents/my-documents.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-documents/my-documents.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 |
4 | @Component({
5 | selector: 'fdp-portlet-documents',
6 | templateUrl: './my-documents.component.html',
7 | styleUrls: ['./my-documents.component.scss']
8 | })
9 | export class MyDocumentsComponent {
10 | tableRows: Array| Type | 6 |Id | 7 |Date | 8 |Read | 9 | 10 |
|---|---|---|---|
|
15 | |
17 | {{row.id}} 18 | | 19 |{{row.date}} | 20 |
21 | |
23 |
24 |
4 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-spend/my-spend.component.scss:
--------------------------------------------------------------------------------
1 | :host {
2 | td, th {
3 | font-size: 13px;
4 |
5 | &:last-child, &:first-child {
6 | width: 5%;
7 | padding: 7px;
8 | text-align: center;
9 | }
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-spend/my-spend.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 | @Component({
4 | selector: 'fdp-portlet-spend',
5 | templateUrl: './my-spend.component.html',
6 | styleUrls: ['./my-spend.component.scss']
7 | })
8 | export class MySpendComponent {
9 | constructor() {
10 |
11 | }
12 |
13 | ngOnInit() {
14 |
15 |
16 | }
17 | }
18 |
19 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/my-spend/my-spend.module.ts:
--------------------------------------------------------------------------------
1 | import {NgModule} from '@angular/core';
2 | import {FormsModule} from '@angular/forms';
3 |
4 | import {BrowserModule} from '@angular/platform-browser';
5 | import {MySpendComponent} from './my-spend.component';
6 |
7 | @NgModule({
8 | imports: [
9 | BrowserModule,
10 | FormsModule
11 | ],
12 | declarations: [
13 | MySpendComponent
14 | ],
15 | exports: [
16 | MySpendComponent
17 | ],
18 | entryComponents: [
19 | MySpendComponent
20 | ]
21 | })
22 | export class MySpendModule {
23 |
24 | }
25 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/news/news.component.html:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/news/news.component.scss:
--------------------------------------------------------------------------------
1 | .news {
2 | color: #7e7e7e;
3 | padding: 0px 9px;
4 | margin-bottom: 15px;
5 | text-align: left;
6 | overflow: hidden;
7 | position: relative;
8 | height: 150px;
9 |
10 | }
11 |
12 |
--------------------------------------------------------------------------------
/temp/mdemo/portlets/news/news.component.ts:
--------------------------------------------------------------------------------
1 | import {Component} from '@angular/core';
2 |
3 |
4 | @Component({
5 | selector: 'fdp-portlet-news',
6 | templateUrl: './news.component.html',
7 | styleUrls: ['./news.component.scss']
8 | })
9 | export class NewsComponent {
10 | news: Array
3 |