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

save improvements

Browse Source
This commit is contained in:
tiago.kayaya
2021-09-27 12:09:33 +01:00
parent 4d2a9b2eed
commit 7e39540442
3 changed files with 39 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/chat/chat.page.html
+14 -4
View File
@@ -68,12 +68,12 @@
<div class="item-description" [class.item-description-active]="dm._id == idSelected">
<ion-label *ngIf="dm.lastMessage">{{dm.lastMessage.msg}}</ion-label>
<ion-label *ngIf="dm.lastMessage.file">
<fa-icon icon="file-alt" class="pdf-icon"></fa-icon>
<fa-icon icon="file-alt" class="file-icon"></fa-icon>
<span> {{dm.lastMessage.file.name}}</span>
</ion-label>
<ion-label *ngIf="dm.lastMessage.attachments">
<div *ngIf="dm.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="pdf-icon"></fa-icon>
<fa-icon icon="image" class="file-icon"></fa-icon>
<span> Fotografia</span>
</div>
</ion-label>
@@ -98,8 +98,18 @@
</div>
<div class="item-date" [class.item-date-active]="group._id ==idSelected" *ngIf="group.lastMessage">{{showDateDuration(group._updatedAt)}}</div>
</div>
<div class="item-description" [class.item-description-active]="group._id ==idSelected" *ngIf="group.lastMessage">
<ion-label>{{group.lastMessage.u.name}}: {{group.lastMessage.msg}}</ion-label>
<div class="item-description d-flex align-items-center" [class.item-description-active]="group._id ==idSelected" *ngIf="group.lastMessage">
<div class="item-message">{{group.lastMessage.u.name}}: {{group.lastMessage.msg}} </div>
<div class="item-files" *ngIf="group.lastMessage.file">
<fa-icon icon="file-alt" class="file-icon"></fa-icon>
<span> {{group.lastMessage.file.name}}</span>
</div>
<div class="item-files" *ngIf="group.lastMessage.attachments">
<div *ngIf="group.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="file-icon"></fa-icon>
<span> Fotografia</span>
</div>
</div>
</div>
</div>
</div>
src/app/pages/chat/chat.page.scss
+9
View File
@@ -117,6 +117,15 @@ ion-content{
.item-description{
font-size: 13px;
color: #000;
overflow: auto;
.item-message{
float: left;
padding-right: 5px;
}
.item-files{
float: left;
}
}
.item-description-active{
color: #fff;
src/global.scss
+16 -12
View File
@@ -1134,18 +1134,6 @@ ngx-mat-datetime-content{
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.pdf-icon{
color: #a40404;
}
.word-icon{
color: #295497;
}
.excel-icon{
color: #1f7244;
}
.powerpoint-icon{
color: #d24726;
}
}
}
.file-details-optional{
@@ -1154,6 +1142,22 @@ ngx-mat-datetime-content{
}
}
.file-icon{
color: #b2b2b2 !important;
}
.pdf-icon{
color: #a40404;
}
.word-icon{
color: #295497;
}
.excel-icon{
color: #1f7244;
}
.powerpoint-icon{
color: #d24726;
}
@media only screen and (min-width: 665px) {
.loading-blocker {