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

1,431 lines 81.5 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 home_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 weforms-save-form-builder" @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
324 <div class="updating-message">
325 <p><?php _e( 'Loading the editor', 'weforms' ); ?></p>
326 </div>
327 </div>
328
329 <input type="hidden" name="form_settings_key" value="wpuf_form_settings">
330
331 <?php wp_nonce_field( 'wpuf_form_builder_save_form', 'wpuf_form_builder_nonce' ); ?>
332
333 <input type="hidden" name="wpuf_form_id" :value="post.ID">
334 </fieldset>
335 </form><!-- #wpuf-form-builder -->
336 </script>
337
338 <script type="text/x-template" id="tmpl-wpuf-form-entries">
339 <div class="wpuf-contact-form-entries">
340 <div>
341 <h1 class="wp-heading-inline">
342 <?php _e( 'Entries', 'weforms' ); ?>
343 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
344
345 <span style="color: #999;" class="form-name">
346 {{ form_title }}
347 </span>
348
349 <router-link class="page-title-action" to="/"><?php _e( 'Back to forms', 'weforms' ); ?></router-link>
350 </h1>
351 </div>
352
353 <div>
354 <ul class="subsubsub">
355 <li class="all">
356 <a href="#" :class="{ current: status =='publish' }" @click.prevent="status='publish'">
357 All
358 <span class="count">
359 ({{total}})
360 </span>
361 </a> |
362 </li>
363 <li class="trash">
364 <a href="#" :class="{ current: status =='trash' }" @click.prevent="status='trash'">
365 Trash
366 <span class="count">
367 ({{totalTrash}})
368 </span>
369 </a>
370 </li>
371 </ul>
372 </div>
373 <div>
374 <template>
375
376 <wpuf-table
377 action="weforms_form_entries"
378 :status="status"
379 :id="id"
380 v-on:ajaxsuccess="
381 form_title = $event.form_title;
382 total = $event.meta.total;
383 totalTrash = $event.meta.totalTrash
384 "
385 >
386 </wpuf-table>
387 </template>
388 </div>
389
390 </div>
391 </script>
392
393 <script type="text/x-template" id="tmpl-wpuf-form-entry-single">
394 <div class="wpuf-contact-form-entry">
395 <h1 class="wp-heading-inline"><?php _e( 'Entry Details', 'weforms' ); ?></h1>
396 <router-link class="page-title-action" :to="{ name: 'formEntries', params: { id: $route.params.id }}"><?php _e( 'Back to Entries', 'weforms' ); ?></router-link>
397
398 <div v-if="loading"><?php _e( 'Loading...', 'weforms' ); ?></div>
399 <div v-else class="wpuf-contact-form-entry-wrap">
400
401 <div v-bind:class="['wpuf-contact-form-entry-left', form_settings.quiz_form === 'yes' ? 'weforms-quiz-entry' : '']">
402 <div class="postbox">
403 <h2 class="hndle ui-sortable-handle">
404 <span>{{ entry.meta_data.form_title }} : Entry # {{ $route.params.entryid }}</span>
405 <span class="pull-right" v-if="hasEmpty">
406 <label style="font-weight: normal; font-size: 12px">
407 <input type="checkbox" v-model="hideEmpty" style="margin-right: 1px"> <?php _e( 'Hide Empty', 'weforms' ); ?>
408 </label>
409 </span>
410 </h2>
411
412 <div class="main">
413 <table v-if="hasFormFields" class="wp-list-table widefat fixed striped posts">
414 <tbody>
415 <template v-for="(field, index) in entry.form_fields">
416 <template v-if="field.value || ! hideEmpty ">
417 <tr v-bind:class="['field-label', answers[field.name] ? 'right-answer' : 'wrong-answer']">
418 <th>
419 <strong>{{ field.label }}</strong>
420 <strong v-if="form_settings.quiz_form === 'yes'" class="field-points">
421 <template v-if="answers[field.name] === true">{{ field.points}}/{{field.points}}</template>
422 <template v-else>0/{{field.points}}</template>
423 </strong>
424 </th>
425 </tr>
426 <tr v-bind:class="['field-value', answers[field.name] ? 'right-answer' : 'wrong-answer']">
427 <td>
428 <weforms-entry-gmap :lat="field.value.lat" :long="field.value.long" :zoom="field.zoom" v-if="field.type == 'google_map'"></weforms-entry-gmap>
429 <div v-else-if="field.type === 'checkbox_field' || field.type === 'multiple_select'">
430 <ul style="margin: 0;">
431 <li v-for="item in field.value">- {{ item }}</li>
432 </ul>
433 </div>
434 <div v-else-if="field.type === 'country_list_field'">{{ getCountryName( field.value ) }}</div>
435 <div v-else-if="field.type === 'address_field'" v-html="getAddressFieldValue( field.value)"></div>
436 <div v-else v-html="field.value"></div>
437 </td>
438 </tr>
439 </template>
440 </template>
441 </tbody>
442 </table>
443 <div v-else><div class="inside"><?php _e( 'Loading...', 'weforms' ); ?></div></div>
444
445 </div>
446 </div>
447 </div>
448
449 <div class="wpuf-contact-form-entry-right">
450 <div class="postbox">
451 <h2 class="hndle ui-sortable-handle"><span><?php _e( 'Submission Info', 'weforms' ); ?></span></h2>
452 <div class="inside">
453 <div class="main">
454
455 <ul>
456 <li>
457 <span class="label"><?php _e( 'Entry ID', 'weforms' ); ?></span>
458 <span class="sep"> : </span>
459 <span class="value">#{{ $route.params.entryid }}</span>
460 </li>
461 <li>
462 <span class="label"><?php _e( 'User IP', 'weforms' ); ?></span>
463 <span class="sep"> : </span>
464 <span class="value">{{ entry.meta_data.ip_address }}</span>
465 </li>
466 <li>
467 <span class="label"><?php _e( 'Device', 'weforms' ); ?></span>
468 <span class="sep"> : </span>
469 <span class="value">{{ entry.meta_data.device }}</span>
470 </li>
471 <li>
472 <span class="label"><?php _e( 'Page', 'weforms' ); ?></span>
473 <span class="sep"> : </span>
474 <span class="value"><a :href="entry.meta_data.referer">{{ entry.meta_data.referer }}</a></span>
475 </li>
476 <li v-if="entry.meta_data.user">
477 <span class="label"><?php _e( 'From', 'weforms' ); ?></span>
478 <span class="sep"> : </span>
479 <span class="value">{{ entry.meta_data.user }}</span>
480 </li>
481 <li>
482 <span class="label"><?php _e( 'Submitted On', 'weforms' ); ?></span>
483 <span class="sep"> : </span>
484 <span class="value">{{ entry.meta_data.created }}</span>
485 </li>
486 </ul>
487 </div>
488 </div>
489
490 <div id="major-publishing-actions">
491 <div id="publishing-action">
492 <button class="button button-large button-secondary" v-on:click.prevent="trashEntry"><span class="dashicons dashicons-trash"></span><?php _e( ' Delete', 'weforms' ); ?></button>
493 </div>
494 <div class="clear"></div>
495 </div>
496 </div>
497
498 <div v-if="form_settings.quiz_form === 'yes'" class="postbox">
499 <h2 class="hndle ui-sortable-handle"><span><?php _e( 'Points', 'weforms' ); ?></span></h2>
500 <div class="inside">
501 <div class="main">
502 <p><?php _e( 'Total Points:', 'weforms' ); ?> {{ form_settings.total_points }}</p>
503 <p><?php _e( 'Respondent Points:', 'weforms' ); ?> {{ respondent_points }}</p>
504 </div>
505 </div>
506 </div>
507
508 <?php do_action( 'weforms_entry_single_right_metabox' ); ?>
509 </div>
510
511 <div class="wpuf-contact-form-entry-right" v-if="entry.payment_data" style=" clear: right;">
512 <div class="postbox">
513 <h2 class="hndle ui-sortable-handle"><span><?php _e( 'Payment Info', 'weforms' ); ?></span></h2>
514 <div class="inside">
515 <div class="main">
516
517 <ul>
518 <li>
519 <span class="label"><?php _e( 'Payment ID', 'weforms' ); ?></span>
520 <span class="sep"> : </span>
521 <span class="value">#{{ entry.payment_data.id }}</span>
522 </li>
523 <li>
524 <span class="label"><?php _e( 'Gateway', 'weforms' ); ?></span>
525 <span class="sep"> : </span>
526 <span class="value">{{ entry.payment_data.gateway }}</span>
527 </li>
528 <li>
529 <span class="label"><?php _e( 'Status', 'weforms' ); ?></span>
530 <span class="sep"> : </span>
531 <span class="value">{{ entry.payment_data.status }}</span>
532 </li>
533 <li>
534 <span class="label"><?php _e( 'Total', 'weforms' ); ?></span>
535 <span class="sep"> : </span>
536 <span class="value">{{ entry.payment_data.total }}</span>
537 </li>
538 <li>
539 <span class="label"><?php _e( 'Transaction ID', 'weforms' ); ?></span>
540 <span class="sep"> : </span>
541 <span class="value">{{ entry.payment_data.transaction_id ? entry.payment_data.transaction_id : 'N/A' }}</span>
542 </li>
543 <li>
544 <span class="label"><?php _e( 'Created at', 'weforms' ); ?></span>
545 <span class="sep"> : </span>
546 <span class="value">{{ entry.payment_data.created_at }}</span>
547 </li>
548
549 <li v-if="entry.payment_data.payment_data">
550
551 <template v-if="show_payment_data" class="value" v-for="(val,key) in entry.payment_data.payment_data">
552 <template v-if="key && (val === false || val)">
553 <li>
554 <span class="label">{{ key }}</span>
555 <span class="sep"> : </span>
556 <span class="value"> {{ val }}</span>
557 </li>
558 </template>
559 </template>
560
561 <span class="value"> <a href="#" @click.prevent="show_payment_data = !show_payment_data"> {{ show_payment_data ? 'Hide' : 'Show More' }} </a> </span>
562
563 </li>
564
565 </ul>
566 </div>
567 </div>
568 </div>
569 </div>
570 </div>
571 </div>
572 </script>
573
574 <script type="text/x-template" id="tmpl-wpuf-form-list-table">
575 <div class="content table-responsive table-full-width" style="margin-top: 20px;">
576
577 <div class="tablenav top">
578 <div class="alignleft actions bulkactions">
579 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
580 <select name="action" v-model="bulkAction">
581 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
582 <option value="delete"><?php _e( 'Delete Forms', 'weforms' ); ?></option>
583 </select>
584
585 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
586 </div>
587
588 <div class="tablenav-pages">
589
590 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
591
592 <span class="pagination-links">
593 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
594 <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>
595
596 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
597 <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>
598
599 <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>
600
601 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
602 <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>
603
604 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
605 <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>
606 </span>
607 </div>
608 </div>
609
610 <table class="wp-list-table widefat fixed striped posts">
611 <thead>
612 <tr>
613 <td id="cb" class="manage-column column-cb check-column">
614 <label class="screen-reader-text" for="cb-select-all-1"><?php _e( 'Select All', 'weforms' ); ?></label>
615 <input type="checkbox" v-model="selectAll">
616 </td>
617 <th scope="col" class="col-form-name"><?php _e( 'Name', 'weforms' ); ?></th>
618 <th scope="col" class="col-form-shortcode"><?php _e( 'Shortcode', 'weforms' ); ?></th>
619 <th scope="col" class="col-form-entries"><?php _e( 'Entries', 'weforms' ); ?></th>
620 <th scope="col" class="col-form-status weforms-form-status-col-title"><?php _e( 'Status', 'weforms' ); ?></th>
621 <th scope="col" class="col-form-views"><?php _e( 'Views', 'weforms' ); ?></th>
622 <th scope="col" class="col-form-conversion"><?php _e( 'Conversion', 'weforms' ); ?></th>
623 <th scope="col" class="col-form-created-by"><?php _e( 'Created by', 'weforms' ); ?></th>
624 </tr>
625 </thead>
626 <tbody>
627 <tr v-if="loading">
628 <td colspan="6"><?php _e( 'Loading...', 'weforms' ); ?></td>
629 </tr>
630 <tr v-if="!items.length && !loading">
631 <td colspan="6"><?php _e( 'No form found!', 'weforms' ); ?></td>
632 </tr>
633 <tr v-for="(form, index) in items">
634 <th scope="row" class="check-column">
635 <input type="checkbox" name="post[]" v-model="checkedItems" :value="form.id">
636 </th>
637 <td class="title column-title has-row-actions column-primary page-title">
638 <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>
639
640 <div class="row-actions">
641 <span class="edit"><router-link :to="{ name: 'edit', params: { id: form.id }}"><?php _e( 'Edit', 'weforms' ); ?></router-link> | </span>
642
643 <span class="trash"><a href="#" v-on:click.prevent="deleteForm(index)" class="submitdelete"><?php _e( 'Delete', 'weforms' ); ?></a> | </span>
644
645 <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>
646
647 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}"><?php _e( 'View Entries', 'weforms' ); ?></router-link>
648
649 <template v-if="is_pro">
650 <span>
651 <template>|</template>
652 <router-link :to="{ name: 'formReports', params: { id: form.id }}"><?php _e( 'Reports', 'weforms' ); ?></router-link>
653 </span>
654 </template>
655
656 <template v-if="is_pro && has_payment && form.payments">
657 <span>
658 <template>|</template>
659 <router-link :to="{ name: 'formPayments', params: { id: form.id }}"><?php _e( 'Transactions', 'weforms' ); ?></router-link>
660 </span>
661 </template>
662 </div>
663 </td>
664 <td><code>[weforms id="{{ form.id }}"]</code></td>
665 <td>
666 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}">{{ form.entries }}</router-link>
667 <span v-else>&mdash;</span>
668 </td>
669 <td class="weforms-form-status" >
670 <p v-if="isFormStatusClosed(form.settings, form.entries)">
671 <?php _e( 'Closed', 'weforms' ); ?>
672 </p>
673 <p v-else class="open"><?php _e( 'Open', 'weforms' ); ?></p>
674
675 <template v-if="form.settings.limit_entries === 'true'">
676 <span v-if="form.settings.schedule_form === 'true' && isExpiredForm(form.settings.schedule_end)">(Expired at {{formatTime(form.settings.schedule_end)}})</span>
677 <span v-else-if="form.settings.schedule_form === 'true' && isPendingForm(form.settings.schedule_start)">(Starts at {{formatTime(form.settings.schedule_start)}})</span>
678 <span v-else-if="form.entries >= form.settings.limit_number">(Reached maximum entry limit)</span>
679 <span v-else>({{form.settings.limit_number - form.entries}} entries remaining)</span>
680 </template>
681
682 <template v-else-if="form.settings.schedule_form === 'true'">
683 <span v-if="isPendingForm(form.settings.schedule_start)">(Starts at {{formatTime(form.settings.schedule_start)}})</span>
684 <span v-if="isExpiredForm(form.settings.schedule_end)">(Expired at {{formatTime(form.settings.schedule_end)}})</span>
685 <span v-if="isOpenForm(form.settings.schedule_start, form.settings.schedule_end)">(Expires at {{formatTime(form.settings.schedule_end)}})</span>
686 </template>
687
688 <template v-else-if="form.settings.require_login === 'true'">
689 <span><?php _e( '(Requires login)', 'weforms' ); ?></span>
690 </template>
691 </td>
692 <td>{{ form.views }}</td>
693 <td>
694 <span v-if="form.views">{{ ((form.entries/form.views) * 100).toFixed(2) }}%</span>
695 <span v-else>0%</span>
696 </td>
697 <td v-if="form.author" class="weforms-form-creator">
698 <img v-bind:src="form.author.avatar">
699 <span>{{ form.author.username }}</span>
700 <span class="date">{{formatTime(form.data.post_date)}}</span>
701 </td>
702 </tr>
703 </tbody>
704
705 <tfoot>
706 <tr>
707 <td id="cb" class="manage-column column-cb check-column">
708 <label class="screen-reader-text" for="cb-select-all-1"><?php _e( 'Select All', 'weforms' ); ?></label>
709 <input type="checkbox" v-model="selectAll">
710 </td>
711 <th scope="col" class="col-form-name"><?php _e( 'Name', 'weforms' ); ?></th>
712 <th scope="col" class="col-form-shortcode"><?php _e( 'Shortcode', 'weforms' ); ?></th>
713 <th scope="col" class="col-form-entries"><?php _e( 'Entries', 'weforms' ); ?></th>
714 <th scope="col" class="col-form-status weforms-form-status-col-title"><?php _e( 'Status', 'weforms' ); ?></th>
715 <th scope="col" class="col-form-views"><?php _e( 'Views', 'weforms' ); ?></th>
716 <th scope="col" class="col-form-conversion"><?php _e( 'Conversion', 'weforms' ); ?></th>
717 <th scope="col" class="col-form-created-by"><?php _e( 'Created by', 'weforms' ); ?></th>
718 </tr>
719 </tfoot>
720 </table>
721
722 <div class="tablenav bottom">
723 <div class="alignleft actions bulkactions">
724 <label for="bulk-action-selector-top" class="screen-reader-text"><?php _e( 'Select bulk action', 'weforms' ); ?></label>
725 <select name="action" v-model="bulkAction">
726 <option value="-1"><?php _e( 'Bulk Actions', 'weforms' ); ?></option>
727 <option value="delete"><?php _e( 'Delete Forms', 'weforms' ); ?></option>
728 </select>
729
730 <button class="button action" v-on:click.prevent="handleBulkAction"><?php _e( 'Apply', 'weforms' ); ?></button>
731 </div>
732
733 <div class="tablenav-pages">
734
735 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php _e( 'items', 'weforms' ); ?></span>
736
737 <span class="pagination-links">
738 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
739 <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>
740
741 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
742 <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>
743
744 <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>
745
746 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
747 <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>
748
749 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
750 <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>
751 </span>
752 </div>
753 </div>
754 </div>
755 </script>
756
757 <script type="text/x-template" id="tmpl-wpuf-form-payments">
758 <div class="wpuf-contact-form-payments">
759 <h1 class="wp-heading-inline">
760 <?php _e( 'Transactions', 'weforms' ); ?>
761 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
762 <span style="color: #999;" class="form-name">{{ form_title }}</span>
763 </h1>
764
765 <router-link class="page-title-action" to="/"><?php _e( 'Back to forms', 'weforms' ); ?></router-link>
766
767 <wpuf-table
768 has_export="no"
769 action="weforms_form_payments"
770 delete="weforms_form_payments_trash_bulk"
771 :id="id"
772 v-on:ajaxsuccess="form_title = $event.form_title"
773 >
774 </wpuf-table>
775
776 </div></script>
777
778 <script type="text/x-template" id="tmpl-wpuf-home-page">
779 <div class="contact-form-list">
780 <h1 class="wp-heading-inline"><?php _e( 'All Forms', 'weforms' ); ?></h1>
781 <a class="page-title-action add-form" herf="#" v-on:click.prevent="displayModal()"><?php _e( 'Add Form', 'weforms' ); ?></a>
782
783 <wpuf-template-modal :show.sync="showTemplateModal" :onClose="closeModal"></wpuf-template-modal>
784
785 <form-list-table></form-list-table>
786 </div></script>
787
788 <script type="text/x-template" id="tmpl-wpuf-tools">
789 <div class="export-import-wrap">
790
791 <h2 class="nav-tab-wrapper">
792 <a :class="['nav-tab', isActiveTab( 'export' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('export')"><?php _e( 'Export', 'wpuf' ); ?></a>
793 <a :class="['nav-tab', isActiveTab( 'import' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('import')"><?php _e( 'Import', 'wpuf' ); ?></a>
794 <a :class="['nav-tab', isActiveTab( 'logs' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('logs')"><?php _e( 'Logs', 'wpuf' ); ?></a>
795 </h2>
796
797 <div class="nav-tab-content">
798 <div class="nav-tab-inside" v-show="isActiveTab('export')">
799 <h3><?php _e( 'Export Utility', 'weforms' ); ?></h3>
800
801 <p><?php _e( 'You can export your form, as well as exporting the submitted entries by the users', 'weforms' ); ?></p>
802
803 <div class="postboxes metabox-holder two-col">
804 <div class="postbox">
805 <h3 class="hndle"><?php _e( 'Export Forms', 'weforms' ); ?></h3>
806
807 <div class="inside">
808 <p class="help">
809 <?php _e( 'You can export your existing contact forms and import the same forms into a different site.', 'weforms' ); ?>
810 </p>
811
812 <template v-if="!loading">
813 <form action="admin-post.php?action=weforms_export_forms" method="post">
814 <p><label><input v-model="exportType" type="radio" name="export_type" value="all" checked> <?php _e( 'All Forms', 'weforms' ); ?></label></p>
815 <p><label><input v-model="exportType" type="radio" name="export_type" value="selected"> <?php _e( 'Selected Forms', 'weforms' ); ?></label></p>
816 <p v-show="exportType == 'selected'">
817 <select name="selected_forms[]" class="forms-list" multiple="multiple">
818 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
819 </select>
820 </p>
821
822 <?php wp_nonce_field( 'weforms-export-forms' ); ?>
823 <input type="submit" class="button button-primary" name="weforms_export_forms" value="<?php _e( 'Export Forms', 'weforms' ); ?>">
824 </form>
825 </template>
826 <template v-else>
827 <div class="spinner loading-spinner is-active"></div>
828 </template>
829 </div>
830 </div><!-- .postbox -->
831
832 <div class="postbox">
833 <h3 class="hndle"><?php _e( 'Export Form Entries', 'weforms' ); ?></h3>
834
835 <div class="inside">
836 <p class="help">
837 <?php _e( 'Export your form entries/submissions as a <strong>CSV</strong> file.', 'weforms' ); ?>
838 </p>
839
840 <template v-if="!loading">
841 <form action="admin-post.php?action=weforms_export_form_entries" method="post">
842 <p>
843 <select name="selected_forms" class="forms-list">
844 <option value=""><?php _e( '&mdash; Select Form &mdash;', 'weforms' ); ?></option>
845 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
846 </select>
847 </p>
848
849 <?php wp_nonce_field( 'weforms-export-entries' ); ?>
850 <input type="submit" class="button button-primary" name="weforms_export_entries" value="<?php _e( 'Export Entries', 'weforms' ); ?>">
851 </form>
852 </template>
853 <template v-else>
854 <div class="spinner loading-spinner is-active"></div>
855 </template>
856 </div>
857 </div><!-- .postbox -->
858 </div>
859 </div>
860
861 <div class="nav-tab-inside" v-show="isActiveTab('import')">
862 <h3><?php _e( 'Import Contact Form', 'weforms' ); ?></h3>
863
864 <p><?php _e( 'Browse and locate a json file you backed up before.', 'weforms' ); ?></p>
865 <p><?php _e( 'Press <strong>Import</strong> button, we will do the rest for you.', 'weforms' ); ?></p>
866
867 <div class="updated-message notice notice-success is-dismissible" v-if="isSuccess">
868 <p>{{ responseMessage }}</p>
869
870 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
871 <span class="screen-reader-text"><?php _e( 'Dismiss this notice.', 'weforms' ); ?></span>
872 </button>
873 </div>
874
875 <div class="update-message notice notice-error is-dismissible" v-if="isFailed">
876 <p>{{ responseMessage }}</p>
877
878 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
879 <span class="screen-reader-text"><?php _e( 'Dismiss this notice.', 'weforms' ); ?></span>
880 </button>
881 </div>
882
883 <form action="" method="post" enctype="multipart/form-data" style="margin-top: 20px;">
884 <input type="file" name="importFile" v-on:change="importForm( $event.target.name, $event.target.files, $event )" accept="application/json" />
885 <button type="submit" :class="['button', isSaving ? 'updating-message' : '']" disabled="disabled">{{ importButton }}</button>
886 </form>
887
888 <hr>
889 <h3><?php _e( 'Import Other Forms', 'weforms' ); ?></h3>
890 <p><?php _e( 'You can import other WordPress form plugins into weForms.', 'weforms' ); ?></p>
891
892 <div class="updated" v-if="ximport.title">
893 <p><strong>{{ ximport.title }}</strong></p>
894
895 <p>{{ ximport.message }}</p>
896 <p>{{ ximport.action }}</p>
897
898 <ul v-if="hasRefs">
899 <li v-for="ref in ximport.refs">
900 <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>
901 </li>
902 </ul>
903
904 <p>
905 <a href="#" class="button button-primary" @click.prevent="replaceX($event.target, 'replace')"><?php _e( 'Replace Shortcodes', 'weforms' ); ?></a>&nbsp;
906 <a href="#" class="button" @click.prevent="replaceX($event.target, 'skip')"><?php _e( 'No Thanks', 'weforms' ); ?></a>
907 </p>
908 </div>
909
910
911 <table style="min-width: 500px;">
912 <tbody>
913 <tr>
914 <td><?php _e( 'Contact Form 7', 'weforms' ); ?></td>
915 <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>
916 </tr>
917 <tr>
918 <td><?php _e( 'Ninja Forms', 'weforms' ); ?></td>
919 <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>
920 </tr>
921 <tr>
922 <td><?php _e( 'Caldera Forms', 'weforms' ); ?></td>
923 <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>
924 </tr>
925 <tr>
926 <td><?php _e( 'Gravity Forms', 'weforms' ); ?></td>
927 <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>
928 </tr>
929 <tr>
930 <td><?php _e( 'WP Forms', 'weforms' ); ?></td>
931 <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>
932 </tr>
933 </tbody>
934 </table>
935 </div>
936
937 <div class="nav-tab-inside" v-show="isActiveTab('logs')">
938 <h3>
939 <?php _e( 'Logs', 'weforms' ); ?>
940
941 <span class="pull-right">
942
943 <button class="button button-large button-secondary" @click.prevent="fetchLogs($event.target)">
944 <span style="margin-top: 4px" class="dashicons dashicons-image-rotate"></span> Reload
945 </button>
946
947 <button class="button button-large button-secondary" @click.prevent="deleteLogs($event.target)" v-if="hasLogs">
948 <span style="margin-top: 4px" class="dashicons dashicons-trash"></span> Delete
949 </button>
950 </span>
951 </h3>
952
953 <table class="wp-list-table widefat fixed striped wpuf-contact-form" v-if="hasLogs">
954 <thead>
955 <tr>
956 <th style="width: 10%"> Type </th>
957 <th style="width: 15%"> Time </th>
958 <th style="width: 75%"> Details </th> </tr>
959 </thead>
960 <tbody>
961 <tr v-for="log in logs">
962 <td> <span> {{ log.type }} </span> </td>
963 <td> <span> {{ log.time }} </span> </td>
964 <td> {{ log.message }} </td>
965 </tr>
966 </tbody>
967 </table>
968 <div v-else>
969 <p><?php _e( 'No logs found. If any error occurs during an action. Those will be displayed here.', 'weforms' ); ?></p>
970 </div>
971 </div>
972 </div>
973 </div>
974 </script>
975
976 <script type="text/x-template" id="tmpl-wpuf-transactions">
977 <div class="wpuf-contact-form-transactions">
978 <h1 class="wp-heading-inline">
979 <?php _e( 'Transactions', 'weforms' ); ?>
980 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
981 <span style="color: #999;" class="form-name">
982 {{ form_title }}
983 </span>
984
985 <select v-if="Object.keys(forms).length " v-model="selected">
986 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
987 </select>
988 </h1>
989
990 <p v-if="no_transactions">
991 <?php printf(
992 __( 'You don\'t have any transactions yet. Learn how to %sset up payment integration%s and take payments with weFroms.' ),
993 '<a target="_blank" href="https://wedevs.com/docs/weforms/integrations/payment/">',
994 '</a>'
995 );
996 ?>
997 </p>
998
999 <wpuf-table v-if="selected"
1000 has_export="no"
1001 action="weforms_form_payments"
1002 delete="weforms_form_payments_trash_bulk"
1003 :id="selected"
1004 v-on:ajaxsuccess="form_title = $event.form_title; $route.params.id = selected"
1005 >
1006 </wpuf-table>
1007
1008 </div>
1009 </script>
1010
1011 <script type="text/x-template" id="tmpl-wpuf-weforms-page-help">
1012 <div class="weforms-help-page">
1013
1014 <div class="help-block">
1015 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/docs.svg" alt="<?php esc_attr_e( 'Looking for Something?', 'weforms' ); ?>">
1016
1017 <h3><?php _e( 'Looking for Something?', 'weforms' ); ?></h3>
1018
1019 <p><?php _e( 'We have detailed documentation on every aspects of weForms.', 'weforms' ); ?></p>
1020
1021 <a target="_blank" class="button button-primary" href="https://weformspro.com/docs/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=plugin-docs-link"><?php _e( 'Visit the Plugin Documentation', 'weforms' ); ?></a>
1022 </div>
1023
1024 <div class="help-block">
1025 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/support.svg" alt="<?php esc_attr_e( 'Need Any Assistance?', 'weforms' ); ?>">
1026
1027 <h3><?php _e( 'Need Any Assistance?', 'weforms' ); ?></h3>
1028
1029 <p><?php _e( 'Our EXPERT Support Team is always ready to Help you out.', 'weforms' ); ?></p>
1030
1031 <a target="_blank" class="button button-primary" href="https://weformspro.com/support/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=need-assistance"><?php _e( 'Contact Support', 'weforms' ); ?></a>
1032 </div>
1033
1034 <div class="help-block">
1035 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/bugs.svg" alt="<?php esc_attr_e( 'Found Any Bugs?', 'weforms' ); ?>">
1036
1037 <h3><?php _e( 'Found Any Bugs?', 'weforms' ); ?></h3>
1038
1039 <p><?php _e( 'Report any Bug that you Discovered, Get Instant Solutions.', 'weforms' ); ?></p>
1040
1041 <a target="_blank" class="button button-primary" href="https://github.com/BoldGrid/weforms/issues/new"><?php _e( 'Report to GitHub', 'weforms' ); ?></a>
1042 </div>
1043
1044 <div class="help-block">
1045 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/customization.svg" alt="<?php esc_attr_e( 'Require Customization?', 'weforms' ); ?>">
1046
1047 <h3><?php _e( 'Require Customization?', 'weforms' ); ?></h3>
1048
1049 <p><?php _e( 'We would Love to hear your Integration and Customization Ideas.', 'weforms' ); ?></p>
1050
1051 <a target="_blank" class="button button-primary" href="https://weformspro.com/support/?utm_source=weforms-help-page&utm_medium=help-block&utm_campaign=requires-customization"><?php _e( 'Contact Our Services', 'weforms' ); ?></a>
1052 </div>
1053
1054 <div class="help-block">
1055 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/like.svg" alt="<?php esc_attr_e( 'Like The Plugin?', 'weforms' ); ?>">
1056
1057 <h3><?php _e( 'Like The Plugin?', 'weforms' ); ?></h3>
1058
1059 <p><?php _e( 'Your Review is very important to us as it helps us to grow more.', 'weforms' ); ?></p>
1060
1061 <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>
1062 </div>
1063 </div>
1064 </script>
1065
1066 <script type="text/x-template" id="tmpl-wpuf-weforms-page-privacy">
1067 <div class="wpuf-privacy-page">
1068
1069 <h1><?php _e('Privacy' , 'weforms'); ?></h1>
1070
1071 <h2><?php _e( 'Your website may need a Privacy Policy by law' , 'weforms' ); ?></h2>
1072
1073 <p><?php _e( 'We at weForms take privacy law compliance seriously, and we want our customers to know just how important it is for them as well.', 'weforms' ); ?></p>
1074
1075 <p><?php _e( 'Because you are implementing a contact form, that means you may be collecting the Personally Identifiable Information (PII) of individuals. This means that there may be privacy laws that apply to your website that require you to have a Privacy Policy. It is important to understand that if your website collects PII from users outside of your jurisdiction, you still may need to comply with the privacy laws of other states and countries. Please note that non-compliance may put you in danger of significant privacy related fines and lawsuits.' , 'weforms' ); ?></p>
1076
1077 <p><?php _e( 'If you do not have a Privacy Policy or are unsure if yours is up to date and compliant, we encourage you to generate one with our partner, Termageddon. Termageddon is a generator of Privacy Policies, Terms &amp; Conditions and more. They monitor privacy laws for you and update your Privacy Policy when new disclosures are required.' , 'weforms' ); ?></p>
1078
1079 <p><?php _e( 'If you decide Termageddon is a good solution for your website, use the promo code <strong>WEFORMS</strong> for 10&#37; off your first purchase at checkout. More information on Termageddon can be found <a href="https://app.termageddon.com/?fp_ref=weforms" target="_blank">here</a>.' , 'weforms' ); ?></p>
1080
1081 <p><?php _e( 'If you own a web design, web development or digital marketing company, check out <a href="https://termageddon.com/agency-partners/" target="_blank">Termageddon&#39;s agency partner program</a>, where you can offer Termageddon licenses to your clients, helping them stay compliant with privacy laws.' , 'weforms' ); ?></p>
1082
1083 <h2><?php _e( 'How to add Privacy Policy consent to your forms' , 'weforms' ); ?></h2>
1084
1085 <p><?php _e( 'Adding a Privacy Policy consent checkbox is your forms is simple. All you will need is the weForms plugin and an existing /privacy-policy page.' , 'weforms' ); ?></p>
1086
1087 <ol>
1088 <li><?php _e( '"Edit" the respective form that you&#39;d like to add a consent checkbox to.' , 'weforms' ); ?></li>
1089 <li><?php _e( 'Click &#39;checkbox&#39; so that it is added to the bottom of your form.' , 'weforms' ); ?></li>
1090 <li><?php _e( '"Edit" the consent checkbox, remove the &#39;Field Label&#39;, and replace &#39;Option&#39; with &#39;INSERT YOUR "I AGREE" LANGUAGE HERE AND PROVIDE A LINK TO YOUR PRIVACY POLICY&#39;.' , 'weforms' ); ?></li>
1091 </ol>
1092
1093 </div></script>
1094
1095 <script type="text/x-template" id="tmpl-wpuf-weforms-premium">
1096 <div class="weforms-premium">
1097 <?php
1098 // _e( 'weForms Pro', 'weforms' );
1099 // echo WeForms_Form_Builder_Assets::get_pro_url();
1100 // echo WEFORMS_ASSET_URI; /images/integrations/mailchimp.svg"
1101 ?>
1102 <!-- start banner section -->
1103 <div id="banner" class="wf-banner-section wf-section-wrapper">
1104 <!-- banner left column -->
1105 <div class="banner-left-column">
1106 <div class="banner-icon">
1107 <svg width="25px" height="28px" viewBox="0 0 25 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1108 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1109 <g id="Premium-Page-Design-for-weForms" transform="translate(-298.000000, -174.000000)" fill="#4CDAA0">
1110 <g id="Group-3" transform="translate(285.000000, 163.000000)">
1111 <g id="Page-1-Copy-6" transform="translate(13.076923, 11.538462)">
1112 <path d="M22.4734843,6.65402042 L4.95080724,13.9647562 C3.1534996,14.7235956 1.06664956,13.9130012 0.290961897,12.1540325 C-0.484725767,10.3957631 0.343865941,8.35424032 2.14260342,7.59540091 L19.6645656,0.284665163 C21.4625881,-0.474174241 23.5487233,0.336420108 24.3244109,2.09468947 C25.1000986,3.85435762 24.2715069,5.89518101 22.4734843,6.65402042 M22.4734843,19.3276876 L4.95080724,26.6384233 C3.1534996,27.3972627 1.06664956,26.5866684 0.290961897,24.8276996 C-0.484725767,23.0687308 0.343865941,21.0279075 2.14260342,20.269068 L19.6645656,12.9583323 C21.4625881,12.1994929 23.5487233,13.0100872 24.3244109,14.769056 C25.1000986,16.5280248 24.2715069,18.5688481 22.4734843,19.3276876" id="Fill-1"></path>
1113 </g>
1114 </g>
1115 </g>
1116 </g>
1117 </svg>
1118 </div>
1119 <div class="banner-content">
1120 <h1><?php _e( 'weForms Pro', 'weforms' ); ?></h1>
1121 <p><?php _e( 'Upgrade to the premium versions of weForms and <br>unlock even more useful features.' ); ?></p>
1122 </div>
1123 <div class="banner-buttons">
1124 <a href="https://weformspro.com/pricing" class="wf-btn wf-btn-primary" target="_blank"><?php _e( 'Buy Now', 'weforms' ); ?></a>
1125 <a href="https://weformspro.com/docs/" class="wf-btn wf-btn-default" target="_blank"><?php _e( 'Read Full Guide', 'weforms' ); ?></a>
1126 </div>
1127 </div><!-- end banner left column -->
1128
1129
1130 <!-- video modal -->
1131
1132 <div id="wf-video-modal" :class="['wf-modal', showModal ? 'wf-modal-open': '']" role="dialog" @click="showModal = false">
1133 <div class="wf-modal-dialog">
1134 <div class="wf-modal-content">
1135 <span class="modal-close" @click="showModal = false">x</span>
1136 <div class="wf-modal-body">
1137 <iframe width="600px" height="400px" src="https://www.youtube.com/embed/668nUCeBHyY?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
1138 </div>
1139 </div>
1140 </div>
1141 </div>
1142
1143
1144 <!-- banner right column -->
1145 <div class="banner-right-column">
1146 <div class="banner-thumb">
1147 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/banner-thumb.svg" alt="Banner">
1148 <!-- <a class="video-play-icon" href="#" @click.prevent="showModal = true">
1149 <svg width="15px" height="17px" viewBox="0 0 15 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1150 <defs>
1151 <linearGradient x1="50%" y1="100%" x2="12.980572%" y2="0%" id="linearGradient-1">
1152 <stop stop-color="#12CE66" offset="0%"></stop>
1153 <stop stop-color="#7EE6D1" offset="100%"></stop>
1154 </linearGradient>
1155 </defs>
1156 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1157 <g id="Premium-Page-Design-for-weForms" transform="translate(-1106.000000, -335.000000)" fill="url(#linearGradient-1)">
1158 <g id="Group-9" transform="translate(1087.000000, 318.000000)">
1159 <path d="M32.552792,24.6413241 L21.1089656,18.2019425 C20.0661123,17.6145297 19.2249533,18.0841645 19.2307995,19.2479777 L19.2894009,32.0295103 C19.2946903,33.1930549 20.1461497,33.6667186 21.1920654,33.0838719 L32.5483378,26.7581051 C33.5931399,26.1763328 33.595367,25.2287369 32.552792,24.6413241 Z" id="Path"></path>
1160 </g>
1161 </g>
1162 </g>
1163 </svg>
1164 </a> -->
1165 </div>
1166 </div><!-- end banner right column -->
1167
1168 </div><!-- end banner section -->
1169
1170 <!-- start features section -->
1171 <div id="features" class="wf-features-wrapper wf-section-wrapper">
1172 <div class="section-header">
1173 <h2><?php _e( 'More Features', 'weforms' ); ?></h2>
1174 </div>
1175 <div class="section-content">
1176 <div class="feature-row">
1177 <div class="feature-column feature-advance-fields">
1178 <div class="feature-thumb">
1179 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/advance-fields.svg" alt="Advanced Fields">
1180 </div>
1181 <div class="feature-content">
1182 <h3><?php _e( 'Advance Fields', 'weforms' ); ?></h3>
1183 <p><?php _e( '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.', 'weforms' ); ?></p>
1184 </div>
1185 </div>
1186 <div class="feature-column feature-conditional-logic">
1187 <div class="feature-thumb">
1188 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/conditional-logic.svg" alt="Conditional Logic">
1189 </div>
1190 <div class="feature-content">
1191 <h3><?php _e( 'Conditional Logic', 'weforms' ); ?></h3>
1192 <p><?php _e( 'Configure your form’s settings and user flow based on conditional selection. Your forms should appear just the way you want it.', 'weforms' ); ?></p>
1193 </div>
1194 </div>
1195 <div class="feature-column feature-multi-step">
1196 <div class="feature-thumb">
1197 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/multistep-form.svg" alt="Multi Step">
1198 </div>
1199 <div class="feature-content">
1200 <h3><?php _e( 'Multi-step Form', 'weforms' ); ?></h3>
1201 <p><?php _e( 'Break down the long forms into small and attractive multi step forms. Long and lengthy forms are uninviting, why build one?', 'weforms' ); ?></p>
1202 </div>
1203 </div>
1204 <div class="feature-column feature-file-uploaders">
1205 <div class="feature-thumb">
1206 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/file-uploader.svg" alt="File uploaders">
1207 </div>
1208 <div class="feature-content">
1209 <h3><?php _e( 'File Uploaders', 'weforms' ); ?></h3>
1210 <p><?php _e( '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.', 'weforms' ); ?></p>
1211 </div>
1212 </div>
1213 <div class="feature-column feature-notification">
1214 <div class="feature-thumb">
1215 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/notification.svg" alt="Form Submit Notification">
1216 </div>
1217 <div class="feature-content">
1218 <h3><?php _e( 'Form Submission Notication', 'weforms' ); ?></h3>
1219 <p><?php _e( 'Receive email notification every time your form is submitted. You can now configure the notification settings just as you like it.', 'weforms' ); ?></p>
1220 </div>
1221 </div>
1222 <div class="feature-column feature-submission">
1223 <div class="feature-thumb">
1224 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/submission.svg" alt="Manage Submission">
1225 </div>
1226 <div class="feature-content">
1227 <h3><?php _e( 'Manage Submission', 'weforms' ); ?></h3>
1228 <p><?php _e( 'View, edit and manage all the submission data stored through your form. We believe that you should own it all- like literally!', 'weforms' ); ?></p>
1229 </div>
1230 </div>
1231 </div>
1232 </div>
1233 </div><!-- end features section -->
1234
1235 <!-- start integration section -->
1236 <div id="integration" class="wf-integration-wrapper wf-section-wrapper">
1237 <div class="section-header">
1238 <h2><?php _e( 'More Integrations', 'weforms' ); ?></h2>
1239 </div>
1240 <div class="section-content">
1241 <div class="integration-row">
1242 <div class="integration-column">
1243 <div class="integration-thumb">
1244 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/mailchimp.svg" alt="Mailchimp integration">
1245 </div>
1246 <div class="integration-content">
1247 <h3><?php _e( 'Mailchimp', 'weforms' ); ?></h3>
1248 <p><?php _e( 'Integrate your desired form to your MailChimp email newsletter using latest API.', 'weforms' ); ?></p>
1249 </div>
1250 </div>
1251
1252 <div class="integration-column">
1253 <div class="integration-thumb">
1254 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/campaign-monitor.svg" alt="Campaign Monitor">
1255 </div>
1256 <div class="integration-content">
1257 <h3><?php _e( 'Campaign Monitor', 'weforms' ); ?></h3>
1258 <p><?php _e( 'Lets you add submission form in your Campaign Monitor email campaigns too.', 'weforms' ); ?></p>
1259 </div>
1260 </div>
1261
1262 <div class="integration-column">
1263 <div class="integration-thumb">
1264 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/constant-contact.svg" alt="Constant Contact">
1265 </div>
1266 <div class="integration-content">
1267 <h3><?php _e( 'Constant Contact', 'weforms' ); ?></h3>
1268 <p><?php _e( 'Integrate your contact forms seamlessly with your Constant Contact account.', 'weforms' ); ?></p>
1269 </div>
1270 </div>
1271
1272 <div class="integration-column">
1273 <div class="integration-thumb">
1274 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/mailpoet.svg" alt="MailPoet">
1275 </div>
1276 <div class="integration-content">
1277 <h3><?php _e( 'MailPoet', 'weforms' ); ?></h3>
1278 <p><?php _e( 'Why only MailChimp? Do the same for MailPoet email campaigns as well!', 'weforms' ); ?></p>
1279 </div>
1280 </div>
1281
1282 <div class="integration-column">
1283 <div class="integration-thumb">
1284 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/aweber.svg" alt="AWeber">
1285 </div>
1286 <div class="integration-content">
1287 <h3><?php _e( 'AWeber', 'weforms' ); ?></h3>
1288 <p><?php _e( 'Use highly customizable forms and create subscriber’s list for AWber email solution.', 'weforms' ); ?></p>
1289 </div>
1290 </div>
1291
1292 <div class="integration-column">
1293 <div class="integration-thumb">
1294 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/get-response.svg" alt="Get Response">
1295 </div>
1296 <div class="integration-content">
1297 <h3><?php _e( 'Get Response', 'weforms' ); ?></h3>
1298 <p><?php _e( 'Enjoy seamless integration of weForms with your Get Response account.', 'weforms' ); ?></p>
1299 </div>
1300 </div>
1301
1302 <div class="integration-column">
1303 <div class="integration-thumb">
1304 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/convert-kit.svg" alt="ConvertKit">
1305 </div>
1306 <div class="integration-content">
1307 <h3><?php _e( 'ConvertKit', 'weforms' ); ?></h3>
1308 <p><?php _e( 'Subscribe a contact to ConvertKit when a form is submited.', 'weforms' ); ?></p>
1309 </div>
1310 </div>
1311
1312 <div class="integration-column">
1313 <div class="integration-thumb">
1314 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/more-integration.svg" alt="More.Integration">
1315 </div>
1316 <div class="integration-content">
1317 <h3><?php _e( 'More...', 'weforms' ); ?></h3>
1318 <p><?php _e( 'A bunch of more integrations are coming soon.', 'weforms' ); ?></p>
1319 </div>
1320 </div>
1321
1322 </div>
1323 </div>
1324 </div><!-- end integration section -->
1325
1326 <!-- start footer section -->
1327 <section id="import" class="wf-import-wrapper">
1328 <div class="section-content">
1329 <div class="import-left">
1330 <div class="import-icon">
1331
1332 <svg width="32px" height="35px" viewBox="0 0 32 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
1333 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1334 <g id="Premium-Page-Design-for-weForms" transform="translate(-278.000000, -2204.000000)" fill="#FFFFFF">
1335 <g id="Group-3" transform="translate(261.000000, 2189.000000)">
1336 <g id="Page-1-Copy-6" transform="translate(17.000000, 15.000000)">
1337 <path d="M29.2155296,8.65022654 L6.43604941,18.154183 C4.09954948,19.1406742 1.38664443,18.0869016 0.378250466,15.8002422 C-0.630143496,13.514492 0.447025723,10.8605124 2.78538444,9.87402119 L25.5639353,0.370064711 C27.9013646,-0.616426514 30.6133402,0.43734614 31.6217342,2.72309632 C32.6301282,5.01066491 31.5529589,7.66373532 29.2155296,8.65022654 M29.2155296,25.1259938 L6.43604941,34.6299503 C4.09954948,35.6164415 1.38664443,34.5626689 0.378250466,32.2760095 C-0.630143496,29.9893501 0.447025723,27.3362797 2.78538444,26.3497885 L25.5639353,16.845832 C27.9013646,15.8593408 30.6133402,16.9131134 31.6217342,19.1997728 C32.6301282,21.4864322 31.5529589,24.1395026 29.2155296,25.1259938" id="Fill-1"></path>
1338 </g>
1339 </g>
1340 </g>
1341 </g>
1342 </svg>
1343 </div>
1344 <div class="import-text">
1345 <p><?php _e( 'Extend the functionalities while', 'weforms' ); ?></p>
1346 <h2><?php _e( 'Building WordPress Forms', 'wefoms' ); ?></h2>
1347 </div>
1348 </div>
1349 <div class="import-right">
1350 <a href="https://weformspro.com/pricing" target="_blank" class="wf-btn wf-btn-primary wf-btn-lg"><?php _e( 'Upgrade Now', 'weforms' ); ?></a>
1351 </div>
1352 </div>
1353 </section><!-- end footer section -->
1354
1355 </div>
1356 </script>
1357
1358 <script type="text/x-template" id="tmpl-wpuf-weforms-settings">
1359 <div class="weforms-settings clearfix" id="weforms-settings">
1360
1361 <h1><?php _e( 'Settings', 'weforms' ); ?></h1>
1362 <div id="weforms-settings-tabs-warp" class="<?php echo !function_exists( 'weforms_pro' ) ? 'weforms-pro-deactivate' : ''; ?>">
1363 <div id="weforms-settings-tabs">
1364 <ul>
1365 <?php
1366 $tabs = apply_filters( 'weforms_settings_tabs', [] );
1367
1368 foreach ( $tabs as $key => $tab ) {
1369 ?>
1370 <li>
1371 <a
1372 href="#"
1373 :class="['we-settings-nav-tab', isActiveTab( '<?php echo $key; ?>' ) ? 'we-settings-nav-tab-active' : '']"
1374 v-on:click.prevent="makeActive( '<?php echo $key; ?>' )"
1375 >
1376 <?php
1377
1378 if ( !empty( $tab['icon'] ) ) {
1379 printf( '<img src="%s">', $tab['icon'] );
1380 } ?>
1381 <?php _e( $tab['label'], 'weforms' ); ?>
1382 </a>
1383 </li>
1384
1385 <?php
1386 }
1387
1388 do_action( 'weforms_settings_tabs_area' );
1389 ?>
1390 </ul>
1391 </div>
1392
1393 <div id="weforms-settings-tabs-contents">
1394
1395 <?php
1396 foreach ( $tabs as $key => $tab ) {
1397 ?>
1398 <div id="weforms-settings-<?php echo $key; ?>" class="tab-content" v-show="isActiveTab('<?php echo $key; ?>')">
1399 <?php do_action( 'weforms_settings_tab_content_' . $key, $tab ); ?>
1400 </div>
1401 <?php
1402 }
1403
1404 do_action( 'weforms_settings_tabs_contents' );
1405 ?>
1406
1407 </div>
1408 </div>
1409
1410 <?php if ( !function_exists( 'weforms_pro' ) ) { ?>
1411
1412 <div id="weforms-settings-page-sidebar" class="weforms-settings-page-sidebar">
1413 <div class="weforms-settings-page-sidebar-content">
1414 <h2>Upgrade to <br><strong style="color:#57AB64">weForms Pro</strong></h2>
1415
1416 <ul class="weforms-pro-features">
1417 <li><span class="dashicons dashicons-yes"></span> Integration with email marketing solutions such as Aweber, GetResponse, ConvertKit etc.</li>
1418 <li><span class="dashicons dashicons-yes"></span> Connect with productivity tools such as Google Analytics, Zapier, Trello, Google Sheets.</li>
1419 <li><span class="dashicons dashicons-yes"></span> Manage payments directly from your forms with PayPal & Stripe.</li>
1420 <li><span class="dashicons dashicons-yes"></span> Integrate with popular CRM tools such as Zoho, Salesforce, HubSpot and better manage your relationship with your customers.</li>
1421 <li><span class="dashicons dashicons-yes"></span> Create quiz forms, calculate numbers directly in your form, set geolocation and more in weForms Pro.</li>
1422 </ul>
1423
1424 <a href="https://weformspro.com/pricing" target="_blank" class="button button-primary">Get weForms Pro</a>
1425 </div>
1426 </div>
1427
1428 <?php } ?>
1429 </div>
1430 </script>
1431