weforms / assets / js-templates / form-components.php

form-components.php in weForms – Easy Drag & Drop Contact Form Builder For WordPress 1.0.1, at assets/js-templates/form-components.php

153 lines 5.6 KB

Raw Download Zip

1	<script type="text/x-template" id="tmpl-wpuf-field-name">
2	<div>
3	<div class="panel-field-opt panel-field-name clearfix">
4
5	<label>
6	<?php _e( 'First Name', 'weforms' ); ?>
7	</label>
8
9	<div class="name-field-placeholder">
10	<input type="text" v-model="editing_form_field.first_name.placeholder">
11	<label><?php _e( 'Placeholder', 'weforms' ); ?></label>
12	</div>
13
14	<div class="name-field-value">
15	<input type="text" v-model="editing_form_field.first_name.default">
16	<label><?php _e( 'Default Value', 'weforms' ); ?></label>
17	</div>
18	</div>
19
20	<div class="panel-field-opt panel-field-name clearfix" v-if="editing_form_field.format !== 'first-last'">
21
22	<label>
23	<?php _e( 'Middle Name', 'weforms' ); ?>
24	</label>
25
26	<div class="name-field-placeholder">
27	<input type="text" v-model="editing_form_field.middle_name.placeholder">
28	<label><?php _e( 'Placeholder', 'weforms' ); ?></label>
29	</div>
30
31	<div class="name-field-value">
32	<input type="text" v-model="editing_form_field.middle_name.default">
33	<label><?php _e( 'Default Value', 'weforms' ); ?></label>
34	</div>
35	</div>
36
37	<div class="panel-field-opt panel-field-name clearfix">
38
39	<label>
40	<?php _e( 'Last Name', 'weforms' ); ?>
41	</label>
42
43	<div class="name-field-placeholder">
44	<input type="text" v-model="editing_form_field.last_name.placeholder">
45	<label><?php _e( 'Placeholder', 'weforms' ); ?></label>
46	</div>
47
48	<div class="name-field-value">
49	<input type="text" v-model="editing_form_field.last_name.default">
50	<label><?php _e( 'Default Value', 'weforms' ); ?></label>
51	</div>
52	</div>
53	</div></script>
54
55	<script type="text/x-template" id="tmpl-wpuf-form-name_field">
56	<div class="wpuf-fields">
57
58	<div :class="['wpuf-name-field-wrap', 'format-' + field.format]">
59	<div class="wpuf-name-field-first-name">
60	<input
61	type="text"
62	:class="class_names('textfield')"
63	:placeholder="field.first_name.placeholder"
64	:value="field.first_name.default"
65	:size="field.size"
66	>
67	<label class="wpuf-form-sub-label" v-if="!field.hide_subs">{{ field.first_name.sub }}</label>
68	</div>
69
70	<div class="wpuf-name-field-middle-name">
71	<input
72	type="text"
73	:class="class_names('textfield')"
74	:placeholder="field.middle_name.placeholder"
75	:value="field.middle_name.default"
76	:size="field.size"
77	>
78	<label class="wpuf-form-sub-label" v-if="!field.hide_subs">{{ field.middle_name.sub }}</label>
79	</div>
80
81	<div class="wpuf-name-field-last-name">
82	<input
83	type="text"
84	:class="class_names('textfield')"
85	:placeholder="field.last_name.placeholder"
86	:value="field.last_name.default"
87	:size="field.size"
88	>
89	<label class="wpuf-form-sub-label" v-if="!field.hide_subs">{{ field.last_name.sub }}</label>
90	</div>
91	</div>
92
93	<span v-if="field.help" class="wpuf-help">{{ field.help }}</span>
94	</div>
95	</script>
96
97	<script type="text/x-template" id="tmpl-wpuf-integration-slack">
98	<div>
99	<div class="wpuf-int-form-row">
100	<div class="wpuf-int-field-label">
101	<label for="mailchimp-list-id"><?php _e( 'Slack Webhook URL', 'weforms' ); ?></label>
102	</div>
103	<div class="wpuf-int-field">
104	<input type="url" class="regular-text" v-model="settings.url" placeholder="https://hooks.slack.com/services/...">
105	<p class="help"><?php _e( 'Slack webhook URL to send our JSON payloads', 'weforms' ); ?></p>
106	</div>
107	</div>
108	</div></script>
109
110	<script type="text/x-template" id="tmpl-wpuf-template-modal">
111	<div>
112	<wpuf-modal :show.sync="show" :onClose="onClose">
113	<h2 slot="header">
114	<?php _e( 'Select a Template', 'weforms' ); ?>
115	<small><?php printf( __( 'Select from a pre-defined template or from a <a href="#" %s>blank form</a>', 'weforms' ), '@click.prevent="blankForm()"' ); ?></small>
116	</h2>
117
118	<div slot="body">
119	<ul>
120	<li class="blank-form">
121	<a href="#" @click.prevent="blankForm($event.target)">
122	<span class="dashicons dashicons-plus"></span>
123	<div class="title"><?php _e( 'Blank Form', 'weforms' ); ?></div>
124	</a>
125	</li>
126
127	<?php
128	$registry = weforms_get_form_templates();
129
130	foreach ($registry as $key => $template ) {
131	$class = 'template-active';
132	$title = '';
133
134	if ( ! $template->is_enabled() ) {
135	$class = 'template-inactive';
136	$title = __( 'This integration is not installed.', 'weforms' );
137	}
138	?>
139
140	<li>
141	<a href="#" @click.prevent="createForm('<?php echo $key; ?>', $event.target)" title="<?php echo esc_attr( $title ); ?>">
142	<div class="title"><?php echo $template->get_title(); ?></div>
143	<div class="description"><?php echo $template->get_description(); ?></div>
144	</a>
145	</li>
146	<?php
147	}
148	?>
149	</ul>
150	</div>
151	</wpuf-modal>
152	</div></script>
153