@mixd-id/web-scaffold 0.1.230406130 → 0.1.230406132

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mixd-id/web-scaffold",
   "private": false,
-  "version": "0.1.230406130",
+  "version": "0.1.230406132",
   "scripts": {
     "dev": "vite serve",
     "build": "vite build",

package/src/components/ListView.vue

@@ -237,7 +237,7 @@ export default{
 
 		optBar: String,
 
-		containerClass: String
+		containerClass: String,
 
 	},
 

package/src/components/Slider.vue

@@ -6,10 +6,14 @@
     <div ref="highlight" :style="{ left:hgLeft + 'px', right:hgRight + 'px' }"></div>
 
     <div id="sliderLeft" v-if="mode === 'double'" ref="left" @mousedown.prevent.capture="onMouseDown" @touchstart.passive.capture="onMouseDown"
-      :style="{ left:l1Left + 'px' }"></div>
+      :style="{ left:l1Left + 'px' }">
+      <slot name="inner"></slot>
+    </div>
 
     <div id="sliderRight" ref="right" @mousedown.prevent.capture="onMouseDown" @touchstart.passive.capture="onMouseDown"
-      :style="{ left:l2Left + 'px' }"></div>
+      :style="{ left:l2Left + 'px' }">
+      <slot name="inner"></slot>
+    </div>
 
   </div>
 </template>
@@ -277,6 +281,7 @@ export default{
   .slider>div:nth-child(3),
   .slider>div:nth-child(4){
     @apply absolute w-[2.1rem] h-[2.1rem] rounded-full bg-white shadow-sm border-[1px] border-text-200;
+    @apply flex;
     top: 50%;
     transform: translate3d(0, -50%, 0);
     touch-action: none;

package/src/utils/listview.js

@@ -48,7 +48,7 @@ let ListView = {
       return
     }
 
-    const summary = (params.preset.summaries ?? []).filter((_) => _.enabled).pop()
+    const summary = ((params.preset ?? {}).summaries ?? []).filter((_) => _.enabled).pop()
     if(!summary) return
 
     const { derivedSql, where, replacements } = loadResults

package/src/widgets/Review.vue

@@ -37,9 +37,9 @@
 				</div>
 			</div>
 
-			<div class="md:flex-1 py-6 flex flex-col divide-y divide-gray-200">
+			<div class="md:flex-1 py-6 flex flex-col gap-6">
 
-				<div v-for="review in items.reviews" class="py-4 flex flex-col gap-2">
+				<div v-for="review in items.reviews" class="flex flex-col gap-2 bg-white border-[1px] border-gray-200 p-4 pb-2 rounded-xl">
 					<div class="flex flex-row gap-4">
 						<div class="flex-1 flex flex-col gap-2">
 							<div class="flex flex-row gap-1">
@@ -117,7 +117,7 @@ export default{
 }
 
 .bar{
-	@apply h-[1rem] bg-gray-100 rounded-lg;
+	@apply h-[1rem] bg-gray-200 rounded-lg;
 	@apply relative;
 }
 .bar>*{

package/src/widgets/ReviewSetting.vue

@@ -48,6 +48,13 @@
 			</div>
 		</div>
 
+    <div class="flex flex-row gap-4 items-center">
+      <Checkbox v-model="item.props.enableGoogleReviewSD" @change="$emit('change')">
+        Enable google structured data
+      </Checkbox>
+    </div>
+
+
 		<Modal ref="reviewModal" width="360" height="420">
 		  <template v-slot:head>
 		    <div class="relative p-6">

package/src/widgets/WebPageBuilder.vue

@@ -517,7 +517,7 @@ export default{
 
 		async load(){
 			return this.socketEmit2('page.open', { uid:this.$route.params.uid })
-				.then(({ page, layouts }) => {
+				.then(({ page, layouts, host }) => {
 
 					const patchComponents = (items) => {
 						return items.map((comp) => {
@@ -540,7 +540,8 @@ export default{
 
 					this.page = page
 					this.layouts = layouts
-					this.iframeSrc = import.meta.env.VITE_WEB_HOST + '/' + (this.page.path ?? '')
+					this.host = host
+					this.iframeSrc = (this.host ?? import.meta.env.VITE_WEB_HOST) + '/' + (this.page.path ?? '')
 					this.$nextTick(() => this.resize())
 				})
 				.catch((err) => {
@@ -731,7 +732,7 @@ export default{
 			this.socketEmit2('page.save', this.page)
 				.then(() => {
 					if(reload){
-						this.iframeSrc = import.meta.env.VITE_WEB_HOST + '/' + (this.page.path ?? '')
+						this.iframeSrc = (this.host ?? import.meta.env.VITE_WEB_HOST) + '/' + (this.page.path ?? '')
 						this.reloadIframe()
 					}
 				})
@@ -1026,6 +1027,7 @@ export default{
 		return {
 			iframeStyle: {},
 			iframeSrc: '',
+			host: null,
 			page: null,
 			layouts: [],
 			tabItems: [

package/src/widgets/WebPageSelector.vue

@@ -4,7 +4,7 @@
 			<div class="relative p-6">
 				<h3>{{ $t('Choose Template:') }}</h3>
 				<div class="absolute top-0 right-0 p-2">
-					<button type="button" class="p-2" @click="close">
+					<button type="button" class="p-2" @click="$router.back()">
 						<svg width="24" height="24" viewBox="0 0 24 24" class="fill-text-300 hover:fill-red-500" xmlns="http://www.w3.org/2000/svg">
 							<path d="M6.53034 5.46965C6.23745 5.17676 5.76257 5.17676 5.46968 5.46965C5.17679 5.76255 5.17679 6.23742 5.46968 6.53031L10.9393 12L5.46967 17.4697C5.17678 17.7626 5.17678 18.2374 5.46967 18.5303C5.76256 18.8232 6.23744 18.8232 6.53033 18.5303L12 13.0606L17.4697 18.5303C17.7626 18.8232 18.2375 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L13.0607 12L18.5303 6.53032C18.8232 6.23743 18.8232 5.76256 18.5303 5.46966C18.2374 5.17677 17.7626 5.17677 17.4697 5.46966L12 10.9393L6.53034 5.46965Z"/>
 						</svg>
@@ -58,6 +58,11 @@ export default{
 
 	props: {
 
+		src: {
+			type: String,
+			default: 'page.create'
+		},
+
 		templates: {
 			type: Array,
 			default: [
@@ -87,23 +92,13 @@ export default{
 
 	methods: {
 
-		open(){
-			this.isOpen = true
-		},
-
-		close(){
-			this.isOpen = false
-		},
-
-		async create(){
-			try{
-				const res = await this.socketEmit2('page.create', this.selectedTemplate.page)
-				this.$emit('save', res)
-				this.close()
-			}
-			catch(err){
-				this.alert(err)
-			}
+		create(){
+			this.socketEmit2(this.src, this.selectedTemplate.page)
+				.then(res => {
+					this.isOpen = false
+					this.$emit('save', res)
+				})
+				.catch(err => this.alert(err))
 		}
 
 	},
@@ -122,7 +117,16 @@ export default{
 
 	mounted(){
 		this._templates = this.templates
-	}
+		window.setTimeout(() => this.isOpen = this.$route.hash === '#selector', 300)
+	},
+
+	watch: {
+
+		'$route.hash'(to){
+			this.isOpen = to === '#selector'
+		}
+
+	},
 
 }