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

responsive

Browse Source
This commit is contained in:
Peter Maquiran
2023-07-06 12:18:15 +01:00
parent 89e11c6fe4
commit 3df11142f6
53 changed files with 695 additions and 893 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/chat/chat.page.html
+20 -20
View File
@@ -4,14 +4,14 @@
<ion-refresher-content>
</ion-refresher-content>
</ion-refresher>
<div class="main-content d-flex height-100 border-t-radius">
<div class="main-content d-flex height-100 border-t-radius viewport-font-size">
<!-- Aside left -->
<div class="aside-wrapper d-flex flex-column flex-grow-1">
<!-- <p class="text-center mt-0 aside-title px-20">Chat</p> -->
<ion-progress-bar type="indeterminate" *ngIf="ChatSystemService.loadingWholeList"></ion-progress-bar>
<div class="title-content">
<div class="div-title">
<ion-label class="title">Chat</ion-label>
<ion-label class="title font-25-em">Chat</ion-label>
</div>
<div class="div-icon">
@@ -33,10 +33,10 @@
<ion-toolbar [class.block-button]="showNewEvent || showNewGroup || showContacts">
<ion-segment [(ngModel)]="segment" (ionChange)="onSegmentChange()">
<ion-segment-button value="Contactos">
<ion-segment-button value="Contactos" class="font-14-em">
Conversas
</ion-segment-button>
<ion-segment-button value="Grupos">
<ion-segment-button value="Grupos" class="font-14-em">
Grupos
</ion-segment-button>
</ion-segment>
@@ -64,19 +64,19 @@
<ion-label >
<span >
<div >
<div [class.bold-message]="room.messageUnread == true">
<div class="font-15-em" [class.bold-message]="room.messageUnread == true">
{{room.name}}
</div>
</div>
</span>
</ion-label>
</div>
<div class="item-date" [class.item-date-active]="room.id == idSelected">{{room.duration}}</div>
<div class="item-date font-13-em" [class.item-date-active]="room.id == idSelected">{{room.duration}}</div>
</div>
<div *ngIf="room.lastMessage" class="item-description" [class.item-description-active]="room.id == idSelected">
<ion-label *ngIf="room.lastMessage && room.otherUserType == false">{{room.lastMessage.msg}}</ion-label>
<ion-label *ngIf="room.otherUserType == true">está escrever...</ion-label>
<p class="font-13-em" *ngIf="room.lastMessage && room.otherUserType == false">{{room.lastMessage.msg}}</p>
<p class="font-13-em" *ngIf="room.otherUserType == true">está escrever...</p>
<!-- <ion-label *ngIf="room.lastMessage.file">
<fa-icon *ngIf="room.lastMessage.file.type != 'application/meeting'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>
</ion-label> -->
@@ -84,16 +84,16 @@
<div *ngIf="room.lastMessage.file">
<fa-icon *ngIf="room.lastMessage.file.type != 'application/meeting' && room.lastMessage.file.type != 'application/img' && room.lastMessage.file.type != 'application/audio'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>
<fa-icon *ngIf="room.lastMessage.file.type == 'application/audio'" icon="file-audio" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>
<span *ngIf="room.lastMessage.file.type == 'application/audio'"> audio </span>
<span class="font-13-em" *ngIf="room.lastMessage.file.type == 'application/audio'"> audio </span>
<fa-icon *ngIf="room.lastMessage.file.type == 'application/meeting'" icon="calendar-alt" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>
<span> {{room.lastMessage.file.name || room.lastMessage.file.subject}}</span>
<span class="font-13-em"> {{room.lastMessage.file.name || room.lastMessage.file.subject}}</span>
</div>
<ion-label *ngIf="room.lastMessage.attachments">
<div *ngIf="room.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="file-icon" [class.set-active-item-font-to-white]="room.id == idSelected"></fa-icon>
<span> Fotografia</span>
<span class="font-13-em"> Fotografia</span>
</div>
</ion-label>
@@ -106,7 +106,7 @@
<div class="item-icon"><ion-icon class="icon" slot="start" src="assets/icon/icons-chat-grey.svg"></ion-icon></div>
<div class="item-content flex-grow-1 cursor-pointer">
<div class="item-title-time">
<div class="item-title"><ion-skeleton-text animated style="width: 50%"></ion-skeleton-text></div>
<div class="item-title font-15-em"><ion-skeleton-text animated style="width: 50%"></ion-skeleton-text></div>
<div class="item-date"><ion-skeleton-text animated></ion-skeleton-text></div>
</div>
<div class="item-description d-flex align-items-center">
@@ -134,26 +134,26 @@
<div (click)="openGroupMessagesPage(group.id)" class="item-content flex-grow-1 cursor-pointer">
<div class="item-title-time">
<div class="item-title" [class.item-title-active]="group.id ==idSelected">
<ion-label [class.bold-message]="group.messageUnread == true">{{group.name.split('-').join(' ')}}</ion-label>
<p class="font-15-em" [class.bold-message]="group.messageUnread == true">{{group.name.split('-').join(' ')}}</p>
</div>
<div class="item-date" [class.item-date-active]="group.id ==idSelected" *ngIf="group.lastMessage && !group.customFields.countDownDate">{{group.duration}}</div>
<div class="item-date" [class.item-date-active]="group.id ==idSelected" *ngIf="group.customFields.countDownDate">{{group.countDownTime}}</div>
<div class="item-date font-13-em" [class.item-date-active]="group.id ==idSelected" *ngIf="group.lastMessage && !group.customFields.countDownDate">{{group.duration}}</div>
<div class="item-date font-13-em" [class.item-date-active]="group.id ==idSelected" *ngIf="group.customFields.countDownDate">{{group.countDownTime}}</div>
</div>
<div *ngIf="group.lastMessage" class="item-description d-flex align-items-center" [class.item-description-active]="group.id ==idSelected">
<div class="item-message" *ngIf="group.otherUserType == false">{{group.lastMessage.u.name}}: {{group.lastMessage.msg}} </div>
<div *ngIf="group.otherUserType == true">{{group.userThatIsTyping}} está escrever ...</div>
<div class="item-message font-13-em" *ngIf="group.otherUserType == false">{{group.lastMessage.u.name}}: {{group.lastMessage.msg}} </div>
<div class="font-13-em" *ngIf="group.otherUserType == true">{{group.userThatIsTyping}} está escrever ...</div>
<div class="item-files add-ellipsis" *ngIf="group.lastMessage.file">
<fa-icon *ngIf="group.lastMessage.file.type != 'application/meeting' && group.lastMessage.file.type != 'application/audio'" icon="file-alt" class="file-icon" [class.set-active-item-font-to-white]="group.id == idSelected"></fa-icon>
<fa-icon *ngIf="group.lastMessage.file.type == 'application/audio'" icon="file-audio" class="file-icon" [class.set-active-item-font-to-white]="group.id == idSelected"></fa-icon>
<span *ngIf="group.lastMessage.file.type == 'application/audio'" class="item-files-title"> audio </span>
<span *ngIf="group.lastMessage.file.type == 'application/audio'" class="item-files-title font-13-em"> audio </span>
<fa-icon *ngIf="group.lastMessage.file.type == 'application/meeting'" icon="calendar-alt" class="file-icon" [class.set-active-item-font-to-white]="group.id == idSelected"></fa-icon>
<span *ngIf="group.lastMessage.file.type != 'application/audio' && group.lastMessage.attachments" class="item-files-title"> {{ group.lastMessage.attachments[0].title }}</span>
<span *ngIf="group.lastMessage.file.type != 'application/audio' && group.lastMessage.attachments" class="item-files-title font-13-em"> {{ group.lastMessage.attachments[0].title }}</span>
</div>
<div class="item-files" *ngIf="group.attachments">
<div *ngIf="group.value.lastMessage.attachments[0].image_url">
<fa-icon icon="image" class="file-icon" [class.set-active-item-font-to-white]="group.id == idSelected"></fa-icon>
<span> Fotografia</span>
<span class="font-13-em"> Fotografia</span>
</div>
</div>
</div>
src/app/pages/chat/chat.page.scss
+6 -10
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
ion-content{
--background: transparent;
}
@@ -15,14 +17,11 @@ ion-content{
padding: 0!important;
float: left;
}
.title{
font-size: 25px;
}
.div-icon{
display: flex;
width: fit-content;
float: right;
font-size: 35px;
font-size: em(35);
overflow: auto;
padding: 1px;
justify-content: flex-end;
@@ -77,12 +76,12 @@ ion-content{
overflow: hidden;
.item-icon{
width: 40px;
width: em(40);
float: left;
.icon{
margin-top: 10px;
font-size: 40px;
font-size: em(40);
}
}
.item-content{
@@ -98,7 +97,6 @@ ion-content{
.item-title{
width: calc(100% - 90px);
float: left;
font-size: 15px;
color: var(--title-text-color);
}
.item-title-active{
@@ -107,7 +105,6 @@ ion-content{
.item-date{
width: 90px;
float: right;
font-size: 13px;
color: #797979;
text-align: right;
}
@@ -116,7 +113,6 @@ ion-content{
}
.item-description{
font-size: 13px;
color: #000;
overflow: auto;
@@ -149,7 +145,7 @@ ion-content{
width: 35%;
border-right: 1px solid #d8d8d8;
.aside-title{
font-size: 25px;
font-size: em(25);
}
}
/* .aside{
src/app/pages/chat/edit-group/edit-group.page.scss
+10 -8
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
ion-content{
--background:transparent;
}
@@ -14,7 +16,7 @@ ion-content{
border: 0!important;
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -28,7 +30,7 @@ ion-content{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -56,7 +58,7 @@ ion-content{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
.middle{
@@ -68,19 +70,19 @@ ion-content{
.right{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: #0782c9;
margin: 8px 0 0 5px;
}
}
.title{
font-size: 25px;
font-size: rem(25);
}
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -118,7 +120,7 @@ ion-content{
.item-container-no-border ion-label{
padding-left: 10px;
font-size: 12px;
font-size: rem(12);
color: #000;
}
}
@@ -136,7 +138,7 @@ ion-content{
height: 45px;
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
}
.ion-input-class{
src/app/pages/chat/group-messages/group-contacts/group-contacts.page.scss
+8 -6
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
.header-toolbar{
--background:transparent;
--opacity: 1;
@@ -17,7 +19,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -34,7 +36,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -45,7 +47,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -105,7 +107,7 @@
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -136,12 +138,12 @@
margin: 0 !important;
width: 330px;
padding-left: 10px;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
float: left;
}
.item-checkbox ion-icon, .members-checkbox ion-icon{
font-size: 10px;
font-size: rem(10);
float: left;
color:#99e47b;
margin-left: 10px;
src/app/pages/chat/group-messages/group-messages.page.scss
+20 -20
View File
@@ -42,7 +42,7 @@
width: 100%;
padding: 0!important;
margin: 0 0 0 10px;
font-size: 25px;
font-size: rem(25);
}
}
.middle-container-options{
@@ -53,18 +53,18 @@
.middle-container-options-icons{
color: #0782c9;
font-size: 23px;
font-size: rem(23);
}
}
.right{
padding: 0!important;
float: right;
font-size: 25px;
font-size: rem(25);
color: #0782c9;
}
.header-top-btn{
background: transparent;
font-size: 25px !important;
font-size: rem(25) !important;
font-weight: 100 !important;
/* color: #0782c9; */
color: #42b9fe;
@@ -78,14 +78,14 @@
.header-bottom-icon{
width: 30px;
font-size: 25px;
font-size: rem(25);
float: left;
padding: 2px;
}
.header-bottom-contacts{
width: calc(100% - 40px);
font-size: 15px;
font-size: rem(15);
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -105,7 +105,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -121,7 +121,7 @@
width: em(422px);
background: #ebebeb;
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #797979;
padding: 10px;
margin: 0 auto;
@@ -135,7 +135,7 @@
height: auto;
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #262420;
padding: 10px;
margin: 10px auto;
@@ -152,16 +152,16 @@
border-radius: 8px;
margin: 10px auto;
color: #797979 !important;
font-size: 13px !important;
font-size: rem(13) !important;
/* margin: 15px 0px 15px 0px; */
.info-text-leave ion-label{
font-size: 13px !important;
font-size: rem(13) !important;
line-height: 1.2rem;
}
}
.messages{
font-size: 13px;
font-size: rem(13);
font-family: Roboto;
overflow: auto;
@@ -237,10 +237,10 @@
.info-meeting{
/* width: 322px; */
width: em(422px);
width: em(422);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13);
color: #262420;
padding: 10px;
margin: 10px auto;
@@ -249,11 +249,11 @@
border-radius: 8px;
.info-meeting-small{
font-size: 10px;
font-size: rem(10);
font-style: italic;
}
.info-meeting-medium{
font-size: 12px;
font-size: rem(12);
}
.info-meeting-normal{
color: #0782c9;
@@ -282,13 +282,13 @@
.chat-icon-options{
display:block !important;
font-size: 35px;
font-size: rem(35);
float: right !important;
margin-top: 5px;
}
.chat-icon-send{
font-size: 45px;
font-size: rem(45);
margin: 0 auto;
margin-top: 4px;
}
@@ -351,7 +351,7 @@
left: 0px;
margin-left: 22px;
display: flex;
font-size: 12px;
font-size: rem(12);
align-items: center;
}
@@ -385,7 +385,7 @@
}
.float-status-all {
font-size: 10pt !important;
font-size: rem(13) !important;
}
.try {
src/app/pages/chat/messages/contacts/contacts.page.scss
+7 -6
View File
@@ -1,3 +1,4 @@
@import '~src/function.scss';
.header-toolbar{
--background:transparent;
@@ -18,7 +19,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -35,7 +36,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -46,7 +47,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -89,7 +90,7 @@
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -106,13 +107,13 @@
display: block;
margin: 0 !important;
width: 90%;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
float: left;
}
.item-user .icon{
width: 10%;
font-size: 10px;
font-size: rem(10);
display: block;
text-align: right;
overflow: auto;
src/app/pages/chat/messages/messages.page.scss
+47 -29
View File
@@ -1,4 +1,22 @@
@import '~src/function.scss';
@media only screen and (min-width: 100px) {
:host{
font-size: 14px;
}
}
@media only screen and (min-width: 500px) {
:host{
font-size: 16px;
}
}
.header-toolbar{
--background:transparent;
--opacity: 1;
@@ -29,7 +47,7 @@
.header-top-btn{
background: transparent;
font-size: 25px !important;
font-size: rem(25) !important;
font-weight: 100 !important;
/* color: #0782c9; */
color: #42b9fe;
@@ -58,13 +76,13 @@
.middle-container-options-icons{
color: #0782c9;
font-size: 23px;
font-size: rem(23);
}
}
.right{
padding: 0!important;
float: right;
font-size: 25px;
font-size: rem(25 );
color: #0782c9;
margin: 5px 0 0 0;
}
@@ -76,14 +94,14 @@
.header-bottom-icon{
width: 30px;
font-size: 25px;
font-size: rem(25);
float: left;
padding: 2px;
}
.header-bottom-contacts{
width: 275px;
font-size: 15px;
font-size: rem(15) ;
color: #797979;
white-space: nowrap;
overflow: hidden;
@@ -95,7 +113,7 @@
}
.title{
font-size: 25px;
font-size: rem(25);
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis !important;
@@ -104,7 +122,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -118,19 +136,19 @@
ion-content{
.welcome-text{
/* width: 322px; */
width: em(422px);
width: rem(422);
background: #ebebeb;
text-align: center;
font-size: 13px;
font-size: rem(13) ;
color: #797979;
padding: 10px;
margin: 0 auto;
line-height: 1.2rem;
line-height: 1.2rrem;
margin: 20px 39px 25px;
border-radius: 8px;
}
.messages{
font-size: 13px;
font-size: rem(13) ;
font-family: Roboto;
overflow: auto;
@@ -145,10 +163,10 @@
word-wrap: break-word;
-webkit-overflow-scrolling: touch;
.messages-list-item-wrapper{
.messages-list-itrem-wrapper{
overflow: hidden;
}
.messages-list-item-wrapper-active{
.messages-list-itrem-wrapper-active{
background: #e6f6ff75 !important;
}
@@ -190,23 +208,23 @@
.info-meeting{
/* width: 322px; */
width: em(422px);
width: rem(422);
background: var(--chat-alert-msg-color);
text-align: center;
font-size: 13px;
font-size: rem(13) ;
color: #262420;
padding: 10px;
margin: 10px auto;
line-height: 1.2rem;
line-height: 1.2rrem;
/* margin: 15px 0px 15px 0px; */
border-radius: 8px;
.info-meeting-small{
font-size: 10px;
font-size: rem(10) ;
font-style: italic;
}
.info-meeting-medium{
font-size: 12px;
font-size: rem(12);
}
.info-meeting-normal{
color: #0782c9;
@@ -225,18 +243,18 @@
.container{
justify-content: center;
justify-content: space-evenly;
align-items: center;
align-itrems: center;
}
.chat-icon-options{
display:block !important;
font-size: 35px;
font-size: rem(35);
float: right !important;
margin-top: 5px;
}
.chat-icon-send{
font-size: 45px;
font-size: rem(45);
margin: 0 auto;
margin-top: 4px;
}
@@ -246,7 +264,7 @@
border: 1px solid #ebebeb;
border-radius: 25px;
padding-left: 15px;
align-items: center;
align-itrems: center;
overflow: auto;
ion-textarea{
@@ -259,7 +277,7 @@
}
.text-color-blue{
font-size: 15px;
font-size: rem(15);
color: #0782c9;
font-weight: 500;
letter-spacing: normal;
@@ -309,8 +327,8 @@ display: block;
left: 0px;
margin-left: 22px;
display: flex;
font-size: 12px;
align-items: center;
font-size: rem(12);
align-itrems: center;
}
@@ -334,14 +352,14 @@ button::-moz-focus-inner {
position: relative !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
}
.float-status-image{
position: relative !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
top: -15px;
}
@@ -350,11 +368,11 @@ button::-moz-focus-inner {
top: 0px !important;
float: right;
display: flex;
align-items: self-end;
align-itrems: self-end;
}
.float-status-all {
font-size: 10pt !important;
font-size: rem(13) !important;
}
.try {
src/app/pages/chat/messages/messages.page.ts
+2 -15
View File
@@ -1,15 +1,12 @@
import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { ActivatedRoute, Route, Router } from '@angular/router'
import { AfterViewInit, Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router'
import { GestureController, ModalController, NavParams, PopoverController, Platform, AlertController } from '@ionic/angular';
import { ViewDocumentPage } from 'src/app/modals/view-document/view-document.page';
import { EventPerson } from 'src/app/models/eventperson.model';
import { ExpedientTaskModalPageNavParamsTask } from 'src/app/models/ExpedientTaskModalPage';
import { ContactsPage } from 'src/app/pages/chat/messages/contacts/contacts.page';
import { AlertService } from 'src/app/services/alert.service';
import { AuthService } from 'src/app/services/auth.service';
import { ChatService } from 'src/app/services/chat.service';
import { FileService } from 'src/app/services/functions/file.service';
import { ProcessesService } from 'src/app/services/processes.service';
import { ToastService } from 'src/app/services/toast.service';
import { ChatOptionsPopoverPage } from 'src/app/shared/popover/chat-options-popover/chat-options-popover.page';
import { MessagesOptionsPage } from 'src/app/shared/popover/messages-options/messages-options.page';
@@ -20,22 +17,15 @@ import { ThemeService } from 'src/app/services/theme.service'
import { VoiceRecorder, RecordingData, GenericResponse } from 'capacitor-voice-recorder';
import { Haptics, ImpactStyle } from '@capacitor/haptics';
import { SqliteService } from 'src/app/services/sqlite.service';
import { ViewEventPage } from 'src/app/modals/view-event/view-event.page';
import { ChatSystemService } from 'src/app/services/chat/chat-system.service'
import { MessageService } from 'src/app/services/chat/message.service';
import { AttachmentsService } from 'src/app/services/attachments.service';
import { CameraService } from 'src/app/services/camera.service';
import { element } from 'protractor';
import { FileType } from 'src/app/models/fileType';
import { SearchPage } from 'src/app/pages/search/search.page';
import { Storage } from '@ionic/storage';
import { FileToBase64Service } from 'src/app/services/file/file-to-base64.service';
import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
import { DomSanitizer } from '@angular/platform-browser';
import { SessionStore } from 'src/app/store/session.service';
import { HttpErrorResponse } from '@angular/common/http';
import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
import { File } from '@awesome-cordova-plugins/file/ngx';
import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
@@ -118,16 +108,13 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
private gestureController: GestureController,
public ThemeService: ThemeService,
private platform: Platform,
private sqlservice: SqliteService,
public ChatSystemService: ChatSystemService,
private CameraService: CameraService,
private storage: Storage,
//private fileOpener: FileOpener,
private sanitiser: DomSanitizer,
// private document: DocumentViewer
private file: File,
private fileOpener: FileOpener,
private notificationService: NotificationsService,
private router: Router
) {
this.loggedUser = SessionStore.user.ChatData['data'];
src/app/pages/chat/new-group/contacts/contacts.page.scss
+8 -6
View File
@@ -1,4 +1,6 @@
@import '~src/function.scss';
.header-toolbar{
--background:transparent;
--opacity: 1;
@@ -18,7 +20,7 @@
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -35,7 +37,7 @@
.back-icon{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
@@ -46,7 +48,7 @@
margin: 2.5px 0 0 5px;
}
.title{
font-size: 25px;
font-size: rem(25);
}
}
}
@@ -87,7 +89,7 @@ ion-content{
.item-divider{
background: #ebebeb;
font-size: 15px;
font-size: rem(15);
margin: 10px 0 10px 0;
padding:5px 0 5px 20px;
@@ -112,12 +114,12 @@ ion-content{
margin: 0 !important;
width: 330px;
padding-left: 10px;
font-size: 15px;
font-size: rem(15);
color: var(--title-text-color);
float: left;
}
.item-checkbox ion-icon{
font-size: 10px;
font-size: rem(10);
float: left;
color:#99e47b;
margin-left: 10px;
src/app/pages/chat/new-group/new-group.page.scss
+10 -8
View File
@@ -1,3 +1,5 @@
@import '~src/function.scss';
ion-content{
--background:transparent;
}
@@ -14,7 +16,7 @@ ion-content{
border: 0!important;
.div-search{
font-size: 45px;
font-size: rem(45);
float: left;
margin: 0 0 0 10px
}
@@ -28,7 +30,7 @@ ion-content{
width: 100%;
}
.div-profile{
font-size: 45px;
font-size: rem(45);
float: right;
margin-right: 10px;
}
@@ -55,7 +57,7 @@ ion-content{
.left{
width: 37px;
float: left;
font-size: 35px;
font-size: rem(35);
overflow: auto;
}
.middle{
@@ -67,7 +69,7 @@ ion-content{
.btn-criar{
padding: 0!important;
float: right;
font-size: 15px;
font-size: rem(15);
color: var(--font-awesome);
margin: 8px 5px 0 5px;
}
@@ -81,12 +83,12 @@ ion-content{
}
.title{
font-size: 25px;
font-size: rem(25);
}
.div-icon{
width: 40px;
float: right;
font-size: 35px;
font-size: rem(35);
overflow: auto;
padding: 1px;
}
@@ -122,7 +124,7 @@ ion-content{
.item-container-no-border ion-label{
padding-left: 10px;
font-size: 12px;
font-size: rem(12);
color: #000;
}
}
@@ -140,7 +142,7 @@ ion-content{
height: 45px;
float: left;
padding: 10px;
font-size: 25px;
font-size: rem(25);
}
}
.ion-input-class{