mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-21 13:55:51 +00:00
TabletImagesDone
This commit is contained in:
@@ -27,32 +27,32 @@
|
|||||||
|
|
||||||
<ion-footer color="light">
|
<ion-footer color="light">
|
||||||
<ion-row>
|
<ion-row>
|
||||||
<ion-col size="3" class="ion-text-center">
|
<ion-col size="4" class="ion-text-center">
|
||||||
<ion-button (click)="close()" fill="clear" color="light">
|
<ion-button (click)="close()" fill="clear" color="light">
|
||||||
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
|
<!-- <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" name="chatbox"></ion-icon>
|
||||||
</ion-button>
|
</ion-button>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col size="3" class="ion-text-center">
|
<ion-col size="4" class="ion-text-center">
|
||||||
|
|
||||||
<ion-button (click)="zoom(false)" fill="clear" color="light">
|
<ion-button (click)="zoom(false)" fill="clear" color="light">
|
||||||
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
|
<!-- <ion-icon name="remove" slot="start"></ion-icon> -->
|
||||||
<ion-icon class="redla" name="flower-outline"></ion-icon>
|
<ion-icon class="redla" name="flower-outline"></ion-icon>
|
||||||
</ion-button>
|
</ion-button>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col size="3" class="ion-text-center">
|
<ion-col size="4" class="ion-text-center">
|
||||||
<ion-button (click)="getIconGallery()" fill="clear" color="light">
|
<ion-button (click)="getIconGallery()" fill="clear" color="light">
|
||||||
|
|
||||||
<ion-icon name="videocam"></ion-icon>
|
<ion-icon name="videocam" (click)="openChatVideo()"></ion-icon>
|
||||||
|
|
||||||
</ion-button>
|
</ion-button>
|
||||||
</ion-col>
|
</ion-col>
|
||||||
<ion-col size="3" class="ion-text-center">
|
<!-- <ion-col size="3" class="ion-text-center">
|
||||||
<ion-button (click)="zoom(true)" fill="clear" color="light">
|
<ion-button (click)="zoom(true)" fill="clear" color="light">
|
||||||
<ion-icon class="redla" name="alert-circle"></ion-icon>
|
<ion-icon class="redla" name="alert-circle"></ion-icon>
|
||||||
|
|
||||||
</ion-button>
|
</ion-button>
|
||||||
</ion-col>
|
</ion-col> -->
|
||||||
</ion-row>
|
</ion-row>
|
||||||
</ion-footer>
|
</ion-footer>
|
||||||
</ion-card>
|
</ion-card>
|
||||||
|
|||||||
@@ -8,14 +8,20 @@ ion-slides {
|
|||||||
|
|
||||||
.redla{
|
.redla{
|
||||||
color: rgb(250, 248, 248);
|
color: rgb(250, 248, 248);
|
||||||
background-color: rgb(255, 187, 0);
|
background-color: rgb(255, 238, 0);
|
||||||
border-radius: 120px;
|
border-radius: 120px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
.blacking{
|
||||||
|
background-color: rgb(168, 41, 41);
|
||||||
|
}
|
||||||
|
|
||||||
.cardconteudo {
|
.cardconteudo {
|
||||||
background: rgba(255,255,255,0.5);
|
background: rgb(8, 8, 8);
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.whiter{
|
.whiter{
|
||||||
|
|||||||
@@ -80,6 +80,10 @@ async getIconGallery(){
|
|||||||
openChat(){
|
openChat(){
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
openChatVideo(){
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -108,6 +108,7 @@ export class NewPublicationPage implements OnInit {
|
|||||||
allowEditing: false,
|
allowEditing: false,
|
||||||
resultType: CameraResultType.Uri,
|
resultType: CameraResultType.Uri,
|
||||||
source: CameraSource.Camera // Camera, Photos or Prompt!
|
source: CameraSource.Camera // Camera, Photos or Prompt!
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (image) {
|
if (image) {
|
||||||
@@ -116,12 +117,13 @@ export class NewPublicationPage implements OnInit {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
imageSize(image){
|
imageSize(image){
|
||||||
var canvas = document.createElement('canvas');
|
var canvas = document.createElement('canvas');
|
||||||
var ctx = canvas.getContext('2d');
|
var ctx = canvas.getContext('2d');
|
||||||
canvas.width=300
|
canvas.width=100
|
||||||
canvas.height=234
|
canvas.height=34
|
||||||
ctx.drawImage(image, 0, 0, 300, 234);
|
ctx.drawImage(image, 0, 0, 100, 34);
|
||||||
document.body.appendChild(canvas);
|
document.body.appendChild(canvas);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -77,7 +77,6 @@
|
|||||||
</ion-item-option>
|
</ion-item-option>
|
||||||
</ion-item-options>
|
</ion-item-options>
|
||||||
</ion-item-sliding>
|
</ion-item-sliding>
|
||||||
|
|
||||||
<ion-item-sliding disabled="{{showSlidingOptions}}" class="width-100"
|
<ion-item-sliding disabled="{{showSlidingOptions}}" class="width-100"
|
||||||
*ngFor="let evento of publicationsEventFolderList">
|
*ngFor="let evento of publicationsEventFolderList">
|
||||||
<ion-item lines="none"
|
<ion-item lines="none"
|
||||||
|
|||||||
@@ -126,7 +126,7 @@
|
|||||||
}
|
}
|
||||||
.post-img{
|
.post-img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
//height: 400px;
|
height: 400px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
border-radius: 0px!important;
|
border-radius: 0px!important;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
+5
-3
@@ -1336,10 +1336,12 @@ ngx-mat-datetime-content{
|
|||||||
.ldio-rpinwye8j0b div { box-sizing: content-box; }
|
.ldio-rpinwye8j0b div { box-sizing: content-box; }
|
||||||
|
|
||||||
.transparent-modal {
|
.transparent-modal {
|
||||||
--background: #0000005c;
|
--background: #dfb2b2e7;
|
||||||
|
--margin: 0;
|
||||||
|
--padding: 0;
|
||||||
|
|
||||||
ion-content {
|
ion-content {
|
||||||
--background:#2e2121e7;
|
--background:#caa1a1e7;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1356,6 +1358,6 @@ ngx-mat-datetime-content{
|
|||||||
|
|
||||||
}
|
}
|
||||||
.transparent-modal .modal-wrapper {
|
.transparent-modal .modal-wrapper {
|
||||||
--background: rgba(44, 39, 45, 0.7);
|
--background: rgba(8, 8, 8, 0.7);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user