modalReviewd

This commit is contained in:
ivan gomes
2021-11-29 15:48:35 +01:00
parent d2c207d473
commit 6fc66ce1e2
40 changed files with 764 additions and 78 deletions
@@ -4,10 +4,17 @@
</ion-card-header>
<ion-card-content >
<ion-row>
<ion-item>Iniciar Video Chamada?</ion-item>
<ion-item>Tem certeza que apagar imagem?</ion-item>
</ion-row>
<ion-row>
<ion-item>Iniciar Video Chamada?</ion-item>
<ion-item ><ion-chip>
<ion-label color="danger">Sim</ion-label>
</ion-chip>
<ion-chip class="placed">
<ion-label color="secondary" (click)= "dismiss()">Não</ion-label>
</ion-chip >
</ion-item>
</ion-row>
</ion-card-content>
</ion-card>
@@ -60,4 +60,8 @@
color: rgb(255, 38, 0);
// background-color: rgb(255, 72, 0);
}
.placed{
float:right
}
@@ -1,5 +1,6 @@
import { Component, OnInit } from '@angular/core';
import { IonSlides, ModalController, NavParams } from '@ionic/angular';
import { PublicationsService } from 'src/app/services/publications.service';
@Component({
selector: 'app-group-icons',
@@ -9,7 +10,8 @@ import { IonSlides, ModalController, NavParams } from '@ionic/angular';
export class GroupIconsPage implements OnInit {
constructor( private modalController: ModalController,
private navParams:NavParams) { }
private navParams:NavParams,
private publicService:PublicationsService ) { }
ngOnInit() {
}
@@ -26,6 +28,7 @@ export class GroupIconsPage implements OnInit {
pesquizarWeb(){
}
dismiss() {
// using the injected ModalController this page
@@ -33,6 +36,11 @@ export class GroupIconsPage implements OnInit {
this.modalController.dismiss({
'dismissed': true
});
}
// delete(){
// this.publicService.DeletePublication()
// }
}
@@ -6,7 +6,7 @@
<ion-card-header >
<ion-text color="light" size="6">{{username}} <span>{{_updatedAt | date}}</span><div class="right" (click)="getIconGallery()"><ion-icon name="pencil-outline" ></ion-icon></div></ion-text>
<ion-text color="dark" size="6">{{username}} <span>{{_updatedAt | date}}</span><div class="right" (click)="getIconGallery()"><ion-icon name="pencil-outline" ></ion-icon></div></ion-text>
@@ -30,20 +30,20 @@
<ion-col size="4" class="ion-text-center">
<ion-button (click)="close()" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon src="assets/icon/chat/circle-xmark-solid 1.svg" name="chatbox"></ion-icon>
<ion-icon src="assets/icon/chat/circle-xmark-solid 1.svg" ></ion-icon>
</ion-button>
</ion-col>
<ion-col size="4" class="ion-text-center">
<ion-button (click)="zoom(false)" fill="clear" color="light">
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
<ion-icon class="redla" name="flower-outline"></ion-icon>
<ion-button (click)="deleteImage()" fill="clear" color="light">
<ion-icon src="assets/icon/chat/Ellipse 8.svg" ></ion-icon>
<!-- <ion-icon class="redla" name="flower-outline"></ion-icon> -->
</ion-button>
</ion-col>
</ion-col>
<ion-col size="4" class="ion-text-center">
<ion-button (click)="getIconGallery()" fill="clear" color="light">
<ion-icon name="videocam" (click)="openChatVideo()"></ion-icon>
<ion-icon src="assets/icon/chat/Ellipselast.svg" (click)="openChatVideo()"></ion-icon>
</ion-button>
</ion-col>
@@ -7,7 +7,7 @@ ion-slides {
}
.redla{
color: rgb(250, 248, 248);
color: rgb(250, 250, 4);
background-color: rgb(255, 238, 0);
border-radius: 120px;
width: 30px;
@@ -18,7 +18,7 @@ ion-slides {
}
.cardconteudo {
background: rgb(8, 8, 8);
background: rgb(253, 252, 252);
display: flex;
flex-wrap: wrap;
@@ -1,6 +1,7 @@
import { Component, OnInit, ViewChild } from '@angular/core';
import { IonSlides, ModalController, NavParams } from '@ionic/angular';
import { ImageCroppedEvent } from 'ngx-image-cropper';
import { PublicationsService } from 'src/app/services/publications.service';
import { GroupIconsPage } from '../group-icons/group-icons.page';
@Component({
@@ -11,7 +12,8 @@ import { GroupIconsPage } from '../group-icons/group-icons.page';
export class PreviewCameraPage implements OnInit {
constructor( private modalController: ModalController,
private navParams:NavParams) { }
private navParams:NavParams,
private publicService: PublicationsService) { }
@ViewChild(IonSlides) slides : IonSlides
@@ -72,7 +74,7 @@ async getIconGallery(){
const modal = await this.modalController.create({
component: GroupIconsPage ,
animated: true,
cssClass: 'transparentblack-modal',
cssClass: 'transparent-modal',
});
modal.present();
}
@@ -80,11 +82,25 @@ async getIconGallery(){
openChat(){
}
clear() {
this.getIconGallery()
}
openChatVideo(){
}
deleteImage(){
window.onload = function(){
const delmage = document.getElementById("img")
delmage.onclick = function(){
return window.localStorage.removeItem("img")
}
}
}
}