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:
ivan gomes
2021-12-03 17:27:10 +01:00
parent 40e0aa0d39
commit dc84401716
13 changed files with 165 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/modals/preview-camera/preview-camera.page.html
+27 -63
View File
@@ -1,70 +1,34 @@
<!-- <div class="Rectangle"> -->
<ion-content fullscreen>
<ion-header translucent>
<ion-toolbar>
<div class="title-content width-100 d-flex justify-space-between align-center">
<div class= "btn-dismiss font-30 cursor-pointer" (click)="close()">
<ion-icon style="margin-bottom:-8px" slot="end" src="assets/images/icons-arrow-arrow-left.svg" class="iconsarrowarrow-left"></ion-icon>
</div>
<div class="middle d-flex align-center flex-grow-1">
<div><b><ion-label class="digitalizacao_001pd">{{name}} </ion-label></b><br>
<ion-label class="place">{{_updatedAt | date}}</ion-label></div>
</div>
</div>
<!-- <ion-text > <span class="digitalizacao_001pd">{{username}} {{_updatedAt | date}}</span></ion-text> -->
</ion-toolbar>
</ion-header>
<ion-card-content class="Bitmap" >
<img src="{{image}}" style="margin-top: 50%;"/>
</ion-card-content>
<!-- <ion-footer class="Rectangle-Copy-5">
</ion-footer> -->
</ion-content>
<ion-card class="cardconteudo" >
<ion-card-content >
<ion-card-header >
<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>
</ion-card-header>
<img src="{{image}}" />
</ion-card-content>
<!-- <image-cropper [imageBase64]="myimage"
[maintainAspectRatio]="true"
[aspectRatio]="4 / 3"
outputType = "base64"
format="png"
[resizeToWidth]="true"
(imageCropped)="imageCropped($event)"
></image-cropper> -->
<ion-footer color="light">
<ion-row>
<ion-col size="3" 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" ></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<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 size="3" class="ion-text-center">
<ion-button (click)="redirPage()" fill="clear" color="light">
<ion-icon src="assets/icon/chat/Ellipselast.svg" ></ion-icon>
</ion-button>
</ion-col>
<ion-col size="3" class="ion-text-center">
<ion-button (click)="getIconShare()" fill="clear" color="light">
<ion-icon src="assets/icon/chat/Ellipse 9.svg" ></ion-icon>
</ion-button>
</ion-col>
<!-- <ion-col size="3" class="ion-text-center">
<ion-button (click)="zoom(true)" fill="clear" color="light">
<ion-icon class="redla" name="alert-circle"></ion-icon>
</ion-button>
</ion-col> -->
</ion-row>
</ion-footer>
</ion-card>
src/app/modals/preview-camera/preview-camera.page.scss
+67 -16
View File
@@ -36,25 +36,76 @@ float: right;
}
circle-xmark-solid{
// position: relative;
width: 512px;
height: 515px;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
background: #FCD13A;
ion-icon {
width: 500px;
height: 500px;
}
.Rectangle {
width: 400px;
height: 666px;
margin: 0px;
padding: 0px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.49);
background-color: var(--white);
}
/* Vector */
.digitalizacao_001pd {
width: 238px;
height: 29px;
margin: 3px 3px 3px 0;
font-family: Roboto;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: var(--black);
}
.iconsarrowarrow-left {
width: 36px;
height: 35px;
padding: 9px 14px 8px 13px;
object-fit: contain;
}
CSS
.Rectangle-Copy-5 {
width: 400px;
height: 60px;
margin: 43px 0 0;
background-color: #f9f9f9;
}
CSS
.Bitmap {
width: 358px;
height: 506px;
margin: 100px;
}
.inside{
background-color: var(--very-light-grey);
}
.place{
float : left;
font-size: 14px;
}
.footer{
background-color:transparent;
}
.distance{
margin-left: 100px;
}
src/app/modals/preview-camera/preview-camera.page.ts
+3 -5
View File
@@ -22,7 +22,7 @@ export class PreviewCameraPage implements OnInit {
@ViewChild(IonSlides) slides : IonSlides
image: any;
username: string
name: string
_updatedAt: string
@@ -40,7 +40,7 @@ export class PreviewCameraPage implements OnInit {
ngOnInit() {
this.image = this.navParams.get('image')
this.username = this.navParams.get('username')
this.name = this.navParams.get('username')
this._updatedAt = this.navParams.get('_updatedAt')
console.log(this.image)
// this.image = this.myimage
@@ -109,8 +109,6 @@ async getIconGallery(){
}
}
async getIconShare(){
@@ -118,7 +116,7 @@ async getIconShare(){
await Share.share({
title: 'See cool stuff',
text: 'Really awesome thing you need to see right meow',
url: this.image,
url: "https://www.google.com/search?q=joao+louren%C3%A7o&rlz=1C1SQJL_pt-PTAO977AO977&sxsrf=AOaemvIEvXz_WiqNNapjaoE42Q8b71jtiA:1638355797910&source=lnms&tbm=isch&sa=X&sqi=2&ved=2ahUKEwjo9uX6tsL0AhXTlWoFHX1XAtcQ_AUoAXoECAMQAw&biw=1920&bih=937&dpr=1#imgrc=lH5UYZyhPKBhHM",
dialogTitle: 'Share with buddies',
});