Skip to content
Snippets Groups Projects
Commit 4d067d1a authored by Callari, Roberto's avatar Callari, Roberto
Browse files

updates

parent 396f089f
No related branches found
No related tags found
No related merge requests found
Showing
with 226 additions and 30 deletions
<div class="d-flex justify-content-center align-items-center h-100">
<mat-card class="col-6" *ngFor="let c of cards">
<mat-card-header>
<div mat-card-avatar> <img mat-card-image src="/assets/images/oia.png" > </div>
<mat-card-title>{{c.title}}</mat-card-title>
<mat-card-subtitle>{{c.subtitle}}</mat-card-subtitle>
</mat-card-header>
<img mat-card-image src="/assets/images/oia-page.png" alt="Photo of a Shiba Inu">
<mat-card-content>
<p>
{{c.description}}
</p>
</mat-card-content>
<mat-card-actions class="d-flex justify-content-center">
<a href="{{c.url}}" mat-button>OPEN</a>
</mat-card-actions>
</mat-card>
</div>
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { CardLinksComponent } from './card-links.component';
describe('CardLinksComponent', () => {
let component: CardLinksComponent;
let fixture: ComponentFixture<CardLinksComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ CardLinksComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(CardLinksComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
import { ConfigService } from '@ngx-config/core';
class Card {
url: string; //url link
title: string; //application name
image: string; //path into assets
description: string; //application description
responsible_partner?:string;
subtitle?:string;
avatar?:string;
constructor(init?: Partial<Card>) {
Object.assign(this, init);
}
}
@Component({
selector: 'ngx-card-links',
templateUrl: './card-links.component.html',
styleUrls: ['./card-links.component.scss']
})
export class CardLinksComponent implements OnInit {
constructor(private configService: ConfigService) { }
cards = Array<Card>();
ngOnInit(): void {
this.cards = this.configService.getSettings("external-application-cards");
console.log(this.cards)
}
}
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ExternalAppComponent } from './external-app.component';
import { CardLinksComponent } from './card-links/card-links.component';
import { IframesComponent } from './iframes/iframes.component';
const routes: Routes = [{
path: '',
component: ExternalAppComponent,
children: [{
path: 'card-links',
component: CardLinksComponent,
}, {
path: 'iframes',
component: IframesComponent,
}
],
}];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class ExternalAppRoutingModule { }
import { Component } from '@angular/core';
@Component({
selector: 'ngx-external-app',
template: `
<router-outlet></router-outlet>
`,
})
export class ExternalAppComponent {
}
import { NgModule } from '@angular/core';
import { CardLinksComponent } from './card-links/card-links.component';
import { IframesComponent } from './iframes/iframes.component';
import { ExternalAppComponent } from './external-app.component';
import { ThemeModule } from '../../@theme/theme.module';
import { ExternalAppRoutingModule } from './external-app-routing.module';
import { NbCardModule } from '@nebular/theme';
import {MatCardModule} from '@angular/material/card';
const components = [
ExternalAppComponent,
CardLinksComponent,
IframesComponent,
];
@NgModule({
declarations: [...components],
imports: [
ThemeModule,
ExternalAppRoutingModule,
NbCardModule,
MatCardModule
]
})
export class ExternalAppModule { }
<iframe src="https://idra.eng.it" width="100%" height="680" frameborder="0"></iframe>
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { IframesComponent } from './iframes.component';
describe('IframesComponent', () => {
let component: IframesComponent;
let fixture: ComponentFixture<IframesComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ IframesComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(IframesComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'ngx-iframes',
templateUrl: './iframes.component.html',
styleUrls: ['./iframes.component.scss']
})
export class IframesComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
...@@ -5,25 +5,6 @@ export const MENU_ITEMS: NbMenuItem[] = [ ...@@ -5,25 +5,6 @@ export const MENU_ITEMS: NbMenuItem[] = [
title: 'SERVICES', title: 'SERVICES',
group: true, group: true,
}, },
{
title: 'UI Features',
icon: 'keypad-outline',
link: '/pages/ui-features',
children: [
{
title: 'Grid',
link: '/pages/ui-features/grid',
},
{
title: 'Icons',
link: '/pages/ui-features/icons',
},
{
title: 'Typography',
link: '/pages/ui-features/typography',
}
],
},
{ {
title: 'Maps', title: 'Maps',
icon: 'map-outline', icon: 'map-outline',
...@@ -53,13 +34,38 @@ export const MENU_ITEMS: NbMenuItem[] = [ ...@@ -53,13 +34,38 @@ export const MENU_ITEMS: NbMenuItem[] = [
], ],
}, },
{ {
title: 'Miscellaneous', title: 'External App',
icon: 'shuffle-2-outline', icon: 'external-link-outline',
link: '/pages/external-app',
children: [ children: [
{ {
title: '404', title: 'Card Links',
link: '/pages/miscellaneous/404', link: '/pages/external-app/card-links',
}, },
{
title: 'Iframes',
link: '/pages/external-app/iframes',
}
], ],
}, },
{
title: 'UI Features',
icon: 'keypad-outline',
link: '/pages/ui-features',
children: [
{
title: 'Grid',
link: '/pages/ui-features/grid',
},
{
title: 'Icons',
link: '/pages/ui-features/icons',
},
{
title: 'Typography',
link: '/pages/ui-features/typography',
}
],
},
]; ];
...@@ -9,16 +9,16 @@ const routes: Routes = [{ ...@@ -9,16 +9,16 @@ const routes: Routes = [{
component: PagesComponent, component: PagesComponent,
children: [ children: [
{
path: 'external-app',
loadChildren: () => import('./external-app/external-app.module')
.then(m => m.ExternalAppModule),
},
{ {
path: 'ui-features', path: 'ui-features',
loadChildren: () => import('./ui-features/ui-features.module') loadChildren: () => import('./ui-features/ui-features.module')
.then(m => m.UiFeaturesModule), .then(m => m.UiFeaturesModule),
}, },
{
path: 'miscellaneous',
loadChildren: () => import('./miscellaneous/miscellaneous.module')
.then(m => m.MiscellaneousModule),
},
{ {
path: 'maps', path: 'maps',
loadChildren: () => import('./maps/maps.module') loadChildren: () => import('./maps/maps.module')
...@@ -31,7 +31,7 @@ const routes: Routes = [{ ...@@ -31,7 +31,7 @@ const routes: Routes = [{
}, },
{ {
path: '', path: '',
redirectTo: 'ui-features', redirectTo: 'external-app',
pathMatch: 'full', pathMatch: 'full',
}, },
{ {
......
{ {
"external-application-cards":[
{
"url": "http://217.172.12.141:8080",
"title": "Open Innovation Area",
"subtitle":"The collaboration environment where you can be an active user.",
"avatar": "/assets/images/oia.png",
"image": "/assets/images/oia-page.png",
"description": "The Open Innovation Area (OIA) is an evolved Idea Management System that allows the stakeholders to track real needs and to address them by adopting a co-creation and innovation approach.",
"responsible_partner":"ENG"
}
]
} }
\ No newline at end of file
src/assets/images/oia-page.png

140 KiB

src/assets/images/oia.png

32.7 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment