PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.2.1
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.2.1
1.6.7 1.6.8 1.6.9 1.6.12 1.6.13 1.6.14 1.6.15 1.6.16 1.6.17 1.6.18 1.6.19 1.6.2 1.6.20 1.6.21 1.6.22 1.6.23 1.6.24 1.6.25 1.6.26 1.6.27 1.6.28 1.6.3 1.6.4 1.6.5 1.6.6 All 74 releases
weforms / assets / js-templates / spa-components.php

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

1,008 lines 53.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <script type="text/x-template" id="tmpl-wpuf-component-table">
2 <div>
3
4 <div class="tablenav top">
5
6 <div class="alignleft actions bulkactions">
7 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
8 <select name="action" v-model="bulkAction">
9 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
10 <option value="delete"><?php _e( 'Delete Entries', 'weforms' ); ?></option>
11 </select>
12
13 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
14 </div>
15
16 <div class="alignleft actions" v-if="has_export !== 'no'">
17 <a class="button" :href="'admin-post.php?action=weforms_export_form_entries&selected_forms=' + id + '&_wpnonce=' + nonce" style="margin-top: 0;"><span class="dashicons dashicons-download" style="margin-top: 4px;"></span> <?php _e( 'Export Entries', 'weforms' ); ?></a>
18 </div>
19
20 <div class="tablenav-pages">
21
22 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
23
24 <span class="pagination-links">
25 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
26 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php _e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
27
28 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
29 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php _e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
30
31 <span class="screen-reader-text"><?php _e( 'Current Page', 'weforms' ); ?></span><input @keydown.enter.prevent="goToPage(pageNumberInput)" class="current-page" id="current-page-selector" v-model="pageNumberInput" type="text" value="1" size="1" aria-describedby="table-paging"> <?php _e( 'of', 'weforms' ); ?> <span class="total-pages">{{ totalPage }}</span>
32
33 <span v-if="currentPage == totalPage" class="tablenav-pages-navspan" aria-hidden="true"></span>
34 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php _e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
35
36 <span v-if="isLastPage()" class="tablenav-pages-navspan" aria-hidden="true">»</span>
37 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php _e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
38 </span>
39 </div>
40 </div>
41
42 <table class="wp-list-table widefat fixed striped wpuf-contact-form">
43 <thead>
44 <tr>
45 <td id="cb" class="manage-column column-cb check-column">
46 <input type="checkbox" v-model="selectAll">
47 </td>
48 <th class="col-entry-id"><?php _e( 'ID', 'weforms' ); ?></th>
49 <th v-for="(header, index) in columns">{{ header }}</th>
50 <th>Actions</th>
51 </tr>
52 </thead>
53 <tfoot>
54 <tr>
55 <td id="cb" class="manage-column column-cb check-column">
56 <input type="checkbox" v-model="selectAll">
57 </td>
58 <th class="col-entry-id"><?php _e( 'ID', 'weforms' ); ?></th>
59 <th v-for="(header, index) in columns">{{ header }}</th>
60 <th class="col-entry-details"><?php _e( 'Actions', 'weforms' ); ?></th>
61 </tr>
62 </tfoot>
63 <tbody>
64 <tr v-if="loading">
65 <td v-bind:colspan="columnLength + 3"><?php _e( 'Loading...', 'weforms' ); ?></td>
66 </tr>
67 <tr v-if="!items.length && !loading">
68 <td v-bind:colspan="columnLength + 3"><?php _e( 'No entries found!', 'weforms' ); ?></td>
69 </tr>
70 <tr v-for="(entry, index) in items">
71 <th scope="row" class="check-column">
72 <input type="checkbox" name="post[]" v-model="checkedItems" :value="entry.id">
73 </th>
74 <th class="col-entry-id">
75 <router-link :to="{ name: 'formEntriesSingle', params: { entryid: entry.id }}">#{{ entry.id }}</router-link>
76 </th>
77 <td v-for="(header, index) in columns"><span v-html="entry.fields[index]"></span></td>
78 <th class="col-entry-details">
79 <router-link :to="{ name: 'formEntriesSingle', params: { entryid: entry.id }}"><?php _e( 'Details', 'weforms' ); ?></router-link>
80 </th>
81 </tr>
82 </tbody>
83 </table>
84
85 <div class="tablenav bottom">
86 <div class="alignleft actions bulkactions">
87 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
88 <select name="action" v-model="bulkAction">
89 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
90 <option value="delete"><?php _e( 'Delete Entries', 'weforms' ); ?></option>
91 </select>
92
93 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
94 </div>
95
96 <div class="tablenav-pages">
97
98 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
99
100 <span class="pagination-links">
101 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
102 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php _e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
103
104 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
105 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php _e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
106
107 <span class="screen-reader-text"><?php _e( 'Current Page', 'weforms' ); ?></span><input @keydown.enter.prevent="goToPage(pageNumberInput)" class="current-page" id="current-page-selector" v-model="pageNumberInput" type="text" value="1" size="1" aria-describedby="table-paging"> of <span class="total-pages">{{ totalPage }}</span>
108
109 <span v-if="currentPage == totalPage" class="tablenav-pages-navspan" aria-hidden="true"></span>
110 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php _e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
111
112 <span v-if="isLastPage()" class="tablenav-pages-navspan" aria-hidden="true">»</span>
113 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php _e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
114 </span>
115 </div>
116 </div>
117 </div></script>
118
119 <script type="text/x-template" id="tmpl-wpuf-entries">
120 <div class="wpuf-contact-form-entries">
121 <h1 class="wp-heading-inline">
122 <?php _e( 'Entries', 'weforms' ); ?>
123 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
124
125 <span style="color: #999;" class="form-name">
126 {{ form_title }}
127 </span>
128
129 <select v-if="forms.length" v-model="selected">
130 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
131 </select>
132 </h1>
133
134 <template v-if="selected">
135
136 <wpuf-table
137 action="weforms_form_entries"
138 :id="selected"
139 v-on:ajaxsuccess="form_title = $event.form_title; $route.params.id = selected"
140 >
141 </wpuf-table>
142 </template>
143
144 </div></script>
145
146 <script type="text/x-template" id="tmpl-wpuf-form-builder">
147 <form id="wpuf-form-builder" class="wpuf-form-builder-contact_form" method="post" action="" @submit.prevent="save_form_builder" v-cloak>
148 <fieldset :class="[is_form_saving ? 'disabled' : '']" :disabled="is_form_saving">
149
150 <h2 class="nav-tab-wrapper">
151 <a href="#wpuf-form-builder-container" :class="['nav-tab', isActiveTab( 'editor' ) ? 'nav-tab-active' : '']" v-on:click.prevent="makeActive('editor')">
152 <?php _e( 'Form Editor', 'weforms' ); ?>
153 </a>
154
155 <a href="#wpuf-form-builder-settings" :class="['nav-tab', isActiveTab( 'settings' ) ? 'nav-tab-active' : '']" v-on:click.prevent="makeActive('settings')">
156 <?php _e( 'Settings', 'weforms' ); ?>
157 </a>
158
159 <?php do_action( "wpuf-form-builder-tabs-contact_form" ); ?>
160
161 <span class="pull-right">
162 <a :href="'<?php echo site_url( '/' ); ?>?weforms_preview=1&form_id=' + post.ID" target="_blank" class="button"><span class="dashicons dashicons-visibility" style="padding-top: 3px;"></span> <?php _e( 'Preview', 'weforms' ); ?></a>
163
164 <button v-if="!is_form_saving" type="button" class="button button-primary" @click="save_form_builder">
165 <?php _e( 'Save Form', 'weforms' ); ?>
166 </button>
167
168 <button v-else type="button" class="button button-primary button-ajax-working" disabled>
169 <span class="loader"></span> <?php _e( 'Saving Form Data', 'weforms' ); ?>
170 </button>
171 </span>
172 </h2>
173
174 <div class="tab-contents" v-if="!loading">
175 <div id="wpuf-form-builder-container" v-show="isActiveTab('editor')">
176 <div id="builder-stage">
177 <header class="clearfix">
178 <span v-if="!post_title_editing" title="<?php esc_attr_e( 'Click to edit the form name', 'weforms' ); ?>" class="form-title" @click.prevent="post_title_editing = true"><span class="dashicons dashicons-edit"></span> {{ post.post_title }}</span>
179
180 <span v-show="post_title_editing">
181 <input type="text" v-model="post.post_title" name="post_title" />
182 <button type="button" class="button button-small" style="margin-top: 8px;" @click.prevent="post_title_editing = false"><i class="fa fa-check"></i></button>
183 </span>
184
185 <span class="form-id" title="<?php echo esc_attr_e( 'Click to copy shortcode', 'weforms' ); ?>" :data-clipboard-text='"[weforms id=\"" + post.ID + "\"]"'><i class="fa fa-clipboard" aria-hidden="true"></i> #{{ post.ID }}</span>
186
187 <span :class="{ sharing_on : settings.sharing_on }" class="ann-form-btn form-id" @click="shareForm( '<?php echo site_url( '/' ); ?>',post)" title="<?php echo esc_attr_e( 'Share Your Form', 'weforms' ); ?>">
188 <i class="fa fa-share-alt" aria-hidden="true"></i>
189 <?php _e('Share', 'Share' ); ?>
190 </span>
191
192 </header>
193
194 <ul v-if="is_form_switcher" class="form-switcher-content">
195
196 </ul>
197
198 <section>
199 <div id="form-preview">
200 <builder-stage></builder-stage>
201 </div>
202 </section>
203 </div><!-- #builder-stage -->
204
205 <div id="builder-form-fields">
206 <header>
207 <ul class="clearfix">
208 <li :class="['form-fields' === current_panel ? 'active' : '']">
209 <a href="#add-fields" @click.prevent="set_current_panel('form-fields')">
210 <?php _e( 'Add Fields', 'weforms' ); ?>
211 </a>
212 </li>
213
214 <li :class="['field-options' === current_panel ? 'active' : '', !form_fields_count ? 'disabled' : '']">
215 <a href="#field-options" @click.prevent="set_current_panel('field-options')">
216 <?php _e( 'Field Options', 'weforms' ); ?>
217 </a>
218 </li>
219 </ul>
220 </header>
221
222 <section>
223 <div class="wpuf-form-builder-panel">
224 <component :is="current_panel"></component>
225 </div>
226 </section>
227 </div><!-- #builder-form-fields -->
228 </div><!-- #wpuf-form-builder-container -->
229
230 <div id="wpuf-form-builder-settings" class="clearfix" v-show="isActiveTab('settings')">
231 <fieldset>
232 <h2 id="wpuf-form-builder-settings-tabs" class="nav-tab-wrapper">
233 <?php do_action( "wpuf-form-builder-settings-tabs-contact_form" ); ?>
234 </h2><!-- #wpuf-form-builder-settings-tabs -->
235
236 <div id="wpuf-form-builder-settings-contents" class="tab-contents">
237 <?php do_action( "wpuf-form-builder-settings-tab-contents-contact_form" ); ?>
238 </div><!-- #wpuf-form-builder-settings-contents -->
239 </fieldset>
240 </div><!-- #wpuf-form-builder-settings -->
241
242 <?php do_action( "wpuf-form-builder-tab-contents-contact_form" ); ?>
243 </div>
244 <div v-else>
245 <div class="updating-message">
246 <p><?php _e( 'Loading the editor', 'weforms' ); ?></p>
247 </div>
248 </div>
249
250 <input type="hidden" name="form_settings_key" value="wpuf_form_settings">
251
252 <?php wp_nonce_field( 'wpuf_form_builder_save_form', 'wpuf_form_builder_nonce' ); ?>
253
254 <input type="hidden" name="wpuf_form_id" :value="post.ID">
255 </fieldset>
256 </form><!-- #wpuf-form-builder -->
257 </script>
258
259 <script type="text/x-template" id="tmpl-wpuf-form-entries">
260 <div class="wpuf-contact-form-entries">
261 <h1 class="wp-heading-inline">
262 <?php _e( 'Entries', 'weforms' ); ?>
263 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
264 <span style="color: #999;" class="form-name">{{ form_title }}</span>
265 </h1>
266
267 <router-link class="page-title-action" to="/"><?php _e( 'Back to forms', 'weforms' ); ?></router-link>
268
269 <wpuf-table action="weforms_form_entries" :id="id" v-on:ajaxsuccess="form_title = $event.form_title"></wpuf-table>
270
271 </div></script>
272
273 <script type="text/x-template" id="tmpl-wpuf-form-entry-single">
274 <div class="wpuf-contact-form-entry">
275 <h1 class="wp-heading-inline"><?php _e( 'Entry Details', 'weforms' ); ?></h1>
276 <router-link class="page-title-action" :to="{ name: 'formEntries', params: { id: $route.params.id }}"><?php _e( 'Back to Entries', 'weforms' ); ?></router-link>
277
278 <div v-if="loading"><?php _e( 'Loading...', 'weforms' ); ?></div>
279 <div v-else class="wpuf-contact-form-entry-wrap">
280
281 <div class="wpuf-contact-form-entry-left">
282 <div class="postbox">
283 <h2 class="hndle ui-sortable-handle">
284 <span>{{ entry.meta_data.form_title }} : Entry # {{ $route.params.entryid }}</span>
285 <span class="pull-right">
286 <label style="font-weight: normal; font-size: 12px">
287 <input type="checkbox" v-model="hideEmpty" style="margin-right: 1px"> <?php _e( 'Hide Empty', 'weforms' ) ?>
288 </label>
289 </span>
290 </h2>
291
292 <div class="main">
293 <table v-if="hasFormFields" class="wp-list-table widefat fixed striped posts">
294 <tbody>
295 <template v-for="(field, index) in entry.form_fields">
296 <template v-if="field.value || ! hideEmpty ">
297 <tr class="field-label">
298 <th><strong>{{ field.label }}</strong></th>
299 </tr>
300 <tr class="field-value">
301 <td>
302 <weforms-entry-gmap :lat="entry.meta_data[index]['lat']" :long="entry.meta_data[index]['long']" v-if="field.type == 'map'"></weforms-entry-gmap>
303 <div v-else-if="field.type === 'checkbox_field' || field.type === 'multiple_select'">
304 <ul style="margin: 0;">
305 <li v-for="item in field.value">- {{ item }}</li>
306 </ul>
307 </div>
308 <div v-else v-html="field.value"></div>
309 </td>
310 </tr>
311 </template>
312 </template>
313 </tbody>
314 </table>
315 <div v-else><div class="inside"><?php _e( 'Loading...', 'weforms' ); ?></div></div>
316
317 </div>
318 </div>
319 </div>
320
321 <div class="wpuf-contact-form-entry-right">
322 <div class="postbox">
323 <h2 class="hndle ui-sortable-handle"><span><?php _e( 'Submission Info', 'weforms' ); ?></span></h2>
324 <div class="inside">
325 <div class="main">
326
327 <ul>
328 <li>
329 <span class="label"><?php _e( 'Entry ID', 'weforms' ); ?></span>
330 <span class="sep"> : </span>
331 <span class="value">#{{ $route.params.entryid }}</span>
332 </li>
333 <li>
334 <span class="label"><?php _e( 'User IP', 'weforms' ); ?></span>
335 <span class="sep"> : </span>
336 <span class="value">{{ entry.meta_data.ip_address }}</span>
337 </li>
338 <li>
339 <span class="label"><?php _e( 'Page', 'weforms' ); ?></span>
340 <span class="sep"> : </span>
341 <span class="value"><a :href="entry.meta_data.referer">{{ entry.meta_data.referer }}</a></span>
342 </li>
343 <li v-if="entry.meta_data.user">
344 <span class="label"><?php _e( 'From', 'weforms' ); ?></span>
345 <span class="sep"> : </span>
346 <span class="value">{{ entry.meta_data.user }}</span>
347 </li>
348 <li>
349 <span class="label"><?php _e( 'Submitted On', 'weforms' ); ?></span>
350 <span class="sep"> : </span>
351 <span class="value">{{ entry.meta_data.created }}</span>
352 </li>
353 </ul>
354 </div>
355 </div>
356
357 <div id="major-publishing-actions">
358 <div id="publishing-action">
359 <button class="button button-large button-secondary" v-on:click.prevent="trashEntry"><span class="dashicons dashicons-trash"></span><?php _e( ' Delete', 'weforms' ); ?></button>
360 </div>
361 <div class="clear"></div>
362 </div>
363 </div>
364 </div>
365
366 <div class="wpuf-contact-form-entry-right" v-if="entry.payment_data" style=" clear: right;">
367 <div class="postbox">
368 <h2 class="hndle ui-sortable-handle"><span><?php _e( 'Payment Info', 'weforms' ); ?></span></h2>
369 <div class="inside">
370 <div class="main">
371
372 <ul>
373 <li>
374 <span class="label"><?php _e( 'Payment ID', 'weforms' ); ?></span>
375 <span class="sep"> : </span>
376 <span class="value">#{{ entry.payment_data.id }}</span>
377 </li>
378 <li>
379 <span class="label"><?php _e( 'Gateway', 'weforms' ); ?></span>
380 <span class="sep"> : </span>
381 <span class="value">{{ entry.payment_data.gateway }}</span>
382 </li>
383 <li>
384 <span class="label"><?php _e( 'Status', 'weforms' ); ?></span>
385 <span class="sep"> : </span>
386 <span class="value">{{ entry.payment_data.status }}</span>
387 </li>
388 <li>
389 <span class="label"><?php _e( 'Total', 'weforms' ); ?></span>
390 <span class="sep"> : </span>
391 <span class="value">{{ entry.payment_data.total }}</span>
392 </li>
393 <li>
394 <span class="label"><?php _e( 'Transaction ID', 'weforms' ); ?></span>
395 <span class="sep"> : </span>
396 <span class="value">{{ entry.payment_data.transaction_id ? entry.payment_data.transaction_id : 'N/A' }}</span>
397 </li>
398 <li>
399 <span class="label"><?php _e( 'Created at', 'weforms' ); ?></span>
400 <span class="sep"> : </span>
401 <span class="value">{{ entry.payment_data.created_at }}</span>
402 </li>
403
404 <li v-if="entry.payment_data.payment_data">
405
406 <template v-if="show_payment_data" class="value" v-for="(val,key) in entry.payment_data.payment_data">
407 <template v-if="key && (val === false || val)">
408 <li>
409 <span class="label">{{ key }}</span>
410 <span class="sep"> : </span>
411 <span class="value"> {{ val }}</span>
412 </li>
413 </template>
414 </template>
415
416 <span class="value"> <a href="#" @click.prevent="show_payment_data = !show_payment_data"> {{ show_payment_data ? 'Hide' : 'Show More' }} </a> </span>
417
418 </li>
419
420 </ul>
421 </div>
422 </div>
423 </div>
424 </div>
425 </div>
426 </div>
427 </script>
428
429 <script type="text/x-template" id="tmpl-wpuf-form-list-table">
430 <div class="content table-responsive table-full-width" style="margin-top: 20px;">
431
432 <div class="tablenav top">
433 <div class="alignleft actions bulkactions">
434 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
435 <select name="action" v-model="bulkAction">
436 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
437 <option value="delete"><?php _e( 'Delete Forms', 'weforms' ); ?></option>
438 </select>
439
440 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
441 </div>
442
443 <div class="tablenav-pages">
444
445 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
446
447 <span class="pagination-links">
448 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
449 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php _e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
450
451 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
452 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php _e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
453
454 <span class="screen-reader-text"><?php _e( 'Current Page', 'weforms' ); ?></span><input @keydown.enter.prevent="goToPage(pageNumberInput)" class="current-page" id="current-page-selector" v-model="pageNumberInput" type="text" value="1" size="1" aria-describedby="table-paging"> <?php _e( 'of', 'weforms' ); ?> <span class="total-pages">{{ totalPage }}</span>
455
456 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
457 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php _e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
458
459 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
460 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php _e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
461 </span>
462 </div>
463 </div>
464
465 <table class="wp-list-table widefat fixed striped posts">
466 <thead>
467 <tr>
468 <td id="cb" class="manage-column column-cb check-column">
469 <label class="screen-reader-text" for="cb-select-all-1"><?php _e( 'Select All', 'weforms' ); ?></label>
470 <input type="checkbox" v-model="selectAll">
471 </td>
472 <th scope="col" class="col-form-name"><?php _e( 'Name', 'weforms' ); ?></th>
473 <th scope="col" class="col-form-shortcode"><?php _e( 'Shortcode', 'weforms' ); ?></th>
474 <th scope="col" class="col-form-entries"><?php _e( 'Entries', 'weforms' ); ?></th>
475 <th scope="col" class="col-form-views"><?php _e( 'Views', 'weforms' ); ?></th>
476 <th scope="col" class="col-form-conversion"><?php _e( 'Conversion', 'weforms' ); ?></th>
477 </tr>
478 </thead>
479 <tbody>
480 <tr v-if="loading">
481 <td colspan="6"><?php _e( 'Loading...', 'weforms' ); ?></td>
482 </tr>
483 <tr v-if="!items.length && !loading">
484 <td colspan="6"><?php _e( 'No form found!', 'weforms' ); ?></td>
485 </tr>
486 <tr v-for="(form, index) in items">
487 <th scope="row" class="check-column">
488 <input type="checkbox" name="post[]" v-model="checkedItems" :value="form.id">
489 </th>
490 <td class="title column-title has-row-actions column-primary page-title">
491 <strong><router-link :to="{ name: 'edit', params: { id: form.id }}">{{ form.name }}</router-link> <span v-if="form.data.post_status != 'publish'">({{ form.data.post_status }})</span></strong>
492
493 <div class="row-actions">
494 <span class="edit"><router-link :to="{ name: 'edit', params: { id: form.id }}"><?php _e( 'Edit', 'weforms' ); ?></router-link> | </span>
495
496 <span class="trash"><a href="#" v-on:click.prevent="deleteForm(index)" class="submitdelete"><?php _e( 'Delete', 'weforms' ); ?></a> | </span>
497
498 <span class="duplicate"><a href="#" v-on:click.prevent="duplicate(form.id, index)"><?php _e( 'Duplicate', 'weforms' ); ?></a> <template v-if="form.entries">|</template> </span>
499
500 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}"><?php _e( 'View Entries', 'weforms' ); ?></router-link>
501
502 <template v-if="is_pro && has_payment && form.payments">
503 <span>
504 <template>|</template>
505 <router-link :to="{ name: 'formPayments', params: { id: form.id }}"><?php _e( 'Transactions', 'weforms' ); ?></router-link>
506 </span>
507 </template>
508 </div>
509 </td>
510 <td><code>[weforms id="{{ form.id }}"]</code></td>
511 <td>
512 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}">{{ form.entries }}</router-link>
513 <span v-else>&mdash;</span>
514 </td>
515 <td>{{ form.views }}</td>
516 <td>
517 <span v-if="form.views">{{ ((form.entries/form.views) * 100).toFixed(2) }}%</span>
518 <span v-else>0%</span>
519 </td>
520 </tr>
521 </tbody>
522
523 <tfoot>
524 <tr>
525 <td id="cb" class="manage-column column-cb check-column">
526 <label class="screen-reader-text" for="cb-select-all-1"><?php _e( 'Select All', 'weforms' ); ?></label>
527 <input type="checkbox" v-model="selectAll">
528 </td>
529 <th scope="col" class="col-form-name"><?php _e( 'Name', 'weforms' ); ?></th>
530 <th scope="col" class="col-form-shortcode"><?php _e( 'Shortcode', 'weforms' ); ?></th>
531 <th scope="col" class="col-form-entries"><?php _e( 'Entries', 'weforms' ); ?></th>
532 <th scope="col" class="col-form-views"><?php _e( 'Views', 'weforms' ); ?></th>
533 <th scope="col" class="col-form-conversion"><?php _e( 'Conversion', 'weforms' ); ?></th>
534 </tr>
535 </tfoot>
536 </table>
537
538 <div class="tablenav bottom">
539 <div class="alignleft actions bulkactions">
540 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
541 <select name="action" v-model="bulkAction">
542 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
543 <option value="delete"><?php _e( 'Delete Forms', 'weforms' ); ?></option>
544 </select>
545
546 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
547 </div>
548
549 <div class="tablenav-pages">
550
551 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
552
553 <span class="pagination-links">
554 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
555 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php _e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
556
557 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
558 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php _e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
559
560 <span class="screen-reader-text"><?php _e( 'Current Page', 'weforms' ); ?></span><input @keydown.enter.prevent="goToPage(pageNumberInput)" class="current-page" id="current-page-selector" v-model="pageNumberInput" type="text" value="1" size="1" aria-describedby="table-paging"> <?php _e( 'of', 'weforms' ); ?> <span class="total-pages">{{ totalPage }}</span>
561
562 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
563 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php _e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
564
565 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
566 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php _e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
567 </span>
568 </div>
569 </div>
570 </div></script>
571
572 <script type="text/x-template" id="tmpl-wpuf-form-payments">
573 <div class="wpuf-contact-form-payments">
574 <h1 class="wp-heading-inline">
575 <?php _e( 'Transactions', 'weforms' ); ?>
576 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
577 <span style="color: #999;" class="form-name">{{ form_title }}</span>
578 </h1>
579
580 <router-link class="page-title-action" to="/"><?php _e( 'Back to forms', 'weforms' ); ?></router-link>
581
582 <wpuf-table
583 has_export="no"
584 action="weforms_form_payments"
585 delete="weforms_form_payments_trash_bulk"
586 :id="id"
587 v-on:ajaxsuccess="form_title = $event.form_title"
588 >
589 </wpuf-table>
590
591 </div></script>
592
593 <script type="text/x-template" id="tmpl-wpuf-home-page">
594 <div class="contact-form-list">
595 <h1 class="wp-heading-inline"><?php _e( 'All Forms', 'weforms' ); ?></h1>
596 <a class="page-title-action add-form" herf="#" v-on:click.prevent="displayModal()"><?php _e( 'Add Form', 'weforms' ); ?></a>
597
598 <wpuf-template-modal :show.sync="showTemplateModal" :onClose="closeModal"></wpuf-template-modal>
599
600 <form-list-table></form-list-table>
601 </div></script>
602
603 <script type="text/x-template" id="tmpl-wpuf-tools">
604 <div class="export-import-wrap">
605
606 <h2 class="nav-tab-wrapper">
607 <a :class="['nav-tab', isActiveTab( 'export' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('export')"><?php _e( 'Export', 'wpuf' ); ?></a>
608 <a :class="['nav-tab', isActiveTab( 'import' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('import')"><?php _e( 'Import', 'wpuf' ); ?></a>
609 </h2>
610
611 <div class="nav-tab-content">
612 <div class="nav-tab-inside" v-show="isActiveTab('export')">
613 <h3><?php _e( 'Export Utility', 'weforms' ); ?></h3>
614
615 <p><?php _e( 'You can export your form, as well as exporting the submitted entries by the users', 'weforms' ); ?></p>
616
617 <div class="postboxes metabox-holder two-col">
618 <div class="postbox">
619 <h3 class="hndle"><?php _e( 'Export Forms', 'weforms' ); ?></h3>
620
621 <div class="inside">
622 <p class="help">
623 <?php _e( 'You can export your existing contact forms and import the same forms into a different site.', 'weforms' ); ?>
624 </p>
625
626 <template v-if="!loading">
627 <form action="admin-post.php?action=weforms_export_forms" method="post">
628 <p><label><input v-model="exportType" type="radio" name="export_type" value="all" checked> <?php _e( 'All Forms', 'weforms' ); ?></label></p>
629 <p><label><input v-model="exportType" type="radio" name="export_type" value="selected"> <?php _e( 'Selected Forms', 'weforms' ); ?></label></p>
630 <p v-show="exportType == 'selected'">
631 <select name="selected_forms[]" class="forms-list" multiple="multiple">
632 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
633 </select>
634 </p>
635
636 <?php wp_nonce_field( 'weforms-export-forms' ); ?>
637 <input type="submit" class="button button-primary" name="weforms_export_forms" value="<?php _e( 'Export Forms', 'weforms' ) ?>">
638 </form>
639 </template>
640 <template v-else>
641 <div class="spinner loading-spinner is-active"></div>
642 </template>
643 </div>
644 </div><!-- .postbox -->
645
646 <div class="postbox">
647 <h3 class="hndle"><?php _e( 'Export Form Entries', 'weforms' ); ?></h3>
648
649 <div class="inside">
650 <p class="help">
651 <?php _e( 'Export your form entries/submissions as a <strong>CSV</strong> file.', 'weforms' ); ?>
652 </p>
653
654 <template v-if="!loading">
655 <form action="admin-post.php?action=weforms_export_form_entries" method="post">
656 <p>
657 <select name="selected_forms" class="forms-list">
658 <option value=""><?php _e( '&mdash; Select Form &mdash;', 'weforms' ); ?></option>
659 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
660 </select>
661 </p>
662
663 <?php wp_nonce_field( 'weforms-export-entries' ); ?>
664 <input type="submit" class="button button-primary" name="weforms_export_entries" value="<?php _e( 'Export Entries', 'weforms' ) ?>">
665 </form>
666 </template>
667 <template v-else>
668 <div class="spinner loading-spinner is-active"></div>
669 </template>
670 </div>
671 </div><!-- .postbox -->
672 </div>
673 </div>
674
675 <div class="nav-tab-inside" v-show="isActiveTab('import')">
676 <h3><?php _e( 'Import Contact Form', 'weforms' ); ?></h3>
677
678 <p><?php _e( 'Browse and locate a json file you backed up before.', 'weforms' ); ?></p>
679 <p><?php _e( 'Press <strong>Import</strong> button, we will do the rest for you.', 'weforms' ); ?></p>
680
681 <div class="updated-message notice notice-success is-dismissible" v-if="isSuccess">
682 <p>{{ responseMessage }}</p>
683
684 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
685 <span class="screen-reader-text"><?php _e( 'Dismiss this notice.', 'weforms' ); ?></span>
686 </button>
687 </div>
688
689 <div class="update-message notice notice-error is-dismissible" v-if="isFailed">
690 <p>{{ responseMessage }}</p>
691
692 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
693 <span class="screen-reader-text"><?php _e( 'Dismiss this notice.', 'weforms' ); ?></span>
694 </button>
695 </div>
696
697 <form action="" method="post" enctype="multipart/form-data" style="margin-top: 20px;">
698 <input type="file" name="importFile" v-on:change="importForm( $event.target.name, $event.target.files, $event )" accept="application/json" />
699 <button type="submit" :class="['button', isSaving ? 'updating-message' : '']" disabled="disabled">{{ importButton }}</button>
700 </form>
701
702 <hr>
703 <h3><?php _e( 'Import Other Forms', 'weforms' ); ?></h3>
704 <p><?php _e( 'You can import other WordPress form plugins into weForms.', 'weforms' ); ?></p>
705
706 <div class="updated" v-if="ximport.title">
707 <p><strong>{{ ximport.title }}</strong></p>
708
709 <p>{{ ximport.message }}</p>
710 <p>{{ ximport.action }}</p>
711
712 <ul v-if="hasRefs">
713 <li v-for="ref in ximport.refs">
714 <a target="_blank" :href="'admin.php?page=weforms#/form/' + ref.weforms_id + '/edit'">{{ ref.title }}</a> - <a :href="'admin.php?page=weforms#/form/' + ref.weforms_id + '/edit'" target="_blank" class="button button-small"><span class="dashicons dashicons-external"></span> <?php _e( 'Edit', 'weforms' ); ?></a>
715 </li>
716 </ul>
717
718 <p>
719 <a href="#" class="button button-primary" @click.prevent="replaceX($event.target, 'replace')"><?php _e( 'Replace Shortcodes', 'weforms' ); ?></a>&nbsp;
720 <a href="#" class="button" @click.prevent="replaceX($event.target, 'skip')"><?php _e( 'No Thanks', 'weforms' ); ?></a>
721 </p>
722 </div>
723
724
725 <table style="min-width: 500px;">
726 <tbody>
727 <tr>
728 <td><?php _e( 'Contact Form 7', 'weforms' ); ?></td>
729 <th><button class="button" @click.prevent="importx($event.target, 'cf7')" data-importing="<?php esc_attr_e( 'Importing...', 'weforms' ); ?>" data-original="<?php esc_attr_e( 'Import', 'weforms' ); ?>"><?php _e( 'Import', 'weforms' ); ?></button></th>
730 </tr>
731 <tr>
732 <td><?php _e( 'Ninja Forms', 'weforms' ); ?></td>
733 <th><button class="button" @click.prevent="importx($event.target, 'nf')" data-importing="<?php esc_attr_e( 'Importing...', 'weforms' ); ?>" data-original="<?php esc_attr_e( 'Import', 'weforms' ); ?>"><?php _e( 'Import', 'weforms' ); ?></button></th>
734 </tr>
735 <tr>
736 <td><?php _e( 'Caldera Forms', 'weforms' ); ?></td>
737 <th><button class="button" @click.prevent="importx($event.target, 'caldera-forms')" data-importing="<?php esc_attr_e( 'Importing...', 'weforms' ); ?>" data-original="<?php esc_attr_e( 'Import', 'weforms' ); ?>"><?php _e( 'Import', 'weforms' ); ?></button></th>
738 </tr>
739 <tr>
740 <td><?php _e( 'Gravity Forms', 'weforms' ); ?></td>
741 <th><button class="button" @click.prevent="importx($event.target, 'gf')" data-importing="<?php esc_attr_e( 'Importing...', 'weforms' ); ?>" data-original="<?php esc_attr_e( 'Import', 'weforms' ); ?>"><?php _e( 'Import', 'weforms' ); ?></button></th>
742 </tr>
743 <tr>
744 <td><?php _e( 'WP Forms', 'weforms' ); ?></td>
745 <th><button class="button" @click.prevent="importx($event.target, 'wpforms')" data-importing="<?php esc_attr_e( 'Importing...', 'weforms' ); ?>" data-original="<?php esc_attr_e( 'Import', 'weforms' ); ?>"><?php _e( 'Import', 'weforms' ); ?></button></th>
746 </tr>
747 </tbody>
748 </table>
749 </div>
750 </div>
751 </div></script>
752
753 <script type="text/x-template" id="tmpl-wpuf-transactions">
754 <div class="wpuf-contact-form-transactions">
755 <h1 class="wp-heading-inline">
756 <?php _e( 'Transactions', 'weforms' ); ?>
757 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
758 <span style="color: #999;" class="form-name">
759 {{ form_title }}
760 </span>
761
762 <select v-if="Object.keys(forms).length " v-model="selected">
763 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
764 </select>
765 </h1>
766
767 <p v-if="no_transactions">
768 <?php printf(
769 __('You don\'t have any transactions yet. Learn how to %sset up payment integration%s and take payments with weFroms.'),
770 '<a target="_blank" href="https://wedevs.com/docs/weforms/integrations/payment/">',
771 '</a>'
772 );
773 ?>
774 </p>
775
776 <wpuf-table v-if="selected"
777 has_export="no"
778 action="weforms_form_payments"
779 delete="weforms_form_payments_trash_bulk"
780 :id="selected"
781 v-on:ajaxsuccess="form_title = $event.form_title; $route.params.id = selected"
782 >
783 </wpuf-table>
784
785 </div>
786 </script>
787
788 <script type="text/x-template" id="tmpl-wpuf-weforms-page-help">
789 <div class="weforms-help-page">
790
791 <div class="help-block">
792 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/docs.svg" alt="<?php esc_attr_e( 'Looking for Something?', 'weforms' ); ?>">
793
794 <h3><?php _e( 'Looking for Something?', 'weforms' ); ?></h3>
795
796 <p><?php _e( 'We have detailed documentation on every aspects of weForms.', 'weforms' ); ?></p>
797
798 <a target="_blank" class="button button-primary" href="https://wedevs.com/docs/weforms/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=plugin-docs-link"><?php _e( 'Visit the Plugin Documentation', 'weforms' ); ?></a>
799 </div>
800
801 <div class="help-block">
802 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/support.svg" alt="<?php esc_attr_e( 'Need Any Assistance?', 'weforms' ); ?>">
803
804 <h3><?php _e( 'Need Any Assistance?', 'weforms' ); ?></h3>
805
806 <p><?php _e( 'Our EXPERT Support Team is always ready to Help you out.', 'weforms' ); ?></p>
807
808 <a target="_blank" class="button button-primary" href="https://wedevs.com/account/tickets/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=need-assistance"><?php _e( 'Contact Support', 'weforms' ); ?></a>
809 </div>
810
811 <div class="help-block">
812 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/bugs.svg" alt="<?php esc_attr_e( 'Found Any Bugs?', 'weforms' ); ?>">
813
814 <h3><?php _e( 'Found Any Bugs?', 'weforms' ); ?></h3>
815
816 <p><?php _e( 'Report any Bug that you Discovered, Get Instant Solutions.', 'weforms' ); ?></p>
817
818 <a target="_blank" class="button button-primary" href="https://github.com/weDevsOfficial/weforms"><?php _e( 'Report to GitHub', 'weforms' ); ?></a>
819 </div>
820
821 <div class="help-block">
822 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/customization.svg" alt="<?php esc_attr_e( 'Require Customization?', 'weforms' ); ?>">
823
824 <h3><?php _e( 'Require Customization?', 'weforms' ); ?></h3>
825
826 <p><?php _e( 'We would Love to hear your Integration and Customization Ideas.', 'weforms' ); ?></p>
827
828 <a target="_blank" class="button button-primary" href="https://wedevs.com/contact/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=requires-customization"><?php _e( 'Contact Our Services', 'weforms' ); ?></a>
829 </div>
830
831 <div class="help-block">
832 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/like.svg" alt="<?php esc_attr_e( 'Like The Plugin?', 'weforms' ); ?>">
833
834 <h3><?php _e( 'Like The Plugin?', 'weforms' ); ?></h3>
835
836 <p><?php _e( 'Your Review is very important to us as it helps us to grow more.', 'weforms' ); ?></p>
837
838 <a target="_blank" class="button button-primary" href="https://wordpress.org/support/plugin/weforms/reviews/?rate=5#new-post"><?php _e( 'Review Us on WP.org', 'weforms' ); ?></a>
839 </div>
840 </div></script>
841
842 <script type="text/x-template" id="tmpl-wpuf-weforms-premium">
843 <div class="wrap weforms-premium about-wrap">
844 <h1><?php _e( 'weForms Pro', 'weforms' ); ?></h1>
845
846 <p class="about-text"><?php _e( 'Upgrade to the premium versions of weForms and unlock even more useful features.', 'weforms' ); ?></p>
847 <div class="wp-badge">weForms Pro</div>
848
849 <hr>
850 <div class="feature-section one-col">
851 <div class="col">
852 <h2><?php _e( 'More Features', 'weforms' ); ?></h2>
853 <p style="text-align: center;">weForms Pro is designed just for you, specially to fulfil your business needs. We have designed and curated every package keeping your requirements in mind.</p>
854 </div>
855 </div>
856
857 <div class="feature-section two-col">
858 <div class="col">
859 <h3>Advanced Fields</h3>
860 <p>Build any kind of form flexibly with the advanced field option. Its user friendly interface makes sure you do not have to scratch your head over building forms.</p>
861 </div>
862
863 <div class="col">
864 <h3>Conditional Logic</h3>
865 <p>Configure your form’s settings and user flow based on conditional selection. Your forms should appear just the way you want it.</p>
866 </div>
867
868 <div class="col">
869 <h3>Multi-step Form</h3>
870 <p>Break down the long forms into small and attractive multi step forms. Long and lengthy forms are uninviting, why build one?</p>
871 </div>
872
873 <div class="col">
874 <h3>File Uploaders</h3>
875 <p>Let the user upload any kind of file by filling up your contact form. The process is unbelievably smooth and supports a wide range of file formats.</p>
876 </div>
877
878 <div class="col">
879 <h3>Form Submission Notification</h3>
880 <p>Receive email notification every time your form is submitted. You can now configure the notification settings just as you like it.</p>
881 </div>
882
883 <div class="col">
884 <h3>Manage Submission</h3>
885 <p>View, edit and manage all the submission data stored through your form. We believe that you should own it all- like literally!</p>
886 </div>
887 </div>
888
889 <hr>
890
891 <h2><?php _e( 'More Integrations', 'weforms' ); ?></h2>
892
893 <div class="headline-feature four-col">
894 <div class="col">
895 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/mailchimp.svg" alt="MailChimp Integration">
896 <h3>MailChimp</h3>
897 <p>Integrate your desired form to your MailChimp email newsletter using latest API.</p>
898 </div>
899
900 <div class="col">
901 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/campaign-monitor.svg" alt="">
902 <h3>Campaign Monitor</h3>
903 <p>Lets you add submission form in your Campaign Monitor email campaigns too.</p>
904 </div>
905
906 <div class="col">
907 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/constant-contact.svg" alt="">
908 <h3>Constant Contact</h3>
909 <p>Integrate your contact forms seamlessly with your Constant Contact account.</p>
910 </div>
911
912 <div class="col">
913 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/mailpoet.svg" alt="">
914 <h3>MailPoet</h3>
915 <p>Why only MailChimp? Do the same for MailPoet email campaigns as well!</p>
916 </div>
917
918 <div class="col">
919 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/aweber.svg" alt="">
920 <h3>AWeber</h3>
921 <p>Use highly customizable forms and create subscriber’s list for AWber email solution.</p>
922 </div>
923
924 <div class="col">
925 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/getresponse.svg" alt="">
926 <h3>Get Response</h3>
927 <p>Enjoy seamless integration of weForms with your Get Response account.</p>
928 </div>
929
930 <div class="col">
931 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/convertkit.svg" alt="">
932 <h3>ConvertKit</h3>
933 <p>Subscribe a contact to ConvertKit when a form is submited.</p>
934 </div>
935
936 <div class="col">
937 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/integrations/more.svg" alt="">
938 <h3>More...</h3>
939 <p>A bunch of more integrations are coming soon.</p>
940 </div>
941 </div>
942
943 <div style="display: block; height: 100px; overflow: hidden;"></div>
944
945 <div class="weforms-upgrade-sticky-footer">
946 <p><a class="button button-primary" href="<?php echo WeForms_Form_Builder_Assets::get_pro_url(); ?>" target="_blank"><?php _e( 'Upgrade Now', 'weforms' ); ?></a></p>
947 </div>
948
949 </div></script>
950
951 <script type="text/x-template" id="tmpl-wpuf-weforms-settings">
952 <div class="weforms-settings clearfix" id="weforms-settings">
953
954 <h1><?php _e( 'Settings', 'weforms' ); ?></h1>
955 <div id="weforms-settings-tabs-warp">
956 <div id="weforms-settings-tabs">
957 <ul>
958 <?php
959
960 $tabs = apply_filters( 'weforms_settings_tabs', array() );
961
962 foreach ( $tabs as $key => $tab ) :
963 ?>
964 <li>
965 <a
966 href="#"
967 :class="['we-settings-nav-tab', isActiveTab( '<?php echo $key; ?>' ) ? 'we-settings-nav-tab-active' : '']"
968 v-on:click.prevent="makeActive( '<?php echo $key; ?>' )"
969 >
970 <?php
971
972 if ( ! empty($tab['icon'] ) ) {
973 printf('<img src="%s">', $tab['icon']);
974 }
975 ?>
976 <?php _e( $tab['label'], 'weforms' ); ?>
977 </a>
978 </li>
979
980 <?php
981
982 endforeach;
983
984 do_action( 'weforms_settings_tabs_area' );
985 ?>
986 </ul>
987 </div>
988
989 <div id="weforms-settings-tabs-contents">
990
991 <?php
992
993 foreach ( $tabs as $key => $tab ) :
994 ?>
995 <div id="weforms-settings-<?php echo $key; ?>" class="tab-content" v-show="isActiveTab('<?php echo $key; ?>')">
996 <?php do_action( 'weforms_settings_tab_content_' . $key, $tab ); ?>
997 </div>
998 <?php
999
1000 endforeach;
1001
1002 do_action( 'weforms_settings_tabs_contents' );
1003 ?>
1004
1005 </div>
1006 </div>
1007 </div></script>
1008