+
+
+ 
+
+
+
+
+
+
+
+
+sovity EDC UI
+ +
+ UI for sovity's extended EDC-Connector.
+
+ Report Bug
+ ·
+ Request Feature
+
+
+ 
+
+
+
+
+## About The Project
+
+[Eclipse Dataspace Components](https://github.com/eclipse-edc) is a framework
+for building dataspaces, exchanging data securely with ensured data
+sovereignity.
+
+[sovity](https://sovity.de/) extends the EDC functionality to offer
+enterprise-ready managed "Connector-as-a-Service" services, bringing
+out-of-the-box fully configured DAPS and integrations to existing other
+dataspace technologies.
+
+Our extension of EDC DataDashboard functionalities has been made open source and
+will be kept compatible to mostly stock EDCs with minimal API extending
+extensions.
+
+
+
+Table of Contents
+ +
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+ + + + +## Getting Started + +The fastest way to get started is using our Getting Started Guide: +[sovity EDC CE Getting Started Guide](https://github.com/sovity/edc-ce#getting-started). + + + + + +## Configuration + +A list of all available configuration properties can be found +[here](src/app/core/config/app-config-properties.ts). + +In general, all ENV vars `EDC_UI_*` are written to an `assets/app-config.json`, +either before starting the angular build server or before starting the nginx to +serve static files. + +### (Optional) Pass a JSON in an ENV Var + +The ENV var `EDC_UI_CONFIG_JSON` can be used to pass a JSON that can contain all +properties that would otherwise need to be specified individually. Individually +provided ENV vars take precedence, however. + + + +### (Optional) Configuring the NGINX + +```yaml +# Customizable ENV Vars and their defaults +NGINX_BIND: '0.0.0.0' +NGINX_PORT: '8080' +NGINX_ACCESS_LOG: '/dev/stdout' +NGINX_ERROR_LOG: '/dev/stderr' +``` + + + +## Running dev mode + +Requires Node.js version `^16.10.0`. + +```shell +# Fake backend +(cd fake-backend && npm i && npm run start) + +# Run Angular Application +npm i +npm run start +``` + +### Configuring Dev Mode + +For dev mode ENV vars are read from: + +- Current Environment Variables (highest precedence) +- `.env` file (not committed, in .gitignore) +- `.env.local-dev` file (defaults for working with fake backend). + +```properties +# Example: +# Create a .env file to easily switch between profiles +EDC_UI_ACTIVE_PROFILE=mds-open-source +``` + + + + + +## Build docker image + +Requires docker. + +```shell +# Build docker image +docker build -f "docker/Dockerfile" -t "edc-ui:latest" . + +# Docker image will serve at :80 +``` + + + + + +## Contributing + +Contributions are what make the open source community such an amazing place to +learn, inspire, and create. Any contributions you make are **greatly +appreciated**. + +If you have a suggestion that would make this better, please fork the repo and +create a pull request. You can also simply open an issue with the tag +"enhancement". Don't forget to give the project a star! Thanks again! + +1. Fork the Project +2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`) +3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`) +4. Push to the Branch (`git push origin feature/AmazingFeature`) +5. Open a Pull Request + +Our contribution guide can be found in [CONTRIBUTING.md](CONTRIBUTING.md). + + + + + +## License + +Distributed under the Apache 2.0 License. See `LICENSE` for more information. + + + + + +## Contact + +contact@sovity.de + + + + + + +[contributors-shield]: + https://img.shields.io/github/contributors/sovity/edc-ui.svg?style=for-the-badge +[contributors-url]: https://github.com/sovity/edc-ui/graphs/contributors +[forks-shield]: + https://img.shields.io/github/forks/sovity/edc-ui.svg?style=for-the-badge +[forks-url]: https://github.com/sovity/edc-ui/network/members +[stars-shield]: + https://img.shields.io/github/stars/sovity/edc-ui.svg?style=for-the-badge +[stars-url]: https://github.com/sovity/edc-ui/stargazers +[issues-shield]: + https://img.shields.io/github/issues/sovity/edc-ui.svg?style=for-the-badge +[issues-url]: https://github.com/sovity/edc-ui/issues +[license-shield]: + https://img.shields.io/github/license/sovity/edc-ui.svg?style=for-the-badge +[license-url]: https://github.com/sovity/edc-ui/blob/master/LICENSE.txt +[linkedin-shield]: + https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555 +[linkedin-url]: https://www.linkedin.com/company/sovity +[Angular.io]: + https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white +[Angular-url]: https://angular.io/ diff --git a/connector-ui/SECURITY.md b/connector-ui/SECURITY.md new file mode 100644 index 000000000..5b81c2e4d --- /dev/null +++ b/connector-ui/SECURITY.md @@ -0,0 +1,37 @@ +## Security + +sovity GmbH takes the security of its software products and services seriously, +which includes all source code repositories managed through our GitHub +organization: [sovity](https://github.com/sovity). + +If you believe you have found a security vulnerability in any of sovity's owned +repositories, please report it to us as described below. + +## Reporting Security Issues + +**Please do not report security vulnerabilities through public GitHub issues.** + +Instead, please report them via mail: +[security@sovity.de](mailto:security@sovity.de) + +You should receive a response within 24 hours. If for some reason you do not, +please follow up via email to ensure we received your original message. + +Please include the requested information listed below (as much as you can +provide) to help us better understand the nature and scope of the possible +issue: + +- Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, + etc.) +- Full paths of source file(s) related to the manifestation of the issue +- The location of the affected source code (tag/branch/commit or direct URL) +- Any special configuration required to reproduce the issue +- Step-by-step instructions to reproduce the issue +- Proof-of-concept or exploit code (if possible) +- Impact of the issue, including how an attacker might exploit the issue + +This information will help us triage your report more quickly. + +## Preferred Languages + +We prefer all communications to be in English. diff --git a/connector-ui/STYLEGUIDE.md b/connector-ui/STYLEGUIDE.md new file mode 100644 index 000000000..b394585ef --- /dev/null +++ b/connector-ui/STYLEGUIDE.md @@ -0,0 +1,10 @@ +# Code Style Guide + +- We use prettier as code formatter. Check for code formatting issues with + `npm run format-all`. +- Angular code follows + [Angular Style Guide](https://angular.io/guide/styleguide). +- Reviewers will review for + [Clean Code principles](https://x-team.com/blog/principles-clean-code/#clean-code-principles) +- [SOLID](https://en.wikipedia.org/wiki/SOLID) ensure consistent, composable and + re-usable intra-project APIs. diff --git a/connector-ui/angular.json b/connector-ui/angular.json new file mode 100644 index 000000000..d48360c8f --- /dev/null +++ b/connector-ui/angular.json @@ -0,0 +1,113 @@ +{ + "$schema": "./node_modules/@angular/cli/lib/config/schema.json", + "version": 1, + "newProjectRoot": "projects", + "projects": { + "edc-demo-client": { + "projectType": "application", + "schematics": { + "@schematics/angular:component": { + "style": "scss" + }, + "@schematics/angular:application": { + "strict": true + } + }, + "root": "", + "sourceRoot": "src", + "prefix": "app", + "architect": { + "build": { + "builder": "ngx-build-plus:browser", + "options": { + "extraWebpackConfig": "webpack.config.js", + "outputPath": "dist/edc-demo-client", + "index": "src/index.html", + "main": "src/main.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.app.json", + "inlineStyleLanguage": "scss", + "assets": ["src/favicon.ico", "src/assets"], + "styles": ["src/styles.scss"], + "scripts": [] + }, + "configurations": { + "production": { + "budgets": [ + { + "type": "initial", + "maximumWarning": "500kb", + "maximumError": "2.0mb" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "2kb", + "maximumError": "4kb" + } + ], + "fileReplacements": [ + { + "replace": "src/environments/environment.ts", + "with": "src/environments/environment.prod.ts" + } + ], + "outputHashing": "all", + "sourceMap": { + "hidden": false, + "scripts": true, + "styles": true + } + }, + "development": { + "buildOptimizer": false, + "optimization": false, + "vendorChunk": true, + "extractLicenses": false, + "sourceMap": true, + "namedChunks": true + } + }, + "defaultConfiguration": "production" + }, + "serve": { + "builder": "ngx-build-plus:dev-server", + "configurations": { + "production": { + "browserTarget": "edc-demo-client:build:production" + }, + "development": { + "browserTarget": "edc-demo-client:build:development" + } + }, + "options": { + "extraWebpackConfig": "webpack.config.js", + "browserTarget": "project-name:build" + }, + "defaultConfiguration": "development" + }, + "extract-i18n": { + "builder": "@angular-devkit/build-angular:extract-i18n", + "options": { + "browserTarget": "edc-demo-client:build" + } + }, + "test": { + "builder": "@angular-devkit/build-angular:karma", + "options": { + "main": "src/test.ts", + "polyfills": "src/polyfills.ts", + "tsConfig": "tsconfig.spec.json", + "karmaConfig": "karma.conf.js", + "inlineStyleLanguage": "scss", + "assets": ["src/favicon.ico", "src/assets"], + "styles": ["src/styles.scss"], + "scripts": [] + } + } + } + } + }, + "cli": { + "analytics": false + } +} diff --git a/connector-ui/config-generator.js b/connector-ui/config-generator.js new file mode 100644 index 000000000..8d6e1dadb --- /dev/null +++ b/connector-ui/config-generator.js @@ -0,0 +1,55 @@ +const {writeFileSync, existsSync, readFileSync} = require('fs'); +const dotenv = require('dotenv'); + +// Generate app-config.json from ENV Vars +// Priority: ENV VAR > .env > .env.local-dev +// Usage: node ./config-generator.js + +// app-config.json in production is not generated by this script + +/** + * Reads given .env file + * + * @param path path to .env file + * @return vars (Record
+
diff --git a/connector-ui/src/app/routes/connector-ui/asset-edit-page/asset-edit-page/asset-edit-page.component.ts b/connector-ui/src/app/routes/connector-ui/asset-edit-page/asset-edit-page/asset-edit-page.component.ts
new file mode 100644
index 000000000..a8a944d04
--- /dev/null
+++ b/connector-ui/src/app/routes/connector-ui/asset-edit-page/asset-edit-page/asset-edit-page.component.ts
@@ -0,0 +1,162 @@
+import {Component, OnInit} from '@angular/core';
+import {ActivatedRoute, Router} from '@angular/router';
+import {EMPTY, Observable, catchError, finalize, tap} from 'rxjs';
+import {
+ DataOfferCreationRequestPolicyEnum,
+ IdResponseDto,
+ UiAssetEditRequest,
+} from '@sovity.de/edc-client';
+import {EdcApiService} from 'src/app/core/services/api/edc-api.service';
+import {AssetRequestBuilder} from 'src/app/core/services/asset-request-builder';
+import {AssetService} from 'src/app/core/services/asset.service';
+import {Fetched} from 'src/app/core/services/models/fetched';
+import {UiAssetMapped} from 'src/app/core/services/models/ui-asset-mapped';
+import {NotificationService} from 'src/app/core/services/notification.service';
+import {editAssetFormRequiredViewProviders} from '../../../../shared/business/edit-asset-form/edit-asset-form-required-providers';
+import {EditAssetForm} from '../../../../shared/business/edit-asset-form/form/edit-asset-form';
+import {EditAssetFormInitializer} from '../../../../shared/business/edit-asset-form/form/edit-asset-form-initializer';
+import {EditAssetFormValue} from '../../../../shared/business/edit-asset-form/form/model/edit-asset-form-model';
+import {ExpressionFormHandler} from '../../../../shared/business/policy-editor/editor/expression-form-handler';
+
+@Component({
+ selector: 'asset-edit-page',
+ templateUrl: './asset-edit-page.component.html',
+ providers: [EditAssetFormInitializer, AssetRequestBuilder],
+ viewProviders: editAssetFormRequiredViewProviders,
+})
+export class AssetEditPageComponent implements OnInit {
+ asset: Fetched
+
+