Skip to content

Commit 481f9b4

Browse files
surajshetty3416surajshetty3416
committed
feat: Add form-1 template
1 parent a43a277 commit 481f9b4

5 files changed

Lines changed: 23 additions & 10 deletions

File tree

‎builder/builder/builder_block_template/form_1/form_1.json‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
{
2+
"block": "{\"blockId\":\"2e45tti0c\",\"children\":[{\"blockId\":\"tgmgn6m9e\",\"children\":[],\"baseStyles\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexShrink\":0,\"overflow\":\"hidden\",\"position\":\"static\",\"width\":\"100%\",\"height\":\"40px\",\"borderRadius\":\"4px\",\"borderColor\":\"#e2e2e2\",\"borderWidth\":\"1px\",\"borderStyle\":\"solid\",\"fontSize\":\"14px\"},\"rawStyles\":{},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{\"placeholder\":\"Full Name\"},\"classes\":[],\"dataKey\":null,\"element\":\"input\",\"customAttributes\":{}},{\"blockId\":\"wcuntqb72\",\"children\":[],\"baseStyles\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexShrink\":0,\"overflow\":\"hidden\",\"position\":\"static\",\"width\":\"100%\",\"height\":\"40px\",\"borderRadius\":\"4px\",\"borderColor\":\"#e2e2e2\",\"borderWidth\":\"1px\",\"borderStyle\":\"solid\",\"fontSize\":\"14px\"},\"rawStyles\":{},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{\"placeholder\":\"Email\"},\"classes\":[],\"dataKey\":null,\"element\":\"input\",\"customAttributes\":{}},{\"blockId\":\"9ye1jh3tf\",\"children\":[],\"baseStyles\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexShrink\":0,\"overflow\":\"hidden\",\"position\":\"static\",\"top\":\"auto\",\"left\":\"auto\",\"width\":\"100%\",\"height\":\"150px\",\"borderRadius\":\"4px\",\"borderColor\":\"#e2e2e2\",\"borderWidth\":\"1px\",\"borderStyle\":\"solid\",\"fontSize\":\"14px\"},\"rawStyles\":{},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{\"placeholder\":\"Message\"},\"classes\":[],\"dataKey\":null,\"element\":\"textarea\",\"customAttributes\":{}},{\"blockId\":\"55amkphvc\",\"children\":[{\"blockId\":\"bs8fr5g0r\",\"children\":[],\"baseStyles\":{\"color\":\"var(--neutral-white, #FFF)\",\"fontSize\":\"14px\",\"fontWeight\":\"420\",\"height\":\"fit-content\",\"left\":\"auto\",\"letterSpacing\":\"0.28px\",\"lineHeight\":\"115%\",\"minWidth\":\"30px\",\"position\":\"static\",\"top\":\"auto\",\"width\":\"fit-content\"},\"rawStyles\":{},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{},\"classes\":[\"__text_block__\"],\"dataKey\":null,\"element\":\"p\",\"innerHTML\":\"<p>Submit</p>\",\"customAttributes\":{}}],\"baseStyles\":{\"background\":\"#171717\",\"borderRadius\":\"4px\",\"display\":\"flex\",\"flexDirection\":\"column\",\"height\":\"fit-content\",\"padding\":\"6px 8px\",\"width\":\"fit-content\"},\"rawStyles\":{\"flex-shrink\":\"0\",\"hover:background\":\"#383838\",\"transition\":\"all 0.1s ease-out\"},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{},\"classes\":[\"\"],\"dataKey\":null,\"element\":\"button\",\"customAttributes\":{}}],\"baseStyles\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"flexShrink\":0,\"overflow\":\"hidden\",\"position\":\"static\",\"top\":\"auto\",\"left\":\"auto\",\"width\":\"100%\",\"paddingLeft\":\"20px\",\"paddingRight\":\"20px\",\"paddingBottom\":\"20px\",\"paddingTop\":\"20px\",\"maxWidth\":\"400px\",\"gap\":\"15px\"},\"rawStyles\":{},\"mobileStyles\":{},\"tabletStyles\":{},\"attributes\":{},\"classes\":[],\"dataKey\":null,\"element\":\"form\",\"customAttributes\":{}}",
3+
"category": "Basic",
4+
"creation": "2024-07-11 23:34:22.558908",
5+
"docstatus": 0,
6+
"doctype": "Block Template",
7+
"idx": 0,
8+
"modified": "2024-07-11 23:34:22.558908",
9+
"modified_by": "Administrator",
10+
"name": "Form 1",
11+
"owner": "Administrator",
12+
"preview": "/builder_assets/Form 1/form-1.png",
13+
"template_name": "Form 1"
14+
}

‎builder/www/builder_assets/Form 1/form-1.png‎

787 Bytes
Loading

‎frontend/src/components/BlockContextMenu.vue‎

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -67,23 +67,22 @@
6767
v-model="blockTemplateProperties.templateName"
6868
label="Template Name"
6969
required
70+
:hideClearButton="true"
7071
class="[&>div>input]:dark:bg-zinc-900 [&>label]:dark:text-zinc-300" />
7172
<div class="relative">
7273
<Input
7374
type="text"
7475
v-model="blockTemplateProperties.previewImage"
7576
label="Preview Image"
77+
:hideClearButton="true"
7678
class="[&>div>input]:dark:bg-zinc-900 [&>label]:dark:text-zinc-300" />
7779
<FileUploader
80+
file-types="image/*"
7881
@success="
79-
// prettier-ignore
80-
81-
(file: { 'file_url': string }) => {
82-
console.log(file)
83-
blockTemplateProperties.previewImage = file.file_url
82+
(file: FileDoc) => {
83+
blockTemplateProperties.previewImage = file.file_url;
8484
}
85-
"
86-
file-types="image/*">
85+
">
8786
<template v-slot="{ openFileSelector }">
8887
<div class="absolute bottom-0 right-0 place-items-center">
8988
<Button size="sm" @click="openFileSelector" class="text-sm">Upload</Button>

‎frontend/src/components/BuilderRightPanel.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,8 @@
4444
<script setup lang="ts">
4545
import useStore from "@/store";
4646
import BlockProperties from "./BlockProperties.vue";
47-
import PageScript from "./PageScript.vue";
4847
import PageOptions from "./PageOptions.vue";
48+
import PageScript from "./PageScript.vue";
4949
import PanelResizer from "./PanelResizer.vue";
5050
const store = useStore();
5151
</script>

‎frontend/src/components/Input.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<div
2323
class="absolute right-[1px] top-[3px] cursor-pointer p-1 text-gray-700 dark:text-zinc-300"
2424
@click="clearValue"
25-
v-if="!['select', 'checkbox'].includes(type)"
25+
v-if="!['select', 'checkbox'].includes(type) && !hideClearButton"
2626
v-show="data">
2727
<CrossIcon />
2828
</div>
@@ -33,7 +33,7 @@ import { useVModel } from "@vueuse/core";
3333
import { useAttrs } from "vue";
3434
import CrossIcon from "./Icons/Cross.vue";
3535
36-
const props = defineProps(["modelValue", "type"]);
36+
const props = defineProps(["modelValue", "type", "hideClearButton"]);
3737
const emit = defineEmits(["update:modelValue", "input"]);
3838
const data = useVModel(props, "modelValue", emit);
3939

0 commit comments

Comments
 (0)