diff --git a/src/app/admin/admin-ldn-services/admin-ldn-services-routing.module.ts b/src/app/admin/admin-ldn-services/admin-ldn-services-routing.module.ts new file mode 100644 index 0000000000..740cd39621 --- /dev/null +++ b/src/app/admin/admin-ldn-services/admin-ldn-services-routing.module.ts @@ -0,0 +1,30 @@ +import { NgModule } from '@angular/core'; +import { RouterModule } from '@angular/router'; +import { I18nBreadcrumbResolver } from 'src/app/core/breadcrumbs/i18n-breadcrumb.resolver'; +import { LdnServicesOverviewComponent } from './ldn-services-directory/ldn-services-directory.component'; +import { LdnServicesGuard } from './ldn-services-guard/ldn-services-guard.service'; +import { LdnServiceNewComponent } from './ldn-service-new/ldn-service-new.component'; + +@NgModule({ + imports: [ + RouterModule.forChild([ + { + path: '', + pathMatch: 'full', + component: LdnServicesOverviewComponent, + resolve: { breadcrumb: I18nBreadcrumbResolver }, + data: { title: 'ldn-registered-services.title', breadcrumbKey: 'ldn-registered-services.new' }, + canActivate: [LdnServicesGuard] + }, + { + path: 'new', + resolve: { breadcrumb: I18nBreadcrumbResolver }, + component: LdnServiceNewComponent, + data: { title: 'ldn-register-new-service.title', breadcrumbKey: 'ldn-register-new-service' } + }, + ]), + ] +}) +export class AdminLdnServicesRoutingModule { + +} diff --git a/src/app/admin/admin-ldn-services/admin-ldn-services.module.ts b/src/app/admin/admin-ldn-services/admin-ldn-services.module.ts new file mode 100644 index 0000000000..c03c16109e --- /dev/null +++ b/src/app/admin/admin-ldn-services/admin-ldn-services.module.ts @@ -0,0 +1,23 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { AdminLdnServicesRoutingModule } from './admin-ldn-services-routing.module'; +import { LdnServicesOverviewComponent } from './ldn-services-directory/ldn-services-directory.component'; +import { SharedModule } from '../../shared/shared.module'; +import { LdnServiceNewComponent } from './ldn-service-new/ldn-service-new.component'; +import { LdnServiceFormComponent } from './ldn-service-form/ldn-service-form.component'; + + + +@NgModule({ + imports: [ + CommonModule, + SharedModule, + AdminLdnServicesRoutingModule, + ], + declarations: [ + LdnServicesOverviewComponent, + LdnServiceNewComponent, + LdnServiceFormComponent, + ] +}) +export class AdminLdnServicesModule { } diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html new file mode 100644 index 0000000000..64146b31a1 --- /dev/null +++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.html @@ -0,0 +1,96 @@ +
diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.scss b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.scss new file mode 100644 index 0000000000..53bc21d1b3 --- /dev/null +++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.scss @@ -0,0 +1,51 @@ + +form { + display: flex; + flex-direction: column; + align-items: flex-start; + margin: 0 auto; + max-width: 600px; + font-size: 14px; +} + + +.form-group input[type="text"], +.form-group select { + max-width: 100%; + width: 100%; + padding: 8px; + margin-bottom: 5px; + box-sizing: border-box; + font-size: 14px; +} + + +.description { + height: 9em; + width: 100%; +} + + +.form-group select { + position: relative; + z-index: 1; +} + + +.form-group select option { + font-weight: bold; +} + +.add-pattern-link{ + color: #0048ff; + cursor: pointer; + margin-left: 10px; +} +.remove-pattern-link{ + color: #e34949; + cursor: pointer; + margin-left: 10px; +} + + + diff --git a/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.spec.ts b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.spec.ts new file mode 100644 index 0000000000..3ae834d642 --- /dev/null +++ b/src/app/admin/admin-ldn-services/ldn-service-form/ldn-service-form.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LdnServiceFormComponent } from './ldn-service-form.component'; + +describe('LdnServiceFormComponent', () => { + let component: LdnServiceFormComponent; + let fixture: ComponentFixture{{'service.overview.table.name' | translate}} | +{{'service.overview.table.description' | translate}} | +{{'service.overview.table.status' | translate}} | +{{'service.overview.table.actions' | translate}} | +
---|---|---|---|
{{ldnService.id}} | +{{ldnService.description}} | ++ + | +