From 8e31026caa42b7d699cfa14f05718b6794e96028 Mon Sep 17 00:00:00 2001 From: Tiago Kayaya Date: Tue, 1 Dec 2020 14:03:15 +0100 Subject: [PATCH] =?UTF-8?q?UI=20of=20publication=C2=B4s=20list=20page=20fi?= =?UTF-8?q?nished?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../gallery/gallery-routing.module.ts | 17 +++ .../publications/gallery/gallery.module.ts | 20 +++ .../publications/gallery/gallery.page.html | 9 ++ .../publications/gallery/gallery.page.scss | 0 .../publications/gallery/gallery.page.spec.ts | 24 +++ .../publications/gallery/gallery.page.ts | 15 ++ .../new-action/new-action-routing.module.ts | 17 +++ .../new-action/new-action.module.ts | 20 +++ .../new-action/new-action.page.html | 9 ++ .../new-action/new-action.page.scss | 0 .../new-action/new-action.page.spec.ts | 24 +++ .../new-action/new-action.page.ts | 15 ++ .../new-publication-routing.module.ts | 17 +++ .../new-publication/new-publication.module.ts | 20 +++ .../new-publication/new-publication.page.html | 9 ++ .../new-publication/new-publication.page.scss | 0 .../new-publication.page.spec.ts | 24 +++ .../new-publication/new-publication.page.ts | 15 ++ .../publication-detail-routing.module.ts | 17 +++ .../publication-detail.module.ts | 20 +++ .../publication-detail.page.html | 9 ++ .../publication-detail.page.scss | 0 .../publication-detail.page.spec.ts | 24 +++ .../publication-detail.page.ts | 15 ++ .../publications-routing.module.ts | 20 +++ .../pages/publications/publications.page.html | 2 +- .../pages/publications/publications.page.scss | 11 +- .../view-publications-routing.module.ts | 17 +++ .../view-publications.module.ts | 20 +++ .../view-publications.page.html | 69 +++++++++ .../view-publications.page.scss | 138 ++++++++++++++++++ .../view-publications.page.spec.ts | 24 +++ .../view-publications.page.ts | 15 ++ src/assets/images/icons-add-photo.svg | 26 ++++ 34 files changed, 680 insertions(+), 2 deletions(-) create mode 100644 src/app/pages/publications/gallery/gallery-routing.module.ts create mode 100644 src/app/pages/publications/gallery/gallery.module.ts create mode 100644 src/app/pages/publications/gallery/gallery.page.html create mode 100644 src/app/pages/publications/gallery/gallery.page.scss create mode 100644 src/app/pages/publications/gallery/gallery.page.spec.ts create mode 100644 src/app/pages/publications/gallery/gallery.page.ts create mode 100644 src/app/pages/publications/new-action/new-action-routing.module.ts create mode 100644 src/app/pages/publications/new-action/new-action.module.ts create mode 100644 src/app/pages/publications/new-action/new-action.page.html create mode 100644 src/app/pages/publications/new-action/new-action.page.scss create mode 100644 src/app/pages/publications/new-action/new-action.page.spec.ts create mode 100644 src/app/pages/publications/new-action/new-action.page.ts create mode 100644 src/app/pages/publications/new-publication/new-publication-routing.module.ts create mode 100644 src/app/pages/publications/new-publication/new-publication.module.ts create mode 100644 src/app/pages/publications/new-publication/new-publication.page.html create mode 100644 src/app/pages/publications/new-publication/new-publication.page.scss create mode 100644 src/app/pages/publications/new-publication/new-publication.page.spec.ts create mode 100644 src/app/pages/publications/new-publication/new-publication.page.ts create mode 100644 src/app/pages/publications/publication-detail/publication-detail-routing.module.ts create mode 100644 src/app/pages/publications/publication-detail/publication-detail.module.ts create mode 100644 src/app/pages/publications/publication-detail/publication-detail.page.html create mode 100644 src/app/pages/publications/publication-detail/publication-detail.page.scss create mode 100644 src/app/pages/publications/publication-detail/publication-detail.page.spec.ts create mode 100644 src/app/pages/publications/publication-detail/publication-detail.page.ts create mode 100644 src/app/pages/publications/view-publications/view-publications-routing.module.ts create mode 100644 src/app/pages/publications/view-publications/view-publications.module.ts create mode 100644 src/app/pages/publications/view-publications/view-publications.page.html create mode 100644 src/app/pages/publications/view-publications/view-publications.page.scss create mode 100644 src/app/pages/publications/view-publications/view-publications.page.spec.ts create mode 100644 src/app/pages/publications/view-publications/view-publications.page.ts create mode 100644 src/assets/images/icons-add-photo.svg diff --git a/src/app/pages/publications/gallery/gallery-routing.module.ts b/src/app/pages/publications/gallery/gallery-routing.module.ts new file mode 100644 index 000000000..28f6ed7bd --- /dev/null +++ b/src/app/pages/publications/gallery/gallery-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { GalleryPage } from './gallery.page'; + +const routes: Routes = [ + { + path: '', + component: GalleryPage + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class GalleryPageRoutingModule {} diff --git a/src/app/pages/publications/gallery/gallery.module.ts b/src/app/pages/publications/gallery/gallery.module.ts new file mode 100644 index 000000000..4b1b92f74 --- /dev/null +++ b/src/app/pages/publications/gallery/gallery.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; + +import { IonicModule } from '@ionic/angular'; + +import { GalleryPageRoutingModule } from './gallery-routing.module'; + +import { GalleryPage } from './gallery.page'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + IonicModule, + GalleryPageRoutingModule + ], + declarations: [GalleryPage] +}) +export class GalleryPageModule {} diff --git a/src/app/pages/publications/gallery/gallery.page.html b/src/app/pages/publications/gallery/gallery.page.html new file mode 100644 index 000000000..e356937b2 --- /dev/null +++ b/src/app/pages/publications/gallery/gallery.page.html @@ -0,0 +1,9 @@ + + + gallery + + + + + + diff --git a/src/app/pages/publications/gallery/gallery.page.scss b/src/app/pages/publications/gallery/gallery.page.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/pages/publications/gallery/gallery.page.spec.ts b/src/app/pages/publications/gallery/gallery.page.spec.ts new file mode 100644 index 000000000..6e98b7fea --- /dev/null +++ b/src/app/pages/publications/gallery/gallery.page.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { GalleryPage } from './gallery.page'; + +describe('GalleryPage', () => { + let component: GalleryPage; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ GalleryPage ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(GalleryPage); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/publications/gallery/gallery.page.ts b/src/app/pages/publications/gallery/gallery.page.ts new file mode 100644 index 000000000..cec825cc0 --- /dev/null +++ b/src/app/pages/publications/gallery/gallery.page.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-gallery', + templateUrl: './gallery.page.html', + styleUrls: ['./gallery.page.scss'], +}) +export class GalleryPage implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/publications/new-action/new-action-routing.module.ts b/src/app/pages/publications/new-action/new-action-routing.module.ts new file mode 100644 index 000000000..1d4569653 --- /dev/null +++ b/src/app/pages/publications/new-action/new-action-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { NewActionPage } from './new-action.page'; + +const routes: Routes = [ + { + path: '', + component: NewActionPage + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class NewActionPageRoutingModule {} diff --git a/src/app/pages/publications/new-action/new-action.module.ts b/src/app/pages/publications/new-action/new-action.module.ts new file mode 100644 index 000000000..466fe5a3a --- /dev/null +++ b/src/app/pages/publications/new-action/new-action.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; + +import { IonicModule } from '@ionic/angular'; + +import { NewActionPageRoutingModule } from './new-action-routing.module'; + +import { NewActionPage } from './new-action.page'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + IonicModule, + NewActionPageRoutingModule + ], + declarations: [NewActionPage] +}) +export class NewActionPageModule {} diff --git a/src/app/pages/publications/new-action/new-action.page.html b/src/app/pages/publications/new-action/new-action.page.html new file mode 100644 index 000000000..a61ee03a3 --- /dev/null +++ b/src/app/pages/publications/new-action/new-action.page.html @@ -0,0 +1,9 @@ + + + new-action + + + + + + diff --git a/src/app/pages/publications/new-action/new-action.page.scss b/src/app/pages/publications/new-action/new-action.page.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/pages/publications/new-action/new-action.page.spec.ts b/src/app/pages/publications/new-action/new-action.page.spec.ts new file mode 100644 index 000000000..7407b0b41 --- /dev/null +++ b/src/app/pages/publications/new-action/new-action.page.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { NewActionPage } from './new-action.page'; + +describe('NewActionPage', () => { + let component: NewActionPage; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NewActionPage ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(NewActionPage); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/publications/new-action/new-action.page.ts b/src/app/pages/publications/new-action/new-action.page.ts new file mode 100644 index 000000000..5cd12f661 --- /dev/null +++ b/src/app/pages/publications/new-action/new-action.page.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-new-action', + templateUrl: './new-action.page.html', + styleUrls: ['./new-action.page.scss'], +}) +export class NewActionPage implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/publications/new-publication/new-publication-routing.module.ts b/src/app/pages/publications/new-publication/new-publication-routing.module.ts new file mode 100644 index 000000000..69521e65c --- /dev/null +++ b/src/app/pages/publications/new-publication/new-publication-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { NewPublicationPage } from './new-publication.page'; + +const routes: Routes = [ + { + path: '', + component: NewPublicationPage + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class NewPublicationPageRoutingModule {} diff --git a/src/app/pages/publications/new-publication/new-publication.module.ts b/src/app/pages/publications/new-publication/new-publication.module.ts new file mode 100644 index 000000000..c91c34b29 --- /dev/null +++ b/src/app/pages/publications/new-publication/new-publication.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; + +import { IonicModule } from '@ionic/angular'; + +import { NewPublicationPageRoutingModule } from './new-publication-routing.module'; + +import { NewPublicationPage } from './new-publication.page'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + IonicModule, + NewPublicationPageRoutingModule + ], + declarations: [NewPublicationPage] +}) +export class NewPublicationPageModule {} diff --git a/src/app/pages/publications/new-publication/new-publication.page.html b/src/app/pages/publications/new-publication/new-publication.page.html new file mode 100644 index 000000000..620fae77e --- /dev/null +++ b/src/app/pages/publications/new-publication/new-publication.page.html @@ -0,0 +1,9 @@ + + + new-publication + + + + + + diff --git a/src/app/pages/publications/new-publication/new-publication.page.scss b/src/app/pages/publications/new-publication/new-publication.page.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/pages/publications/new-publication/new-publication.page.spec.ts b/src/app/pages/publications/new-publication/new-publication.page.spec.ts new file mode 100644 index 000000000..09d8beae8 --- /dev/null +++ b/src/app/pages/publications/new-publication/new-publication.page.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { NewPublicationPage } from './new-publication.page'; + +describe('NewPublicationPage', () => { + let component: NewPublicationPage; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ NewPublicationPage ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(NewPublicationPage); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/publications/new-publication/new-publication.page.ts b/src/app/pages/publications/new-publication/new-publication.page.ts new file mode 100644 index 000000000..c3efdef45 --- /dev/null +++ b/src/app/pages/publications/new-publication/new-publication.page.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-new-publication', + templateUrl: './new-publication.page.html', + styleUrls: ['./new-publication.page.scss'], +}) +export class NewPublicationPage implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/publications/publication-detail/publication-detail-routing.module.ts b/src/app/pages/publications/publication-detail/publication-detail-routing.module.ts new file mode 100644 index 000000000..d1ed32f55 --- /dev/null +++ b/src/app/pages/publications/publication-detail/publication-detail-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { PublicationDetailPage } from './publication-detail.page'; + +const routes: Routes = [ + { + path: '', + component: PublicationDetailPage + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class PublicationDetailPageRoutingModule {} diff --git a/src/app/pages/publications/publication-detail/publication-detail.module.ts b/src/app/pages/publications/publication-detail/publication-detail.module.ts new file mode 100644 index 000000000..116453af2 --- /dev/null +++ b/src/app/pages/publications/publication-detail/publication-detail.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; + +import { IonicModule } from '@ionic/angular'; + +import { PublicationDetailPageRoutingModule } from './publication-detail-routing.module'; + +import { PublicationDetailPage } from './publication-detail.page'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + IonicModule, + PublicationDetailPageRoutingModule + ], + declarations: [PublicationDetailPage] +}) +export class PublicationDetailPageModule {} diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.html b/src/app/pages/publications/publication-detail/publication-detail.page.html new file mode 100644 index 000000000..decc298b8 --- /dev/null +++ b/src/app/pages/publications/publication-detail/publication-detail.page.html @@ -0,0 +1,9 @@ + + + publication-detail + + + + + + diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.scss b/src/app/pages/publications/publication-detail/publication-detail.page.scss new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.spec.ts b/src/app/pages/publications/publication-detail/publication-detail.page.spec.ts new file mode 100644 index 000000000..8a3f20488 --- /dev/null +++ b/src/app/pages/publications/publication-detail/publication-detail.page.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { PublicationDetailPage } from './publication-detail.page'; + +describe('PublicationDetailPage', () => { + let component: PublicationDetailPage; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ PublicationDetailPage ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(PublicationDetailPage); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/publications/publication-detail/publication-detail.page.ts b/src/app/pages/publications/publication-detail/publication-detail.page.ts new file mode 100644 index 000000000..822d0a0e4 --- /dev/null +++ b/src/app/pages/publications/publication-detail/publication-detail.page.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-publication-detail', + templateUrl: './publication-detail.page.html', + styleUrls: ['./publication-detail.page.scss'], +}) +export class PublicationDetailPage implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/app/pages/publications/publications-routing.module.ts b/src/app/pages/publications/publications-routing.module.ts index e951960ec..28e1de170 100644 --- a/src/app/pages/publications/publications-routing.module.ts +++ b/src/app/pages/publications/publications-routing.module.ts @@ -7,6 +7,26 @@ const routes: Routes = [ { path: '', component: PublicationsPage + }, + { + path: 'new-publication', + loadChildren: () => import('./new-publication/new-publication.module').then( m => m.NewPublicationPageModule) + }, + { + path: 'gallery', + loadChildren: () => import('./gallery/gallery.module').then( m => m.GalleryPageModule) + }, + { + path: 'new-action', + loadChildren: () => import('./new-action/new-action.module').then( m => m.NewActionPageModule) + }, + { + path: 'publication-detail', + loadChildren: () => import('./publication-detail/publication-detail.module').then( m => m.PublicationDetailPageModule) + }, + { + path: 'view-publications', + loadChildren: () => import('./view-publications/view-publications.module').then( m => m.ViewPublicationsPageModule) } ]; diff --git a/src/app/pages/publications/publications.page.html b/src/app/pages/publications/publications.page.html index 5a882011a..93127052c 100644 --- a/src/app/pages/publications/publications.page.html +++ b/src/app/pages/publications/publications.page.html @@ -24,7 +24,7 @@ -
+
diff --git a/src/app/pages/publications/publications.page.scss b/src/app/pages/publications/publications.page.scss index 1c0eead63..0d1dc5403 100644 --- a/src/app/pages/publications/publications.page.scss +++ b/src/app/pages/publications/publications.page.scss @@ -1,3 +1,13 @@ +:host{ + background: #0782c9; +} +ion-content{ + --background: transparent; +} +ion-toolbar{ + background: transparent; + border-width: 0 !important; +} .div-top-header{ width: 400px; margin: 0 auto; @@ -97,5 +107,4 @@ .item-content-detail{ color: #000000; font-size: 13px; - } \ No newline at end of file diff --git a/src/app/pages/publications/view-publications/view-publications-routing.module.ts b/src/app/pages/publications/view-publications/view-publications-routing.module.ts new file mode 100644 index 000000000..6493c8be8 --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; + +import { ViewPublicationsPage } from './view-publications.page'; + +const routes: Routes = [ + { + path: '', + component: ViewPublicationsPage + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule], +}) +export class ViewPublicationsPageRoutingModule {} diff --git a/src/app/pages/publications/view-publications/view-publications.module.ts b/src/app/pages/publications/view-publications/view-publications.module.ts new file mode 100644 index 000000000..0a1269282 --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications.module.ts @@ -0,0 +1,20 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { FormsModule } from '@angular/forms'; + +import { IonicModule } from '@ionic/angular'; + +import { ViewPublicationsPageRoutingModule } from './view-publications-routing.module'; + +import { ViewPublicationsPage } from './view-publications.page'; + +@NgModule({ + imports: [ + CommonModule, + FormsModule, + IonicModule, + ViewPublicationsPageRoutingModule + ], + declarations: [ViewPublicationsPage] +}) +export class ViewPublicationsPageModule {} diff --git a/src/app/pages/publications/view-publications/view-publications.page.html b/src/app/pages/publications/view-publications/view-publications.page.html new file mode 100644 index 000000000..0314c90e1 --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications.page.html @@ -0,0 +1,69 @@ + + +
+
+ +
+ +
+ +
+
+ + + + +
+
+
+
+ +
+
+ Viagem a Maputo +

Investida de Filipe Nyusi

+

12 de Janeiro

+
+
+ + +
+
+ +
+
+ image +
+
+
+
+ Ateragem em Maputo +
+
1h
+
+
+

Presidente João Lourenço chega a Maputo para investidura de Filipe Nyusi como presidente de Moçambique

+
+
+
+
+
+ image +
+
+
+
+ Ateragem em Maputo +
+
1h
+
+
+

Presidente João Lourenço chega a Maputo para investidura de Filipe Nyusi como presidente de Moçambique

+
+
+
+ +
+ diff --git a/src/app/pages/publications/view-publications/view-publications.page.scss b/src/app/pages/publications/view-publications/view-publications.page.scss new file mode 100644 index 000000000..422165c0f --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications.page.scss @@ -0,0 +1,138 @@ +:host{ + background: #0782c9; + } + ion-content{ + --background: transparent; + transform: translate3d(0, 5px, 0); + --border-radius: 30px; + } + ion-toolbar{ + --background:#0782c9; + border-width: 0 !important; + } + + .div-top-header{ + width: 400px; + margin: 0 auto; + background-color: #0782c9; + overflow: auto; + padding-top: 15px; + border: 0!important; + } + .div-search{ + font-size: 45px; + float: left; + margin: 0 0 0 10px + } + .div-logo{ + background: transparent; + width: 140px; + margin: 5px 0 0px 71px; + float: left; + } + .div-logo img{ + width: 100%; + } + .div-profile{ + font-size: 45px; + float: right; + margin-right: 10px; + } + .content-top{ + width: 90%; + background: #f3f2f2; + height: 20px; + margin: 0 auto; + border-top-left-radius: 25px; + border-top-right-radius: 25px; +} + .content-container{ + width: 100%; + margin:0 auto; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + background: #ffffff; + height: 100%; + box-shadow: 20px 10px 18px #888888; + padding: 25px 20px 0 20px; + overflow: auto; + } + .title-content{ + width: 360px; + margin: 0px auto; + overflow: auto; + padding: 0 !important; + } + .back-icon{ + width: 37px; + float: left; + font-size: 35px; + overflow: auto; + + } + .div-title{ + width: 221px; + /* padding: 0!important; */ + float: left; + margin: 5px 0 0 5px; + } + .title{ + font-size: 25px; + } + + .actions-icon{ + width: 92px; + float: right; + overflow: auto; + } + .actions-icon ion-icon{ + margin-left: 10px; + font-size: 35px; + } + .item-content-date{ + color: #797979; + font-size: 13px; + } + .item-content-detail{ + color: #000000; + font-size: 13px; + } + .post-item{ + width: 360px; + overflow: auto; + margin: 0 auto; + } + .post-img{ + width: 100%; + margin: 0 auto; + } + .post-img img{ + width: 100%; + height: 100%; + } + .post-content{ + width: 360px; + margin: 0 auto; + } + .post-title-time{ + width: 100%; + overflow: auto; + margin-top: 5px; + } + .post-title{ + width: 80%; + float: left; + font-size: 15px; + color: #0d89d1; + } + .post-data{ + width: 20%; + float: left; + font-size: 13px; + color: #797979; + } + .post-description{ + font-size: 13px; + color: #000; + + } \ No newline at end of file diff --git a/src/app/pages/publications/view-publications/view-publications.page.spec.ts b/src/app/pages/publications/view-publications/view-publications.page.spec.ts new file mode 100644 index 000000000..bcd718f84 --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications.page.spec.ts @@ -0,0 +1,24 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; +import { IonicModule } from '@ionic/angular'; + +import { ViewPublicationsPage } from './view-publications.page'; + +describe('ViewPublicationsPage', () => { + let component: ViewPublicationsPage; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ ViewPublicationsPage ], + imports: [IonicModule.forRoot()] + }).compileComponents(); + + fixture = TestBed.createComponent(ViewPublicationsPage); + component = fixture.componentInstance; + fixture.detectChanges(); + })); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/pages/publications/view-publications/view-publications.page.ts b/src/app/pages/publications/view-publications/view-publications.page.ts new file mode 100644 index 000000000..e7a87114e --- /dev/null +++ b/src/app/pages/publications/view-publications/view-publications.page.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-view-publications', + templateUrl: './view-publications.page.html', + styleUrls: ['./view-publications.page.scss'], +}) +export class ViewPublicationsPage implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/src/assets/images/icons-add-photo.svg b/src/assets/images/icons-add-photo.svg new file mode 100644 index 000000000..09fc341d1 --- /dev/null +++ b/src/assets/images/icons-add-photo.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + +