PluginProbe
weForms – Easy Drag & Drop Contact Form Builder For WordPress / 1.2.3
weForms – Easy Drag & Drop Contact Form Builder For WordPress v1.2.3
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.3, at assets/js-templates/spa-components.php

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