LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: Creates component to show article in an iFrame (#7857)

Browse Source
This commit is contained in:
Nithin David Thomas
2023-09-06 18:55:39 +05:30
committed by GitHub
parent e529e1206e
commit 52e49d5f9d
4 changed files with 118 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/widget/components/ArticleCardSkeletonLoader.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<div class="py-4 space-y-4 bg-white dark:bg-slate-700">
<div class="space-y-2 animate-pulse ">
<div class="h-6 bg-slate-100 dark:bg-slate-500 rounded w-2/5" />
</div>
<div class="space-y-2 animate-pulse ">
<div class="h-4 bg-slate-100 dark:bg-slate-500 rounded" />
<div class="h-4 bg-slate-100 dark:bg-slate-500 rounded" />
<div class="h-4 bg-slate-100 dark:bg-slate-500 rounded" />
</div>
<div class="space-y-2 animate-pulse ">
<div class="h-4 bg-slate-100 dark:bg-slate-500 rounded w-1/5" />
</div>
</div>
</template>

22
app/javascript/widget/views/ArticleViewer.vue Normal file
View File

@@ -0,0 +1,22 @@
<template>
<div class="bg-white h-full">
<iframe-loader :url="link" />
</div>
</template>
<script>
import IframeLoader from 'shared/components/IframeLoader';
export default {
name: 'ArticleViewer',
components: {
IframeLoader,
},
props: {
link: {
type: String,
default: '',
},
},
};
</script>