[NIFI-5219] This closes #3. update project name to NiFi Flow Design System Signed-off-by: joewitt <[email protected]>
Project: http://git-wip-us.apache.org/repos/asf/nifi-fds/repo Commit: http://git-wip-us.apache.org/repos/asf/nifi-fds/commit/b7fcd9fa Tree: http://git-wip-us.apache.org/repos/asf/nifi-fds/tree/b7fcd9fa Diff: http://git-wip-us.apache.org/repos/asf/nifi-fds/diff/b7fcd9fa Branch: refs/heads/master Commit: b7fcd9faa0f0c5947aee8cc29552d98b7516a416 Parents: c85638d Author: Scott Aslan <[email protected]> Authored: Tue May 22 18:29:04 2018 -0400 Committer: joewitt <[email protected]> Committed: Fri May 25 13:53:31 2018 -0400 ---------------------------------------------------------------------- .github/PULL_REQUEST_TEMPLATE.md | 4 +- Gruntfile.js | 4 +- NOTICE | 2 +- README.md | 12 +- package.json | 6 +- .../dialogs/demo/fds-demo-dialog.html | 18 + .../dialogs/demo/fds-demo-dialog.js | 59 + .../components/flow-design-system/fds-demo.html | 2980 ++++++++++++++++++ .../components/flow-design-system/fds-demo.js | 1066 +++++++ .../dialogs/demo/fds-demo-dialog.html | 18 - .../dialogs/demo/fds-demo-dialog.js | 59 - .../fluid-design-system/fds-demo.html | 2980 ------------------ .../components/fluid-design-system/fds-demo.js | 1066 ------- src/demo-app/fds.module.js | 6 +- src/demo-app/fds.routes.js | 2 +- src/demo-app/gh-pages.index.html | 4 +- src/demo-app/gh-pages.package.json | 4 +- src/demo-app/gh-pages.systemjs.config.js | 20 +- src/demo-app/index.html | 4 +- src/demo-app/services/fds.service.js | 6 +- src/demo-app/systemjs.config.js | 22 +- src/platform/core/common/fds-common.module.js | 2 +- .../common/services/fds-storage.service.spec.js | 2 +- .../core/common/styles/flow-design-system.scss | 36 + .../core/common/styles/fluid-design-system.scss | 36 - .../confirm-dialog.component.spec.js | 2 +- .../core/dialogs/fds-dialogs.component.spec.js | 2 +- src/platform/core/dialogs/fds-dialogs.module.js | 6 +- .../core/dialogs/services/dialog.service.js | 2 +- src/platform/core/flow-design-system.module.js | 155 + src/platform/core/fluid-design-system.module.js | 155 - .../snackbars/coaster/coaster.component.spec.js | 2 +- .../snackbars/fds-snackbar.component.spec.js | 2 +- .../core/snackbars/fds-snackbars.module.js | 6 +- .../core/snackbars/services/snackbar.service.js | 2 +- src/platform/systemjs.spec.config.js | 22 +- test/karma.conf.js | 2 +- 37 files changed, 4388 insertions(+), 4388 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/.github/PULL_REQUEST_TEMPLATE.md ---------------------------------------------------------------------- diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md index 06d8a85..426a211 100644 --- a/.github/PULL_REQUEST_TEMPLATE.md +++ b/.github/PULL_REQUEST_TEMPLATE.md @@ -1,4 +1,4 @@ -Thank you for submitting a contribution to Apache NiFi Fluid Design System. +Thank you for submitting a contribution to Apache NiFi Flow Design System. In order to streamline the review of the contribution we ask you to ensure the following steps have been taken: @@ -16,7 +16,7 @@ to ensure the following steps have been taken: ### For code changes: - [ ] Have you written or updated unit tests to verify your changes? - [ ] Have you ensured that a full build and that the full suite of unit tests is executed via npm run clean:install at the root nifi-fds folder? -- [ ] Have you written or updated the Apache NiFi Fluid Design System demo application to demonstrate any new functionality, provide examples of usage, and to verify your changes via npm start at the nifi-fds/target folder? +- [ ] Have you written or updated the Apache NiFi Flow Design System demo application to demonstrate any new functionality, provide examples of usage, and to verify your changes via npm start at the nifi-fds/target folder? - [ ] If adding new dependencies to the code, are these dependencies licensed in a way that is compatible for inclusion under [ASF 2.0](http://www.apache.org/legal/resolved.html#category-a)? - [ ] If applicable, have you updated the LICENSE file, including the main LICENSE file under nifi-fds? - [ ] If applicable, have you updated the NOTICE file, including the main NOTICE file found under nifi-fds? http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/Gruntfile.js ---------------------------------------------------------------------- diff --git a/Gruntfile.js b/Gruntfile.js index 4f69a8f..7c885d4 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -27,7 +27,7 @@ module.exports = function (grunt) { }, minifyFds: { files: [{ - './platform/core/common/styles/css/fluid-design-system.min.css': ['./platform/core/common/styles/fluid-design-system.scss'] + './platform/core/common/styles/css/flow-design-system.min.css': ['./platform/core/common/styles/flow-design-system.scss'] }] }, minifyFdsDemo: { @@ -43,7 +43,7 @@ module.exports = function (grunt) { fdsStyles: { files: [{ expand: true, - src: ['./platform/core/common/styles/css/fluid-design-system.min.css'], + src: ['./platform/core/common/styles/css/flow-design-system.min.css'], dest: './', ext: '.min.css.gz' }] http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/NOTICE ---------------------------------------------------------------------- diff --git a/NOTICE b/NOTICE index 50b77ff..94b420c 100644 --- a/NOTICE +++ b/NOTICE @@ -1,4 +1,4 @@ -Apache NiFi Fluid Design System +Apache NiFi Flow Design System Copyright 2014-2018 The Apache Software Foundation This product includes software developed at http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/README.md ---------------------------------------------------------------------- diff --git a/README.md b/README.md index bf4825f..5da3b19 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Apache NiFi Fluid Design System +# Apache NiFi Flow Design System -The Apache NiFi Fluid Design System module is an atomic reusable platform providing consistent set of UI/UX components for open source friendly web applications to consume. Users can interact with this design system by running the demo-app locally or by visiting: [https://apache.github.io/nifi-fds/](https://apache.github.io/nifi-fds/). This demo application also provides an example of how an Angular application would leverage the nifi-fds NgModule. +The Apache NiFi Flow Design System module is an atomic reusable platform providing consistent set of UI/UX components for open source friendly web applications to consume. Users can interact with this design system by running the demo-app locally or by visiting: [https://apache.github.io/nifi-fds/](https://apache.github.io/nifi-fds/). This demo application also provides an example of how an Angular application would leverage the nifi-fds NgModule. #### npm @@ -12,10 +12,10 @@ npm install nifi-fds ## Setup -Import the **Apache NiFi Fluid Design System** NgModule into your angular application: +Import the **Apache NiFi Flow Design System** NgModule into your angular application: ```javascript -var fdsCore = require('fluid-design-system/core'); +var fdsCore = require('flow-design-system/core'); AppModule.prototype = { constructor: AppModule }; @@ -62,7 +62,7 @@ $fds-theme: mat-light-theme($fds-primary, $fds-accent, $fds-warn); @include fds-theme($fds-theme); ``` -The Apache NiFi Fluid Design System UI/UX Platform comes with a base CSS file `node_modules/fluid-design-system/core/common/styles/css/fluid-design-system.min.css` (includes icons) that should be included in the head of your HTML document. +The Apache NiFi Flow Design System UI/UX Platform comes with a base CSS file `node_modules/flow-design-system/core/common/styles/css/flow-design-system.min.css` (includes icons) that should be included in the head of your HTML document. ## Building @@ -106,7 +106,7 @@ available URLs. ## Release Managment -For developers with permissions releasing a new version of the NiFi Fluid Design System is simple with [grunt bump](https://github.com/vojtajina/grunt-bump). +For developers with permissions releasing a new version of the NiFi Flow Design System is simple with [grunt bump](https://github.com/vojtajina/grunt-bump). ## Deploying github.io demo http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/package.json ---------------------------------------------------------------------- diff --git a/package.json b/package.json index aed8a48..fbf33cb 100644 --- a/package.json +++ b/package.json @@ -13,10 +13,10 @@ "test": "./node_modules/protractor/bin/webdriver-manager update --gecko false && karma start karma.conf.js --single-run", "test:dev": "./node_modules/protractor/bin/webdriver-manager update --gecko false && karma start karma.conf.js" }, - "description": "The Apache NiFi Fluid Design System module is an atomic reusable platform providing consistent set of UI/UX components for open source friendly web applications to consume.", - "module": "./platform/core/fluid-design-system.module.js", + "description": "The Apache NiFi Flow Design System module is an atomic reusable platform providing consistent set of UI/UX components for open source friendly web applications to consume.", + "module": "./platform/core/flow-design-system.module.js", "keywords": [ - "fluid design system", + "flow design system", "angular", "material", "material design", http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.html ---------------------------------------------------------------------- diff --git a/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.html b/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.html new file mode 100644 index 0000000..c283684 --- /dev/null +++ b/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.html @@ -0,0 +1,18 @@ +<!-- +Licensed to the Apache Software Foundation (ASF) under one or more +contributor license agreements. See the NOTICE file distributed with +this work for additional information regarding copyright ownership. +The ASF licenses this file to You under the Apache License, Version 2.0 +(the "License"); you may not use this file except in compliance with +the License. You may obtain a copy of the License at + +http://www.apache.org/licenses/LICENSE-2.0 + +Unless required by applicable law or agreed to in writing, software +distributed under the License is distributed on an "AS IS" BASIS, +WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +See the License for the specific language governing permissions and +limitations under the License. +--> + +<div>Hello Dialog!</div> http://git-wip-us.apache.org/repos/asf/nifi-fds/blob/b7fcd9fa/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.js ---------------------------------------------------------------------- diff --git a/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.js b/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.js new file mode 100644 index 0000000..d3ead2b --- /dev/null +++ b/src/demo-app/components/flow-design-system/dialogs/demo/fds-demo-dialog.js @@ -0,0 +1,59 @@ +/* + * Licensed to the Apache Software Foundation (ASF) under one or more + * contributor license agreements. See the NOTICE file distributed with + * this work for additional information regarding copyright ownership. + * The ASF licenses this file to You under the Apache License, Version 2.0 + * (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +var ngMaterial = require('@angular/material'); +var ngCore = require('@angular/core'); + +/** + * NfRegistryEditBucketPolicy constructor. + * + * @param nfRegistryApi The api service. + * @param nfRegistryService The nf-registry.service module. + * @param activatedRoute The angular route module. + * @param matDialogRef The angular material dialog ref. + * @param data The data passed into this component. + * @constructor + */ +function FdsDemoDialog(matDialogRef, data) { + // Services + this.dialogRef = matDialogRef; + this.data = data; +}; + +FdsDemoDialog.prototype = { + constructor: FdsDemoDialog, + + /** + * Cancel creation of a new policy and close dialog. + */ + cancel: function () { + this.dialogRef.close(); + } +}; + +FdsDemoDialog.annotations = [ + new ngCore.Component({ + template: require('./fds-demo-dialog.html!text') + }) +]; + +FdsDemoDialog.parameters = [ + ngMaterial.MatDialogRef, + ngMaterial.MAT_DIALOG_DATA +]; + +module.exports = FdsDemoDialog;
