fix html error

This commit is contained in:
Peter Maquiran
2023-12-07 15:59:42 +01:00
parent 5a90eecbd5
commit 10361646a4
7 changed files with 30 additions and 23 deletions
@@ -1,4 +1,4 @@
import { NgModule } from '@angular/core';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -14,6 +14,7 @@ import { PublicationDetailPage } from './publication-detail.page';
IonicModule,
PublicationDetailPageRoutingModule,
],
declarations: [PublicationDetailPage]
declarations: [PublicationDetailPage],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class PublicationDetailPageModule {}
@@ -23,17 +23,17 @@
</div>
<div class="post-item overflow-y-auto">
<swiper-container [modules]="swiperModules" [pagination]="{clickable: true, dynamicBullets: true }">
<swiper-container [pagination]="{clickable: true, dynamicBullets: true }">
<swiper-slide *ngFor="let files of publication.Files let k = index">
<div (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)">
<div>
<img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" class="post-img"
src="{{'data:image/jpg;base64,' + files.FileBase64}}">
<video *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'video'" class="post-video" controls="controls" preload="metadata"
webkit-playsinline="webkit-playsinline">
<source src="{{'data:video/mp4;base64,' + files.FileBase64}}" type="video/mp4">
</video>
</div>
</swiper-slide>
</swiper-container>
@@ -29,6 +29,11 @@ export class PublicationDetailPage implements OnInit {
isModal = false
videoControls = false;
pagination = {
clickable: true,
dynamicBullets: true
}
constructor(
private modalController: ModalController,
private publications:PublicationsService,
@@ -50,7 +55,7 @@ export class PublicationDetailPage implements OnInit {
this.folderId = params["params"].folderId;
this.DocumentId = params["params"].publicationId;
this.isModal = params["params"].isModal;
//
//
console.log('params', params)
if(this.DocumentId) {
@@ -86,9 +91,9 @@ export class PublicationDetailPage implements OnInit {
const folderId = this.folderId
this.showLoader = true;
this.publications.GetPublicationWithArrayOfFilesById(this.DocumentId).subscribe(res => {
/* this.publication = res; */
this.publication = {
DateIndex: res.DateIndex,
@@ -101,7 +106,7 @@ export class PublicationDetailPage implements OnInit {
OriginalFileName: res.OriginalFileName,
FileExtension: res.FileExtension,
}
console.log('this.publication', this.publication)
this.showLoader = false;
}, (error) => {
@@ -161,7 +166,7 @@ export class PublicationDetailPage implements OnInit {
}
async editPost(publicationType:any) {
const modal = await this.modalController.create({
component: NewPublicationPage,
componentProps:{
@@ -175,7 +180,7 @@ export class PublicationDetailPage implements OnInit {
modal.onDidDismiss().then((data) => {
if(data.data) {
this.publication = data.data
this.publication = data.data
if(window['app-view-publications-page-doRefresh']) {
window['app-view-publications-page-doRefresh']()
}
@@ -1,4 +1,4 @@
import { NgModule } from '@angular/core';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -33,6 +33,7 @@ setup(attributes: Attributes) {
],
exports: [ViewPublicationsPage],
declarations: [ViewPublicationsPage, VisibilityDirective],
providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}]
providers: [{provide: LAZYLOAD_IMAGE_HOOKS, useClass: LazyLoadImageHooks}],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class ViewPublicationsPageModule {}
@@ -47,9 +47,8 @@
<ion-thumbnail *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index" lot="start">
<ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'"
name="image" ngDefaultControl [src]="seleted.FileBase64"
(click)="imageSize(seleted.FileBase64)"></ion-img>
<ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'"
name="image" ngDefaultControl [src]="seleted.FileBase64"></ion-img>
<video *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'video'" width="70" height="70"
controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline">
@@ -61,7 +60,7 @@
<ion-thumbnail *ngIf="seletedContent.length > displayLimit" lot="start">
<ion-img [src]="'data:image/jpg;base64,' + seletedContent[displayLimit - 1].base64"
style="filter: blur(5px);"></ion-img>
<p>mais {{ seletedContent.length - displayLimit }}</p>
</ion-thumbnail>
@@ -81,7 +80,7 @@
<!-- <div *ngIf="!captureContent">
<div class="ion-item-container-no-border mb-20"
*ngIf="publication && !( publication.FileBase64 == 'data:image/jpg;base64,null' || publication.FileBase64 == '' ) && !capturedImage">
<ion-label class="attached-title pb-10">Fotografia Anexada</ion-label>
<ion-label class="attached-title pb-10">Fotografia Anexada</ion-label>
<div class="d-flex justify-content-between">
<div class="d-flex">
<ion-thumbnail slot="start">
@@ -146,4 +145,4 @@
</ion-buttons>
</ion-toolbar>
</ion-footer>
</ion-footer>
@@ -1,4 +1,4 @@
import { NgModule } from '@angular/core';
import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
@@ -16,6 +16,7 @@ import { PublicationDetailPage } from './publication-detail.page';
PublicationDetailPageRoutingModule
],
exports: [PublicationDetailPage],
declarations: [PublicationDetailPage]
declarations: [PublicationDetailPage],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class PublicationDetailPageModule {}
@@ -32,7 +32,7 @@
</ion-refresher-content>
</ion-refresher>
<div class="post-item px-20">
<swiper-container [modules]="swiperModules" navigation="true" [pagination]="{clickable: true, dynamicBullets: true }">
<swiper-container navigation="true" [pagination]="{clickable: true, dynamicBullets: true }">
<swiper-slide *ngFor="let files of publication.Files let k = index">
<div (click)="openPreview(publication)">
<img *ngIf="checkFileType.checkFileType(files.FileExtension ) == 'image'" alt="image" tappable