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
+38 -87
View File
@@ -7,90 +7,41 @@
</ion-header>
<ion-content>
<div class="ion-input-class-no-height">
<ion-textarea *ngIf="!hideThisFeature" [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
<ion-textarea *ngIf="hideThisFeature" [(ngModel)]="note" placeholder="Detalhes" rows="4" cols="20"></ion-textarea>
</div>
<div *ngIf="hideThisFeature" class="ion-item-container-no-border" (click)="getDoc()">
<ion-label class="d-flex align-center">
<button class="btn-no-color">
<div class="attach-icon">
<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 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 class="content width-100 height-100">
<div class="ion-input-class-no-height">
<ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
</div>
<div *ngIf="hideThisFeature" class="ion-item-container-no-border" (click)="getDoc()">
<ion-label class="attach-wrapper d-flex align-center">
<button class="btn-no-color">
<div class="attach-icon">
<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 overflow-y-auto width-100">
<ion-label *ngIf="documents.length > 0">Documentos anexados</ion-label>
<ion-list *ngFor="let document of documents; let i = index">
<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> -->
@@ -98,10 +49,10 @@
<ion-item hidden lines="none">
<ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
</ion-item>
<ion-item hidden lines="none">
<ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
</ion-item>
</div>
</ion-content>
<ion-footer class="ion-no-border">
<div class="buttons width-100">
+9 -19
View File
@@ -11,27 +11,19 @@ color:#000;
float: left;
}
.content{
//padding: 30px 20px 0 20px !important;
margin: 0;
float: left;
overflow: auto !important;
.ion-item-container{
margin: 15px auto;
border: 1px solid #ebebeb;
border-radius: 5px;
padding-left: 10px;
}
.ion-item-container-no-border{
margin: 0px auto;
margin: 5px 20px 0 20px !important;
padding: 0 !important;
overflow: auto;
border: 1px solid red;
}
.container-div{
margin-bottom: 15px;
overflow: hidden;
.list{
overflow: auto !important;
margin: 5px 20px 0 20px !important;
}
.ion-item-class-2{
margin: 0px auto;
}
@@ -78,13 +70,11 @@ float: left;
margin: 5px 5px 5px 10px;
padding: 5px;
float: left;
border: 1px solid red !important;
}
.attach-icon{
width: 37px;
font-size: 35px;
float: left;
border: 1px solid red !important;
}
.attach-title-item{
width: 100%;
@@ -101,7 +91,7 @@ float: left;
float: right;
font-size: 13px;
}
}
.container-footer{
margin:0 auto;
overflow: auto;
@@ -122,7 +112,7 @@ float: left;
--color:#ffffff;
margin:10px;
}
}
.text-input{
width: 100%;
border: 1px solid #ebebeb;
@@ -110,7 +110,7 @@
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
</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>
</div>
@@ -450,7 +450,7 @@ export class PedidoPage implements OnInit {
if( window.innerWidth <= 800){
classs = 'modal modal-desktop'
} else {
classs = 'add-note-modal'
classs = 'add-note-modal-no-height'
}
const modal = await this.modalController.create({
component: AddNotePage,
+5
View File
@@ -293,6 +293,11 @@ $app-theme: mat-light-theme((
padding: 25px;
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{
--height: 50%;
--border-radius: 10px;