mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-20 05:16:07 +00:00
modalReviewd
This commit is contained in:
@@ -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")
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user