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

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-08-06 10:39:32 +01:00
parent 33b614661e
commit e47bbdeba3
5 changed files with 54 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modals/add-note/add-note.page.html
+38 -87
View File
@@ -7,90 +7,41 @@
</ion-header> </ion-header>
<ion-content> <ion-content>
<div class="ion-input-class-no-height"> <div class="content width-100 height-100">
<ion-textarea *ngIf="!hideThisFeature" [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea> <div class="ion-input-class-no-height">
<ion-textarea *ngIf="hideThisFeature" [(ngModel)]="note" placeholder="Detalhes" rows="4" cols="20"></ion-textarea> <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
</div> </div>
<div *ngIf="hideThisFeature" class="ion-item-container-no-border" (click)="getDoc()"> <div *ngIf="hideThisFeature" class="ion-item-container-no-border" (click)="getDoc()">
<ion-label class="d-flex align-center"> <ion-label class="attach-wrapper d-flex align-center">
<button class="btn-no-color"> <button class="btn-no-color">
<div class="attach-icon"> <div class="attach-icon">
<ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon> <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
</div> </div>
<div class="attach-document pl-10"> <div class="attach-document pl-10">
<ion-label>Anexar Documentos</ion-label> <ion-label>Anexar Documentos</ion-label>
</div> </div>
</button> </button>
</ion-label> </ion-label>
</div> </div>
<div class="list " *ngFor="let document of documents; let i = index" > <div class="list overflow-y-auto width-100">
<ion-list> <ion-label *ngIf="documents.length > 0">Documentos anexados</ion-label>
<ion-item> <ion-list *ngFor="let document of documents; let i = index">
<ion-label> <ion-item>
<p class="d-flex ion-justify-content-between"> <ion-label>
<span class="attach-title-item">{{document.Assunto}}</span> <p class="d-flex ion-justify-content-between">
<span class="app-name">{{document.appName}}</span> <span class="attach-title-item">{{document.Assunto}}</span>
<span class="close-button text-black cursor-pointer" (click)="removeAttachment(i)" > <span class="app-name">{{document.appName}}</span>
<ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon> <span class="close-button text-black cursor-pointer" (click)="removeAttachment(i)" >
</span> <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
</p> </span>
<p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p> </p>
</ion-label> <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
</ion-item> </ion-label>
</ion-list> </ion-item>
</div> </ion-list>
<!-- <div class="main-content d-flex height-100">
<div class="content d-flex flex-column width-100">
<div class="overflow-y-auto">
<div class="container-div">
<div class="ion-item-class-2 d-flex">
<div hidden class="ion-icon-class">
<ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
</div>
<div class="ion-input-class-no-height">
<ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
</div>
</div>
</div>
<div hidden class="ion-item-container-no-border" (click)="getDoc()">
<ion-label class="d-flex align-center">
<button class="btn-no-color">
<div class="attach-icon d-flex align-center">
<ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
</div>
<div class="attach-document pl-10">
<ion-label>Anexar Documentos</ion-label>
</div>
</button>
</ion-label>
</div>
<div class="list " *ngFor="let document of documents; let i = index" >
<ion-list>
<ion-item>
<ion-label>
<p class="d-flex ion-justify-content-between">
<span class="attach-title-item">{{document.Assunto}}</span>
<span class="app-name">{{document.appName}}</span>
<span class="close-button text-black cursor-pointer" (click)="removeAttachment(i)" >
<ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
</span>
</p>
<p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
</ion-label>
</ion-item>
</ion-list>
</div>
</div>
</div> </div>
</div> -->
@@ -98,10 +49,10 @@
<ion-item hidden lines="none"> <ion-item hidden lines="none">
<ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea> <ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
</ion-item> </ion-item>
</div>
</ion-content> </ion-content>
<ion-footer class="ion-no-border"> <ion-footer class="ion-no-border">
<div class="buttons width-100"> <div class="buttons width-100">
src/app/modals/add-note/add-note.page.scss
+9 -19
View File
@@ -11,27 +11,19 @@ color:#000;
float: left; float: left;
} }
.content{ .content{
//padding: 30px 20px 0 20px !important; overflow: auto !important;
margin: 0;
float: left;
.ion-item-container{
margin: 15px auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 10px;
}
.ion-item-container-no-border{ .ion-item-container-no-border{
margin: 0px auto; margin: 5px 20px 0 20px !important;
padding: 0 !important; padding: 0 !important;
overflow: auto; overflow: auto;
border: 1px solid red;
} }
.container-div{
margin-bottom: 15px; .list{
overflow: hidden; overflow: auto !important;
margin: 5px 20px 0 20px !important;
} }
.ion-item-class-2{ .ion-item-class-2{
margin: 0px auto; margin: 0px auto;
} }
@@ -78,13 +70,11 @@ float: left;
margin: 5px 5px 5px 10px; margin: 5px 5px 5px 10px;
padding: 5px; padding: 5px;
float: left; float: left;
border: 1px solid red !important;
} }
.attach-icon{ .attach-icon{
width: 37px; width: 37px;
font-size: 35px; font-size: 35px;
float: left; float: left;
border: 1px solid red !important;
} }
.attach-title-item{ .attach-title-item{
width: 100%; width: 100%;
@@ -101,7 +91,7 @@ float: left;
float: right; float: right;
font-size: 13px; font-size: 13px;
} }
}
.container-footer{ .container-footer{
margin:0 auto; margin:0 auto;
overflow: auto; overflow: auto;
@@ -122,7 +112,7 @@ float: left;
--color:#ffffff; --color:#ffffff;
margin:10px; margin:10px;
} }
}
.text-input{ .text-input{
width: 100%; width: 100%;
border: 1px solid #ebebeb; border: 1px solid #ebebeb;
src/app/pages/gabinete-digital/gabinete-digital.page.html
+1 -1
View File
@@ -110,7 +110,7 @@
<div class="d-flex justify-center"> <div class="d-flex justify-center">
<ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon> <ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
</div> </div>
<p class="text-center exp-card-title ">Correspondencia</p> <p class="text-center exp-card-title ">Correspondência</p>
<p class="text-center exp-card-content">{{expedientegbstore.count}} <span class="title1">Documentos</span></p> <p class="text-center exp-card-content">{{expedientegbstore.count}} <span class="title1">Documentos</span></p>
</div> </div>
src/app/pages/gabinete-digital/pedidos/pedido/pedido.page.ts
+1 -1
View File
@@ -450,7 +450,7 @@ export class PedidoPage implements OnInit {
if( window.innerWidth <= 800){ if( window.innerWidth <= 800){
classs = 'modal modal-desktop' classs = 'modal modal-desktop'
} else { } else {
classs = 'add-note-modal' classs = 'add-note-modal-no-height'
} }
const modal = await this.modalController.create({ const modal = await this.modalController.create({
component: AddNotePage, component: AddNotePage,
src/theme/variables.scss
+5
View File
@@ -293,6 +293,11 @@ $app-theme: mat-light-theme((
padding: 25px; padding: 25px;
background: rgba(51, 51, 51, 0.3); background: rgba(51, 51, 51, 0.3);
} }
.add-note-modal-no-height{
--border-radius: 10px;
padding: 25px;
background: rgba(51, 51, 51, 0.3);
}
.discart-expedient-modal{ .discart-expedient-modal{
--height: 50%; --height: 50%;
--border-radius: 10px; --border-radius: 10px;