peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 04:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add error message if no aplicationId is send with ask.

Browse Source 
Improve pudblication detail page styling in css.
This commit is contained in:
tiago.kayaya
2021-12-20 12:39:39 +01:00
parent d992f546ef
commit 36e02bfca4
3 changed files with 36 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/publication/view-publications/publication-detail/publication-detail.page.html
+22 -28
View File
@@ -1,24 +1,28 @@
<!-- <ion-header class="ion-no-border">
</ion-header> -->
<ion-header class="ion-no-border">
<div *ngIf="publication.Title != ''" class="title-content d-flex pl-20 pt-25">
<div class="back-icon cursor-pointer" (click)="goBack()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
</div>
<div class="div-title">
<ion-label class="title"> {{publication.Title}}</ion-label>
<p class="post-data">{{publication.DatePublication | date: 'dd-MM-yy | h:mm'}}</p>
</div>
</div>
<div *ngIf="publication.Title == ''" class="title-contentd-flex pl-20 pt-25">
<div class="back-icon cursor-pointer">
<ion-icon (click)="goBack()" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
</div>
<div class="div-title">
<ion-label class="title"><ion-skeleton-text animated style="width: 60%;"></ion-skeleton-text></ion-label>
<p class="post-data"><ion-skeleton-text animated style="width: 20%;"></ion-skeleton-text></p>
</div>
</div>
</ion-header>
<ion-content>
<div class="content-container">
<div *ngIf="publication.Title != ''">
<div class="title-content d-flex pl-20">
<div class="back-icon cursor-pointer" (click)="goBack()">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
</div>
<div class="div-title">
<ion-label class="title"> {{publication.Title}}</ion-label>
<p class="post-data">{{publication.DatePublication | date: 'dd-MM-yy | h:mm'}}</p>
</div>
</div>
<ion-refresher name="refresher" slot="fixed" (ionRefresh)="doRefresh($event)">
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
<ion-refresher-content>
@@ -37,17 +41,7 @@
</div>
</div>
<div *ngIf="publication.Title == ''">
<div class="title-content">
<div class="back-icon cursor-pointer">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " (click)="close()" slot="end" src='assets/images/assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
</div>
<div class="div-title">
<ion-label class="title"><ion-skeleton-text animated style="width: 60%;"></ion-skeleton-text></ion-label>
<p class="post-data"><ion-skeleton-text animated style="width: 20%;"></ion-skeleton-text></p>
</div>
</div>
<div class="post-item">
<div class="post-item px-20">
<div class="post-img">
<img src="/assets/icon/icon-no-image.svg" alt="image">
</div>
src/app/shared/publication/view-publications/publication-detail/publication-detail.page.scss
+11 -5
View File
@@ -9,14 +9,15 @@
ion-toolbar{
border-width: 0 !important;
}
.div-top-header{
/* .div-top-header{
width: 400px;
margin: 0 auto;
background-color: #0782c9;
overflow: auto;
padding-top: 15px;
border: 0!important;
}
border: 1px solid blue;
} */
.div-search{
font-size: 45px;
float: left;
@@ -47,13 +48,18 @@
.content-container{
width: 100%;
margin:0 auto;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
background: #ffffff;
height: 100%;
padding: 25px 0px 0 0px;
padding: 0 !important;
overflow: auto;
}
.post-item{
//Do something
}
.title-content{
overflow: auto;
}
@@ -86,4 +92,4 @@
.post-description{
margin: 0 auto;
margin-bottom: 35px;
}
}