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

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