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

1,438 lines 83.4 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 esc_html_e( 'Select bulk action', 'weforms' ); ?></label>
8 <select name="action" v-model="bulkAction">
9 <option value="-1"><?php esc_html_e( 'Bulk Actions', 'weforms' ); ?></option>
10 <option value="restore" v-if="status == 'trash' ">
11 <?php esc_html_e( 'Restore Entries', 'weforms' ); ?>
12 </option>
13 <option value="delete">
14 <template v-if="status == 'trash' "><?php esc_html_e( 'Delete Permanently', 'weforms' ); ?></template>
15 <template v-else><?php esc_html_e( 'Delete Entries', 'weforms' ); ?></template>
16 </option>
17 </select>
18
19 <button class="button action" v-on:click.prevent="handleBulkAction"><?php esc_html_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=' + '<?php echo esc_attr( wp_create_nonce( 'weforms-export-entries' ) ); ?>'" style="margin-top: 0;"><span class="dashicons dashicons-download" style="margin-top: 4px;"></span> <?php esc_html_e( 'Export Entries', 'weforms' ); ?></a>
24 </div>
25
26 <div class="tablenav-pages">
27
28 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php esc_html_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 esc_html_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 esc_html_e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
36
37 <span class="screen-reader-text"><?php esc_html_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 esc_html_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 esc_html_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 esc_html_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 v-for="(header, index) in columns">{{ header }}</th>
55 <th>Actions</th>
56 </tr>
57 </thead>
58 <tfoot>
59 <tr>
60 <td id="cb" class="manage-column column-cb check-column">
61 <input type="checkbox" v-model="selectAll">
62 </td>
63 <th v-for="(header, index) in columns">{{ header }}</th>
64 <th class="col-entry-details"><?php esc_html_e( 'Actions', 'weforms' ); ?></th>
65 </tr>
66 </tfoot>
67 <tbody>
68 <tr v-if="loading">
69 <td v-bind:colspan="columnLength + 3"><?php esc_html_e( 'Loading...', 'weforms' ); ?></td>
70 </tr>
71 <tr v-if="!items.length && !loading">
72 <td v-bind:colspan="columnLength + 3"><?php esc_html_e( 'No entries found!', 'weforms' ); ?></td>
73 </tr>
74 <tr v-for="(entry, index) in items">
75 <template v-if="currentPage == 1">
76 <template v-if="index < perPage">
77 <th scope="row" class="check-column">
78 <input type="checkbox" name="post[]" v-model="checkedItems" :value="entry.id">
79 </th>
80 <td v-for="(header, index) in columns"><span v-html="entry.fields[index]"></span></td>
81 <th class="col-entry-details">
82 <template v-if="status == 'trash'">
83 <a href="#" @click.prevent="restore(entry.id)"><?php esc_html_e( 'Restore', 'weforms' ); ?></a>
84 <span style="color: #ddd">|</span>
85 <a href="#" @click.prevent="deletePermanently(entry.id)"><?php esc_html_e( 'Delete Permanently', 'weforms' ); ?></a>
86 </template>
87 <template v-else>
88 <router-link :to="{ name: 'formEntriesSingle', params: { entryid: entry.id }}">
89 <?php esc_html_e( 'Details', 'weforms' ); ?>
90 </router-link>
91 </template>
92 </th>
93 </template>
94 </template>
95 <template v-else>
96 <th scope="row" class="check-column">
97 <input type="checkbox" name="post[]" v-model="checkedItems" :value="entry.id">
98 </th>
99 <td v-for="(header, index) in columns"><span v-html="entry.fields[index]"></span></td>
100 <th class="col-entry-details">
101 <template v-if="status == 'trash'">
102 <a href="#" @click.prevent="restore(entry.id)"><?php esc_html_e( 'Restore', 'weforms' ); ?></a>
103 <span style="color: #ddd">|</span>
104 <a href="#" @click.prevent="deletePermanently(entry.id)"><?php esc_html_e( 'Delete Permanently', 'weforms' ); ?></a>
105 </template>
106 <template v-else>
107 <router-link :to="{ name: 'formEntriesSingle', params: { entryid: entry.id }}">
108 <?php esc_html_e( 'Details', 'weforms' ); ?>
109 </router-link>
110 </template>
111 </th>
112 </template>
113 </tr>
114 </tbody>
115 </table>
116
117 <div class="tablenav bottom">
118 <div class="alignleft actions bulkactions">
119 <label for="bulk-action-selector-top" class="screen-reader-text"><?php esc_html_e( 'Select bulk action', 'weforms' ); ?></label>
120 <select name="action" v-model="bulkAction">
121 <option value="-1"><?php esc_html_e( 'Bulk Actions', 'weforms' ); ?></option>
122 <option value="restore" v-if="status == 'trash' ">
123 <?php esc_html_e( 'Restore Entries', 'weforms' ); ?>
124 </option>
125 <option value="delete">
126 <template v-if="status == 'trash' "><?php esc_html_e( 'Delete Permanently', 'weforms' ); ?></template>
127 <template v-else><?php esc_html_e( 'Delete Entries', 'weforms' ); ?></template>
128 </option>
129 </select>
130
131 <button class="button action" v-on:click.prevent="handleBulkAction"><?php esc_html_e( 'Apply', 'weforms' ); ?></button>
132 </div>
133
134 <div class="tablenav-pages">
135
136 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php esc_html_e( 'items', 'weforms' ); ?></span>
137
138 <span class="pagination-links">
139 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
140 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php esc_html_e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
141
142 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
143 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php esc_html_e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
144
145 <span class="screen-reader-text"><?php esc_html_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>
146
147 <span v-if="currentPage == totalPage" class="tablenav-pages-navspan" aria-hidden="true"></span>
148 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php esc_html_e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
149
150 <span v-if="isLastPage()" class="tablenav-pages-navspan" aria-hidden="true">»</span>
151 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php esc_html_e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
152 </span>
153 </div>
154 </div>
155 </div>
156 </script>
157
158 <script type="text/x-template" id="tmpl-wpuf-entries">
159 <div class="wpuf-contact-form-entries">
160 <div>
161 <h1 class="wp-heading-inline">
162 <?php esc_html_e( 'Entries', 'weforms' ); ?>
163 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
164
165 <span style="color: #999;" class="form-name">
166 {{ form_title }}
167 </span>
168
169 <select v-if="Object.keys(forms).length" v-model="selected" @change="status='publish'">
170 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
171 </select>
172 </h1>
173 </div>
174
175 <div>
176 <ul class="subsubsub">
177 <li class="all">
178 <a href="#" :class="{ current: status =='publish' }" @click.prevent="status='publish'">
179 All
180 <span class="count">
181 ({{total}})
182 </span>
183 </a> |
184 </li>
185 <li class="trash">
186 <a href="#" :class="{ current: status =='trash' }" @click.prevent="status='trash'">
187 Trash
188 <span class="count">
189 ({{totalTrash}})
190 </span>
191 </a>
192 </li>
193 </ul>
194 </div>
195 <div>
196 <template v-if="selected">
197
198 <wpuf-table
199 action="weforms_form_entries"
200 :status="status"
201 :id="selected"
202 v-on:ajaxsuccess="
203 form_title = $event.form_title;
204 $route.params.id = selected;
205 total = $event.meta.total;
206 totalTrash = $event.meta.totalTrash
207 "
208 >
209 </wpuf-table>
210 </template>
211 </div>
212
213 </div>
214 </script>
215
216 <script type="text/x-template" id="tmpl-wpuf-form-builder">
217 <form id="wpuf-form-builder" class="wpuf-form-builder-contact_form" method="post" action="" @submit.prevent="save_form_builder" v-cloak>
218 <fieldset :class="[is_form_saving ? 'disabled' : '']" :disabled="is_form_saving">
219
220 <h2 class="nav-tab-wrapper">
221 <a href="#wpuf-form-builder-container" :class="['nav-tab', isActiveTab( 'editor' ) ? 'nav-tab-active' : '']" v-on:click.prevent="makeActive('editor')">
222 <?php esc_html_e( 'Form Editor', 'weforms' ); ?>
223 </a>
224
225 <a href="#wpuf-form-builder-settings" :class="['nav-tab', isActiveTab( 'settings' ) ? 'nav-tab-active' : '']" v-on:click.prevent="makeActive('settings')">
226 <?php esc_html_e( 'Settings', 'weforms' ); ?>
227 </a>
228
229 <?php do_action( 'wpuf-form-builder-tabs-contact_form' ); ?>
230
231 <span class="pull-right">
232 <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 esc_html_e( 'Preview', 'weforms' ); ?></a>
233
234 <button v-if="!is_form_saving" type="button" class="button button-primary weforms-save-form-builder" @click="save_form_builder">
235 <?php esc_html_e( 'Save Form', 'weforms' ); ?>
236 </button>
237
238 <button v-else type="button" class="button button-primary button-ajax-working" disabled>
239 <span class="loader"></span> <?php esc_html_e( 'Saving Form Data', 'weforms' ); ?>
240 </button>
241 </span>
242 </h2>
243
244 <div class="tab-contents" v-if="!loading">
245 <div id="wpuf-form-builder-container" v-show="isActiveTab('editor')">
246 <div id="builder-stage">
247 <header class="clearfix">
248 <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>
249
250 <span v-show="post_title_editing">
251 <input type="text" v-model="post.post_title" name="post_title" />
252 <button type="button" class="button button-small" style="margin-top: 8px;" @click.prevent="post_title_editing = false"><i class="fa fa-check"></i></button>
253 </span>
254
255 <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>
256
257 <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' ); ?>">
258 <i class="fa fa-share-alt" aria-hidden="true"></i>
259 <?php esc_html_e( 'Share', 'Share' ); ?>
260 </span>
261
262 </header>
263
264 <ul v-if="is_form_switcher" class="form-switcher-content">
265
266 </ul>
267
268 <section>
269 <div id="form-preview">
270 <builder-stage></builder-stage>
271 </div>
272 </section>
273 </div><!-- #builder-stage -->
274
275 <div id="builder-form-fields">
276 <header>
277 <ul class="clearfix">
278 <li :class="['form-fields' === current_panel ? 'active' : '']">
279 <a href="#add-fields" @click.prevent="set_current_panel('form-fields')">
280 <?php esc_html_e( 'Add Fields', 'weforms' ); ?>
281 </a>
282 </li>
283
284 <li :class="['field-options' === current_panel ? 'active' : '', !form_fields_count ? 'disabled' : '']">
285 <a href="#field-options" @click.prevent="set_current_panel('field-options')">
286 <?php esc_html_e( 'Field Options', 'weforms' ); ?>
287 </a>
288 </li>
289 </ul>
290 </header>
291
292 <section>
293 <div class="wpuf-form-builder-panel">
294 <component :is="current_panel"></component>
295 </div>
296 </section>
297 </div><!-- #builder-form-fields -->
298 </div><!-- #wpuf-form-builder-container -->
299
300 <div id="wpuf-form-builder-settings" class="clearfix" v-show="isActiveTab('settings')">
301 <fieldset>
302 <h2 id="wpuf-form-builder-settings-tabs" class="nav-tab-wrapper">
303 <?php do_action( 'wpuf-form-builder-settings-tabs-contact_form' ); ?>
304 </h2><!-- #wpuf-form-builder-settings-tabs -->
305
306 <div id="wpuf-form-builder-settings-contents" class="tab-contents">
307 <?php do_action( 'wpuf-form-builder-settings-tab-contents-contact_form' ); ?>
308 </div><!-- #wpuf-form-builder-settings-contents -->
309 </fieldset>
310 </div><!-- #wpuf-form-builder-settings -->
311
312 <?php do_action( 'wpuf-form-builder-tab-contents-contact_form' ); ?>
313 </div>
314 <div v-else>
315
316 <div class="updating-message">
317 <p><?php esc_html_e( 'Loading the editor', 'weforms' ); ?></p>
318 </div>
319 </div>
320
321 <input type="hidden" name="form_settings_key" value="wpuf_form_settings">
322
323 <?php wp_nonce_field( 'wpuf_form_builder_save_form', 'wpuf_form_builder_nonce' ); ?>
324
325 <input type="hidden" name="wpuf_form_id" :value="post.ID">
326 </fieldset>
327 </form><!-- #wpuf-form-builder -->
328 </script>
329
330 <script type="text/x-template" id="tmpl-wpuf-form-entries">
331 <div class="wpuf-contact-form-entries">
332 <div>
333 <h1 class="wp-heading-inline">
334 <?php esc_html_e( 'Entries', 'weforms' ); ?>
335 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
336
337 <span style="color: #999;" class="form-name">
338 {{ form_title }}
339 </span>
340
341 <router-link class="page-title-action" to="/"><?php esc_html_e( 'Back to forms', 'weforms' ); ?></router-link>
342 </h1>
343 </div>
344
345 <div>
346 <ul class="subsubsub">
347 <li class="all">
348 <a href="#" :class="{ current: status =='publish' }" @click.prevent="status='publish'">
349 All
350 <span class="count">
351 ({{total}})
352 </span>
353 </a> |
354 </li>
355 <li class="trash">
356 <a href="#" :class="{ current: status =='trash' }" @click.prevent="status='trash'">
357 Trash
358 <span class="count">
359 ({{totalTrash}})
360 </span>
361 </a>
362 </li>
363 </ul>
364 </div>
365 <div>
366 <template>
367
368 <wpuf-table
369 action="weforms_form_entries"
370 :status="status"
371 :id="id"
372 v-on:ajaxsuccess="
373 form_title = $event.form_title;
374 total = $event.meta.total;
375 totalTrash = $event.meta.totalTrash
376 "
377 >
378 </wpuf-table>
379 </template>
380 </div>
381
382 </div>
383 </script>
384
385 <script type="text/x-template" id="tmpl-wpuf-form-entry-single">
386 <div class="wpuf-contact-form-entry">
387 <h1 class="wp-heading-inline"><?php esc_html_e( 'Entry Details', 'weforms' ); ?></h1>
388 <router-link class="page-title-action" :to="{ name: 'formEntries', params: { id: $route.params.id }}"><?php esc_html_e( 'Back to Entries', 'weforms' ); ?></router-link>
389
390 <div v-if="loading"><?php esc_html_e( 'Loading...', 'weforms' ); ?></div>
391 <div v-else class="wpuf-contact-form-entry-wrap">
392
393 <div v-bind:class="['wpuf-contact-form-entry-left', form_settings.quiz_form === 'yes' ? 'weforms-quiz-entry' : '']">
394 <div class="postbox">
395 <h2 class="hndle ui-sortable-handle">
396 <span>{{ entry.meta_data.form_title }} : Entry # {{ $route.params.entryid }}</span>
397 <span class="pull-right" v-if="hasEmpty">
398 <label style="font-weight: normal; font-size: 12px">
399 <input type="checkbox" v-model="hideEmpty" style="margin-right: 1px"> <?php esc_html_e( 'Hide Empty', 'weforms' ); ?>
400 </label>
401 </span>
402 </h2>
403
404 <div class="main">
405 <table v-if="hasFormFields" class="wp-list-table widefat fixed striped posts">
406 <tbody>
407 <template v-for="(field, index) in entry.form_fields">
408 <template v-if="field.value || ! hideEmpty ">
409 <tr v-bind:class="['field-label', answers[field.name] ? 'right-answer' : 'wrong-answer']">
410 <th>
411 <strong>{{ field.label }}</strong>
412 <strong v-if="form_settings.quiz_form === 'yes'" class="field-points">
413 <template v-if="answers[field.name] === true">{{ field.points}}/{{field.points}}</template>
414 <template v-else>0/{{field.points}}</template>
415 </strong>
416 </th>
417 </tr>
418 <tr v-bind:class="['field-value', answers[field.name] ? 'right-answer' : 'wrong-answer']">
419 <td>
420 <weforms-entry-gmap :lat="field.value.lat" :long="field.value.long" :zoom="field.zoom" v-if="field.type == 'google_map'"></weforms-entry-gmap>
421 <div v-else-if="field.type === 'checkbox_field' || field.type === 'multiple_select'">
422 <ul style="margin: 0;">
423 <li v-for="item in field.value">- {{ item }}</li>
424 </ul>
425 </div>
426 <div v-else-if="field.type === 'country_list_field'">{{ getCountryName( field.value ) }}</div>
427 <div v-else-if="field.type === 'address_field'" v-html="getAddressFieldValue( field.value)"></div>
428 <div v-else v-html="field.value"></div>
429 </td>
430 </tr>
431 </template>
432 </template>
433 </tbody>
434 </table>
435 <div v-else><div class="inside"><?php esc_html_e( 'Loading...', 'weforms' ); ?></div></div>
436
437 </div>
438 </div>
439 </div>
440
441 <div class="wpuf-contact-form-entry-right">
442 <div class="postbox">
443 <h2 class="hndle ui-sortable-handle"><span><?php esc_html_e( 'Submission Info', 'weforms' ); ?></span></h2>
444 <div class="inside">
445 <div class="main">
446
447 <ul>
448 <li>
449 <span class="label"><?php esc_html_e( 'Entry ID', 'weforms' ); ?></span>
450 <span class="sep"> : </span>
451 <span class="value">#{{ $route.params.entryid }}</span>
452 </li>
453 <li>
454 <span class="label"><?php esc_html_e( 'User IP', 'weforms' ); ?></span>
455 <span class="sep"> : </span>
456 <span class="value">{{ entry.meta_data.ip_address }}</span>
457 </li>
458 <li>
459 <span class="label"><?php esc_html_e( 'Device', 'weforms' ); ?></span>
460 <span class="sep"> : </span>
461 <span class="value">{{ entry.meta_data.device }}</span>
462 </li>
463 <li>
464 <span class="label"><?php esc_html_e( 'Page', 'weforms' ); ?></span>
465 <span class="sep"> : </span>
466 <span class="value"><a :href="entry.meta_data.referer">{{ entry.meta_data.referer }}</a></span>
467 </li>
468 <li v-if="entry.meta_data.user">
469 <span class="label"><?php esc_html_e( 'From', 'weforms' ); ?></span>
470 <span class="sep"> : </span>
471 <span class="value">{{ entry.meta_data.user }}</span>
472 </li>
473 <li>
474 <span class="label"><?php esc_html_e( 'Submitted On', 'weforms' ); ?></span>
475 <span class="sep"> : </span>
476 <span class="value">{{ entry.meta_data.created }}</span>
477 </li>
478 </ul>
479 </div>
480 </div>
481
482 <div id="major-publishing-actions">
483 <div id="publishing-action">
484 <button class="button button-large button-secondary" v-on:click.prevent="trashEntry"><span class="dashicons dashicons-trash"></span><?php esc_html_e( ' Delete', 'weforms' ); ?></button>
485 </div>
486 <div class="clear"></div>
487 </div>
488 </div>
489
490 <div v-if="form_settings.quiz_form === 'yes'" class="postbox">
491 <h2 class="hndle ui-sortable-handle"><span><?php esc_html_e( 'Points', 'weforms' ); ?></span></h2>
492 <div class="inside">
493 <div class="main">
494 <p><?php esc_html_e( 'Total Points:', 'weforms' ); ?> {{ form_settings.total_points }}</p>
495 <p><?php esc_html_e( 'Respondent Points:', 'weforms' ); ?> {{ respondent_points }}</p>
496 </div>
497 </div>
498 </div>
499
500 <?php do_action( 'weforms_entry_single_right_metabox' ); ?>
501 </div>
502
503 <div class="wpuf-contact-form-entry-right" v-if="entry.payment_data" style=" clear: right;">
504 <div class="postbox">
505 <h2 class="hndle ui-sortable-handle"><span><?php esc_html_e( 'Payment Info', 'weforms' ); ?></span></h2>
506 <div class="inside">
507 <div class="main">
508
509 <ul>
510 <li>
511 <span class="label"><?php esc_html_e( 'Payment ID', 'weforms' ); ?></span>
512 <span class="sep"> : </span>
513 <span class="value">#{{ entry.payment_data.id }}</span>
514 </li>
515 <li>
516 <span class="label"><?php esc_html_e( 'Gateway', 'weforms' ); ?></span>
517 <span class="sep"> : </span>
518 <span class="value">{{ entry.payment_data.gateway }}</span>
519 </li>
520 <li>
521 <span class="label"><?php esc_html_e( 'Status', 'weforms' ); ?></span>
522 <span class="sep"> : </span>
523 <span class="value">{{ entry.payment_data.status }}</span>
524 </li>
525 <li>
526 <span class="label"><?php esc_html_e( 'Total', 'weforms' ); ?></span>
527 <span class="sep"> : </span>
528 <span class="value">{{ entry.payment_data.total }}</span>
529 </li>
530 <li>
531 <span class="label"><?php esc_html_e( 'Transaction ID', 'weforms' ); ?></span>
532 <span class="sep"> : </span>
533 <span class="value">{{ entry.payment_data.transaction_id ? entry.payment_data.transaction_id : 'N/A' }}</span>
534 </li>
535 <li>
536 <span class="label"><?php esc_html_e( 'Created at', 'weforms' ); ?></span>
537 <span class="sep"> : </span>
538 <span class="value">{{ entry.payment_data.created_at }}</span>
539 </li>
540
541 <li v-if="entry.payment_data.payment_data">
542
543 <template v-if="show_payment_data" class="value" v-for="(val,key) in entry.payment_data.payment_data">
544 <template v-if="key && (val === false || val)">
545 <li>
546 <span class="label">{{ key }}</span>
547 <span class="sep"> : </span>
548 <span class="value"> {{ val }}</span>
549 </li>
550 </template>
551 </template>
552
553 <span class="value"> <a href="#" @click.prevent="show_payment_data = !show_payment_data"> {{ show_payment_data ? 'Hide' : 'Show More' }} </a> </span>
554
555 </li>
556
557 </ul>
558 </div>
559 </div>
560 </div>
561 </div>
562 </div>
563 </div>
564 </script>
565
566 <script type="text/x-template" id="tmpl-wpuf-form-list-table">
567 <div class="content table-responsive table-full-width" style="margin-top: 20px;">
568
569 <div class="tablenav top">
570 <div class="alignleft actions bulkactions">
571 <label for="bulk-action-selector-top" class="screen-reader-text"><?php esc_html_e( 'Select bulk action', 'weforms' ); ?></label>
572 <select name="action" v-model="bulkAction">
573 <option value="-1"><?php esc_html_e( 'Bulk Actions', 'weforms' ); ?></option>
574 <option value="delete"><?php esc_html_e( 'Delete Forms', 'weforms' ); ?></option>
575 </select>
576
577 <button class="button action" v-on:click.prevent="handleBulkAction"><?php esc_html_e( 'Apply', 'weforms' ); ?></button>
578 </div>
579
580 <div class="tablenav-pages">
581
582 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php esc_html_e( 'items', 'weforms' ); ?></span>
583
584 <span class="pagination-links">
585 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
586 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php esc_html_e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
587
588 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
589 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php esc_html_e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
590
591 <span class="screen-reader-text"><?php esc_html_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 esc_html_e( 'of', 'weforms' ); ?> <span class="total-pages">{{ totalPage }}</span>
592
593 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
594 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php esc_html_e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
595
596 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
597 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php esc_html_e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
598 </span>
599 </div>
600 </div>
601
602 <table class="wp-list-table widefat fixed striped posts">
603 <thead>
604 <tr>
605 <td id="cb" class="manage-column column-cb check-column">
606 <label class="screen-reader-text" for="cb-select-all-1"><?php esc_html_e( 'Select All', 'weforms' ); ?></label>
607 <input type="checkbox" v-model="selectAll">
608 </td>
609 <th scope="col" class="col-form-name"><?php esc_html_e( 'Name', 'weforms' ); ?></th>
610 <th scope="col" class="col-form-shortcode"><?php esc_html_e( 'Shortcode', 'weforms' ); ?></th>
611 <th scope="col" class="col-form-entries"><?php esc_html_e( 'Entries', 'weforms' ); ?></th>
612 <th scope="col" class="col-form-status weforms-form-status-col-title"><?php esc_html_e( 'Status', 'weforms' ); ?></th>
613 <th scope="col" class="col-form-views"><?php esc_html_e( 'Views', 'weforms' ); ?></th>
614 <th scope="col" class="col-form-conversion"><?php esc_html_e( 'Conversion', 'weforms' ); ?></th>
615 <th scope="col" class="col-form-created-by"><?php esc_html_e( 'Created by', 'weforms' ); ?></th>
616 </tr>
617 </thead>
618 <tbody>
619 <tr v-if="loading">
620 <td colspan="6"><?php esc_html_e( 'Loading...', 'weforms' ); ?></td>
621 </tr>
622 <tr v-if="!items.length && !loading">
623 <td colspan="6"><?php esc_html_e( 'No form found!', 'weforms' ); ?></td>
624 </tr>
625 <tr v-for="(form, index) in items">
626 <th scope="row" class="check-column">
627 <input type="checkbox" name="post[]" v-model="checkedItems" :value="form.id">
628 </th>
629 <td class="title column-title has-row-actions column-primary page-title">
630 <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>
631
632 <div class="row-actions">
633 <span class="edit"><router-link :to="{ name: 'edit', params: { id: form.id }}"><?php esc_html_e( 'Edit', 'weforms' ); ?></router-link> | </span>
634
635 <span class="trash"><a href="#" v-on:click.prevent="deleteForm(index)" class="submitdelete"><?php esc_html_e( 'Delete', 'weforms' ); ?></a> | </span>
636
637 <span class="duplicate"><a href="#" v-on:click.prevent="duplicate(form.id, index)"><?php esc_html_e( 'Duplicate', 'weforms' ); ?></a> <template v-if="form.entries">|</template> </span>
638
639 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}"><?php esc_html_e( 'View Entries', 'weforms' ); ?></router-link>
640
641 <template v-if="is_pro">
642 <span>
643 <template>|</template>
644 <router-link :to="{ name: 'formReports', params: { id: form.id }}"><?php esc_html_e( 'Reports', 'weforms' ); ?></router-link>
645 </span>
646 </template>
647
648 <template v-if="is_pro && has_payment && form.payments">
649 <span>
650 <template>|</template>
651 <router-link :to="{ name: 'formPayments', params: { id: form.id }}"><?php esc_html_e( 'Transactions', 'weforms' ); ?></router-link>
652 </span>
653 </template>
654 </div>
655 </td>
656 <td><code>[weforms id="{{ form.id }}"]</code></td>
657 <td>
658 <router-link v-if="form.entries" :to="{ name: 'formEntries', params: { id: form.id }}">{{ form.entries }}</router-link>
659 <span v-else>&mdash;</span>
660 </td>
661 <td class="weforms-form-status" >
662 <p v-if="isFormStatusClosed(form.settings, form.entries)">
663 <?php esc_html_e( 'Closed', 'weforms' ); ?>
664 </p>
665 <p v-else class="open"><?php esc_html_e( 'Open', 'weforms' ); ?></p>
666
667 <template v-if="form.settings.limit_entries === 'true'">
668 <span v-if="form.settings.schedule_form === 'true' && isExpiredForm(form.settings.schedule_end)">(Expired at {{formatTime(form.settings.schedule_end)}})</span>
669 <span v-else-if="form.settings.schedule_form === 'true' && isPendingForm(form.settings.schedule_start)">(Starts at {{formatTime(form.settings.schedule_start)}})</span>
670 <span v-else-if="form.entries >= form.settings.limit_number">(Reached maximum entry limit)</span>
671 <span v-else>({{form.settings.limit_number - form.entries}} entries remaining)</span>
672 </template>
673
674 <template v-else-if="form.settings.schedule_form === 'true'">
675 <span v-if="isPendingForm(form.settings.schedule_start)">(Starts at {{formatTime(form.settings.schedule_start)}})</span>
676 <span v-if="isExpiredForm(form.settings.schedule_end)">(Expired at {{formatTime(form.settings.schedule_end)}})</span>
677 <span v-if="isOpenForm(form.settings.schedule_start, form.settings.schedule_end)">(Expires at {{formatTime(form.settings.schedule_end)}})</span>
678 </template>
679
680 <template v-else-if="form.settings.require_login === 'true'">
681 <span><?php esc_html_e( '(Requires login)', 'weforms' ); ?></span>
682 </template>
683 </td>
684 <td>{{ form.views }}</td>
685 <td>
686 <span v-if="form.views">{{ ((form.entries/form.views) * 100).toFixed(2) }}%</span>
687 <span v-else>0%</span>
688 </td>
689 <td v-if="form.author" class="weforms-form-creator">
690 <img v-bind:src="form.author.avatar">
691 <span>{{ form.author.username }}</span>
692 <span class="date">{{formatTime(form.data.post_date)}}</span>
693 </td>
694 </tr>
695 </tbody>
696
697 <tfoot>
698 <tr>
699 <td id="cb" class="manage-column column-cb check-column">
700 <label class="screen-reader-text" for="cb-select-all-1"><?php esc_html_e( 'Select All', 'weforms' ); ?></label>
701 <input type="checkbox" v-model="selectAll">
702 </td>
703 <th scope="col" class="col-form-name"><?php esc_html_e( 'Name', 'weforms' ); ?></th>
704 <th scope="col" class="col-form-shortcode"><?php esc_html_e( 'Shortcode', 'weforms' ); ?></th>
705 <th scope="col" class="col-form-entries"><?php esc_html_e( 'Entries', 'weforms' ); ?></th>
706 <th scope="col" class="col-form-status weforms-form-status-col-title"><?php esc_html_e( 'Status', 'weforms' ); ?></th>
707 <th scope="col" class="col-form-views"><?php esc_html_e( 'Views', 'weforms' ); ?></th>
708 <th scope="col" class="col-form-conversion"><?php esc_html_e( 'Conversion', 'weforms' ); ?></th>
709 <th scope="col" class="col-form-created-by"><?php esc_html_e( 'Created by', 'weforms' ); ?></th>
710 </tr>
711 </tfoot>
712 </table>
713
714 <div class="tablenav bottom">
715 <div class="alignleft actions bulkactions">
716 <label for="bulk-action-selector-top" class="screen-reader-text"><?php esc_html_e( 'Select bulk action', 'weforms' ); ?></label>
717 <select name="action" v-model="bulkAction">
718 <option value="-1"><?php esc_html_e( 'Bulk Actions', 'weforms' ); ?></option>
719 <option value="delete"><?php esc_html_e( 'Delete Forms', 'weforms' ); ?></option>
720 </select>
721
722 <button class="button action" v-on:click.prevent="handleBulkAction"><?php esc_html_e( 'Apply', 'weforms' ); ?></button>
723 </div>
724
725 <div class="tablenav-pages">
726
727 <span v-if="totalItems" class="displaying-num">{{ totalItems }} <?php esc_html_e( 'items', 'weforms' ); ?></span>
728
729 <span class="pagination-links">
730 <span v-if="isFirstPage()" class="tablenav-pages-navspan" aria-hidden="true">«</span>
731 <a v-else class="first-page" href="#" @click.prevent="goFirstPage()"><span class="screen-reader-text"><?php esc_html_e( 'First page', 'weforms' ); ?></span><span aria-hidden="true">«</span></a>
732
733 <span v-if="currentPage == 1" class="tablenav-pages-navspan" aria-hidden="true"></span>
734 <a v-else class="prev-page" href="#" @click.prevent="goToPage('prev')"><span class="screen-reader-text"><?php esc_html_e( 'Previous page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
735
736 <span class="screen-reader-text"><?php esc_html_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 esc_html_e( 'of', 'weforms' ); ?> <span class="total-pages">{{ totalPage }}</span>
737
738 <span v-if="currentPage == totalPage || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true"></span>
739 <a v-else class="next-page" href="#" @click.prevent="goToPage('next')"><span class="screen-reader-text"><?php esc_html_e( 'Next page', 'weforms' ); ?></span><span aria-hidden="true"></span></a>
740
741 <span v-if="isLastPage() || totalPage == 0" class="tablenav-pages-navspan" aria-hidden="true">»</span>
742 <a v-else class="last-page" href="#" @click.prevent="goLastPage()"><span class="screen-reader-text"><?php esc_html_e( 'Last page', 'weforms' ); ?></span><span aria-hidden="true">»</span></a>
743 </span>
744 </div>
745 </div>
746 </div>
747 </script>
748
749 <script type="text/x-template" id="tmpl-wpuf-form-payments">
750 <div class="wpuf-contact-form-payments">
751 <h1 class="wp-heading-inline">
752 <?php esc_html_e( 'Transactions', 'weforms' ); ?>
753 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
754 <span style="color: #999;" class="form-name">{{ form_title }}</span>
755 </h1>
756
757 <router-link class="page-title-action" to="/"><?php esc_html_e( 'Back to forms', 'weforms' ); ?></router-link>
758
759 <wpuf-table
760 has_export="no"
761 action="weforms_form_payments"
762 delete="weforms_form_payments_trash_bulk"
763 :id="id"
764 v-on:ajaxsuccess="form_title = $event.form_title"
765 >
766 </wpuf-table>
767
768 </div></script>
769
770 <script type="text/x-template" id="tmpl-wpuf-home-page">
771 <div class="contact-form-list">
772 <h1 class="wp-heading-inline"><?php esc_html_e( 'All Forms', 'weforms' ); ?></h1>
773 <a class="page-title-action add-form" herf="#" v-on:click.prevent="displayModal()"><?php esc_html_e( 'Add Form', 'weforms' ); ?></a>
774
775 <wpuf-template-modal :show.sync="showTemplateModal" :onClose="closeModal"></wpuf-template-modal>
776
777 <form-list-table></form-list-table>
778 </div></script>
779
780 <script type="text/x-template" id="tmpl-wpuf-tools">
781 <div class="export-import-wrap">
782
783 <h2 class="nav-tab-wrapper">
784 <a :class="['nav-tab', isActiveTab( 'export' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('export')"><?php esc_html_e( 'Export', 'wpuf' ); ?></a>
785 <a :class="['nav-tab', isActiveTab( 'import' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('import')"><?php esc_html_e( 'Import', 'wpuf' ); ?></a>
786 <a :class="['nav-tab', isActiveTab( 'logs' ) ? 'nav-tab-active' : '']" href="#" v-on:click.prevent="makeActive('logs')"><?php esc_html_e( 'Logs', 'wpuf' ); ?></a>
787 </h2>
788
789 <div class="nav-tab-content">
790 <div class="nav-tab-inside" v-show="isActiveTab('export')">
791 <h3><?php esc_html_e( 'Export Utility', 'weforms' ); ?></h3>
792
793 <p><?php esc_html_e( 'You can export your form, as well as exporting the submitted entries by the users', 'weforms' ); ?></p>
794
795 <div class="postboxes metabox-holder two-col">
796 <div class="postbox">
797 <h3 class="hndle"><?php esc_html_e( 'Export Forms', 'weforms' ); ?></h3>
798
799 <div class="inside">
800 <p class="help">
801 <?php esc_html_e( 'You can export your existing contact forms and import the same forms into a different site.', 'weforms' ); ?>
802 </p>
803
804 <template v-if="!loading">
805 <form action="admin-post.php?action=weforms_export_forms" method="post">
806 <p><label><input v-model="exportType" type="radio" name="export_type" value="all" checked> <?php esc_html_e( 'All Forms', 'weforms' ); ?></label></p>
807 <p><label><input v-model="exportType" type="radio" name="export_type" value="selected"> <?php esc_html_e( 'Selected Forms', 'weforms' ); ?></label></p>
808 <p v-show="exportType == 'selected'">
809 <select name="selected_forms[]" class="forms-list" multiple="multiple">
810 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
811 </select>
812 </p>
813
814 <?php wp_nonce_field( 'weforms-export-forms' ); ?>
815 <input type="submit" class="button button-primary" name="weforms_export_forms" value="<?php esc_html_e( 'Export Forms', 'weforms' ); ?>">
816 </form>
817 </template>
818 <template v-else>
819 <div class="spinner loading-spinner is-active"></div>
820 </template>
821 </div>
822 </div><!-- .postbox -->
823
824 <div class="postbox">
825 <h3 class="hndle"><?php esc_html_e( 'Export Form Entries', 'weforms' ); ?></h3>
826
827 <div class="inside">
828 <p class="help">
829 <?php
830 // translators: 1: Opening strong tag. 2: closing strong tag
831 printf(
832 esc_html__( 'Export your form entries/submissions as a %1$sCSV%2$s file.', 'weforms' ),
833 '<strong>',
834 '</strong>'
835 );
836 ?>
837 </p>
838
839 <template v-if="!loading">
840 <form action="admin-post.php?action=weforms_export_form_entries" method="post">
841 <p>
842 <select name="selected_forms" class="forms-list">
843 <option value=""><?php esc_html_e( '&mdash; Select Form &mdash;', 'weforms' ); ?></option>
844 <option v-for="entry in forms" :value="entry.id">{{ entry.title }}</option>
845 </select>
846 </p>
847
848 <?php wp_nonce_field( 'weforms-export-entries' ); ?>
849 <input type="submit" class="button button-primary" name="weforms_export_entries" value="<?php esc_html_e( 'Export Entries', 'weforms' ); ?>">
850 </form>
851 </template>
852 <template v-else>
853 <div class="spinner loading-spinner is-active"></div>
854 </template>
855 </div>
856 </div><!-- .postbox -->
857 </div>
858 </div>
859
860 <div class="nav-tab-inside" v-show="isActiveTab('import')">
861 <h3><?php esc_html_e( 'Import Contact Form', 'weforms' ); ?></h3>
862
863 <p><?php esc_html_e( 'Browse and locate a json file you backed up before.', 'weforms' ); ?></p>
864 <p><?php
865 // translators: 1: Opening strong tag. 2: closing strong tag.
866 printf(
867 esc_html__( 'Press %1$sImport%2$s button, we will do the rest for you.', 'weforms' ),
868 '<strong>',
869 '</strong>'
870 );
871 ?>
872 </p>
873
874 <div class="updated-message notice notice-success is-dismissible" v-if="isSuccess">
875 <p>{{ responseMessage }}</p>
876
877 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
878 <span class="screen-reader-text"><?php esc_html_e( 'Dismiss this notice.', 'weforms' ); ?></span>
879 </button>
880 </div>
881
882 <div class="update-message notice notice-error is-dismissible" v-if="isFailed">
883 <p>{{ responseMessage }}</p>
884
885 <button type="button" class="notice-dismiss" v-on:click="currentStatus = 0">
886 <span class="screen-reader-text"><?php esc_html_e( 'Dismiss this notice.', 'weforms' ); ?></span>
887 </button>
888 </div>
889
890 <form action="" method="post" enctype="multipart/form-data" style="margin-top: 20px;">
891 <input type="file" name="importFile" v-on:change="importForm( $event.target.name, $event.target.files, $event )" accept="application/json" />
892 <button type="submit" :class="['button', isSaving ? 'updating-message' : '']" disabled="disabled">{{ importButton }}</button>
893 </form>
894
895 <hr>
896 <h3><?php esc_html_e( 'Import Other Forms', 'weforms' ); ?></h3>
897 <p><?php esc_html_e( 'You can import other WordPress form plugins into weForms.', 'weforms' ); ?></p>
898
899 <div class="updated" v-if="ximport.title">
900 <p><strong>{{ ximport.title }}</strong></p>
901
902 <p>{{ ximport.message }}</p>
903 <p>{{ ximport.action }}</p>
904
905 <ul v-if="hasRefs">
906 <li v-for="ref in ximport.refs">
907 <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 esc_html_e( 'Edit', 'weforms' ); ?></a>
908 </li>
909 </ul>
910
911 <p>
912 <a href="#" class="button button-primary" @click.prevent="replaceX($event.target, 'replace')"><?php esc_html_e( 'Replace Shortcodes', 'weforms' ); ?></a>&nbsp;
913 <a href="#" class="button" @click.prevent="replaceX($event.target, 'skip')"><?php esc_html_e( 'No Thanks', 'weforms' ); ?></a>
914 </p>
915 </div>
916
917
918 <table style="min-width: 500px;">
919 <tbody>
920 <tr>
921 <td><?php esc_html_e( 'Contact Form 7', 'weforms' ); ?></td>
922 <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 esc_html_e( 'Import', 'weforms' ); ?></button></th>
923 </tr>
924 <tr>
925 <td><?php esc_html_e( 'Ninja Forms', 'weforms' ); ?></td>
926 <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 esc_html_e( 'Import', 'weforms' ); ?></button></th>
927 </tr>
928 <tr>
929 <td><?php esc_html_e( 'Caldera Forms', 'weforms' ); ?></td>
930 <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 esc_html_e( 'Import', 'weforms' ); ?></button></th>
931 </tr>
932 <tr>
933 <td><?php esc_html_e( 'Gravity Forms', 'weforms' ); ?></td>
934 <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 esc_html_e( 'Import', 'weforms' ); ?></button></th>
935 </tr>
936 <tr>
937 <td><?php esc_html_e( 'WP Forms', 'weforms' ); ?></td>
938 <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 esc_html_e( 'Import', 'weforms' ); ?></button></th>
939 </tr>
940 </tbody>
941 </table>
942 </div>
943
944 <div class="nav-tab-inside" v-show="isActiveTab('logs')">
945 <h3>
946 <?php esc_html_e( 'Logs', 'weforms' ); ?>
947
948 <span class="pull-right">
949
950 <button class="button button-large button-secondary" @click.prevent="fetchLogs($event.target)">
951 <span style="margin-top: 4px" class="dashicons dashicons-image-rotate"></span> Reload
952 </button>
953
954 <button class="button button-large button-secondary" @click.prevent="deleteLogs($event.target)" v-if="hasLogs">
955 <span style="margin-top: 4px" class="dashicons dashicons-trash"></span> Delete
956 </button>
957 </span>
958 </h3>
959
960 <table class="wp-list-table widefat fixed striped wpuf-contact-form" v-if="hasLogs">
961 <thead>
962 <tr>
963 <th style="width: 10%"> Type </th>
964 <th style="width: 15%"> Time </th>
965 <th style="width: 75%"> Details </th> </tr>
966 </thead>
967 <tbody>
968 <tr v-for="log in logs">
969 <td> <span> {{ log.type }} </span> </td>
970 <td> <span> {{ log.time }} </span> </td>
971 <td> {{ log.message }} </td>
972 </tr>
973 </tbody>
974 </table>
975 <div v-else>
976 <p><?php esc_html_e( 'No logs found. If any error occurs during an action. Those will be displayed here.', 'weforms' ); ?></p>
977 </div>
978 </div>
979 </div>
980 </div>
981 </script>
982
983 <script type="text/x-template" id="tmpl-wpuf-transactions">
984 <div class="wpuf-contact-form-transactions">
985 <h1 class="wp-heading-inline">
986 <?php esc_html_e( 'Transactions', 'weforms' ); ?>
987 <span class="dashicons dashicons-arrow-right-alt2" style="margin-top: 5px;"></span>
988 <span style="color: #999;" class="form-name">
989 {{ form_title }}
990 </span>
991
992 <select v-if="Object.keys(forms).length " v-model="selected">
993 <option :value="form.id" v-for="form in forms">{{ form.name }}</option>
994 </select>
995 </h1>
996
997 <p v-if="no_transactions">
998 <?php printf(
999 __( 'You don\'t have any transactions yet. Learn how to %sset up payment integration%s and take payments with weFroms.' ),
1000 '<a target="_blank" href="https://weformspro.com/docs/modules/payment/">',
1001 '</a>'
1002 );
1003 ?>
1004 </p>
1005
1006 <wpuf-table v-if="selected"
1007 has_export="no"
1008 action="weforms_form_payments"
1009 delete="weforms_form_payments_trash_bulk"
1010 :id="selected"
1011 v-on:ajaxsuccess="form_title = $event.form_title; $route.params.id = selected"
1012 >
1013 </wpuf-table>
1014
1015 </div>
1016 </script>
1017
1018 <script type="text/x-template" id="tmpl-wpuf-weforms-page-help">
1019 <div class="weforms-help-page">
1020
1021 <div class="help-block">
1022 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/docs.svg" alt="<?php esc_attr_e( 'Looking for Something?', 'weforms' ); ?>">
1023
1024 <h3><?php esc_html_e( 'Looking for Something?', 'weforms' ); ?></h3>
1025
1026 <p><?php esc_html_e( 'We have detailed documentation on every aspects of weForms.', 'weforms' ); ?></p>
1027
1028 <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 esc_html_e( 'Visit the Plugin Documentation', 'weforms' ); ?></a>
1029 </div>
1030
1031 <div class="help-block">
1032 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/support.svg" alt="<?php esc_attr_e( 'Need Any Assistance?', 'weforms' ); ?>">
1033
1034 <h3><?php esc_html_e( 'Need Any Assistance?', 'weforms' ); ?></h3>
1035
1036 <p><?php esc_html_e( 'Our EXPERT Support Team is always ready to Help you out.', 'weforms' ); ?></p>
1037
1038 <a target="_blank" class="button button-primary" href="<?php echo class_exists( 'WeForms_Pro' ) ? esc_url( 'https://weformspro.com/account/premium-support/' ) : esc_url( 'https://wordpress.org/support/plugin/weforms/' );?>"><?php esc_html_e( 'Contact Support', 'weforms' ); ?></a>
1039 </div>
1040
1041 <div class="help-block">
1042 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/bugs.svg" alt="<?php esc_attr_e( 'Found Any Bugs?', 'weforms' ); ?>">
1043
1044 <h3><?php esc_html_e( 'Found Any Bugs?', 'weforms' ); ?></h3>
1045
1046 <p><?php esc_html_e( 'Report any Bug that you Discovered, Get Instant Solutions.', 'weforms' ); ?></p>
1047
1048 <a target="_blank" class="button button-primary" href="https://github.com/BoldGrid/weforms/issues/new"><?php esc_html_e( 'Report to GitHub', 'weforms' ); ?></a>
1049 </div>
1050
1051 <div class="help-block">
1052 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/customization.svg" alt="<?php esc_attr_e( 'Require Customization?', 'weforms' ); ?>">
1053
1054 <h3><?php esc_html_e( 'Require Customization?', 'weforms' ); ?></h3>
1055
1056 <p><?php esc_html_e( 'We would Love to hear your Integration and Customization Ideas.', 'weforms' ); ?></p>
1057
1058 <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 esc_html_e( 'Contact Our Services', 'weforms' ); ?></a>
1059 </div>
1060
1061 <div class="help-block">
1062 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/help/like.svg" alt="<?php esc_attr_e( 'Like The Plugin?', 'weforms' ); ?>">
1063
1064 <h3><?php esc_html_e( 'Like The Plugin?', 'weforms' ); ?></h3>
1065
1066 <p><?php esc_html_e( 'Your Review is very important to us as it helps us to grow more.', 'weforms' ); ?></p>
1067
1068 <a target="_blank" class="button button-primary" href="https://wordpress.org/support/plugin/weforms/reviews/?rate=5#new-post"><?php esc_html_e( 'Review Us on WP.org', 'weforms' ); ?></a>
1069 </div>
1070 </div>
1071 </script>
1072
1073 <script type="text/x-template" id="tmpl-wpuf-weforms-page-privacy">
1074 <div class="wpuf-privacy-page">
1075
1076 <h1><?php esc_html_e('Privacy' , 'weforms'); ?></h1>
1077
1078 <h2><?php esc_html_e( 'Your website may need a Privacy Policy by law' , 'weforms' ); ?></h2>
1079
1080 <p><?php esc_html_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>
1081
1082 <p><?php esc_html_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>
1083
1084 <p><?php esc_html_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>
1085
1086 <p><?php esc_html_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>
1087
1088 <p><?php esc_html_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>
1089
1090 <h2><?php esc_html_e( 'How to add Privacy Policy consent to your forms' , 'weforms' ); ?></h2>
1091
1092 <p><?php esc_html_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>
1093
1094 <ol>
1095 <li><?php esc_html_e( '"Edit" the respective form that you&#39;d like to add a consent checkbox to.' , 'weforms' ); ?></li>
1096 <li><?php esc_html_e( 'Click &#39;checkbox&#39; so that it is added to the bottom of your form.' , 'weforms' ); ?></li>
1097 <li><?php esc_html_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>
1098 </ol>
1099
1100 </div></script>
1101
1102 <script type="text/x-template" id="tmpl-wpuf-weforms-premium">
1103 <div class="weforms-premium">
1104 <?php
1105 // esc_html_e( 'weForms Pro', 'weforms' );
1106 // echo WeForms_Form_Builder_Assets::get_pro_url();
1107 // echo WEFORMS_ASSET_URI; /images/integrations/mailchimp.svg"
1108 ?>
1109 <!-- start banner section -->
1110 <div id="banner" class="wf-banner-section wf-section-wrapper">
1111 <!-- banner left column -->
1112 <div class="banner-left-column">
1113 <div class="banner-icon">
1114 <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">
1115 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1116 <g id="Premium-Page-Design-for-weForms" transform="translate(-298.000000, -174.000000)" fill="#4CDAA0">
1117 <g id="Group-3" transform="translate(285.000000, 163.000000)">
1118 <g id="Page-1-Copy-6" transform="translate(13.076923, 11.538462)">
1119 <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>
1120 </g>
1121 </g>
1122 </g>
1123 </g>
1124 </svg>
1125 </div>
1126 <div class="banner-content">
1127 <h1><?php esc_html_e( 'weForms Pro', 'weforms' ); ?></h1>
1128 <p><?php esc_html_e( 'Upgrade to the premium versions of weForms and <br>unlock even more useful features.' ); ?></p>
1129 </div>
1130 <div class="banner-buttons">
1131 <a href="https://weformspro.com/pricing" class="wf-btn wf-btn-primary" target="_blank"><?php esc_html_e( 'Buy Now', 'weforms' ); ?></a>
1132 <a href="https://weformspro.com/docs/" class="wf-btn wf-btn-default" target="_blank"><?php esc_html_e( 'Read Full Guide', 'weforms' ); ?></a>
1133 </div>
1134 </div><!-- end banner left column -->
1135
1136
1137 <!-- video modal -->
1138
1139 <div id="wf-video-modal" :class="['wf-modal', showModal ? 'wf-modal-open': '']" role="dialog" @click="showModal = false">
1140 <div class="wf-modal-dialog">
1141 <div class="wf-modal-content">
1142 <span class="modal-close" @click="showModal = false">x</span>
1143 <div class="wf-modal-body">
1144 <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>
1145 </div>
1146 </div>
1147 </div>
1148 </div>
1149
1150
1151 <!-- banner right column -->
1152 <div class="banner-right-column">
1153 <div class="banner-thumb">
1154 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/banner-thumb.svg" alt="Banner">
1155 <!-- <a class="video-play-icon" href="#" @click.prevent="showModal = true">
1156 <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">
1157 <defs>
1158 <linearGradient x1="50%" y1="100%" x2="12.980572%" y2="0%" id="linearGradient-1">
1159 <stop stop-color="#12CE66" offset="0%"></stop>
1160 <stop stop-color="#7EE6D1" offset="100%"></stop>
1161 </linearGradient>
1162 </defs>
1163 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1164 <g id="Premium-Page-Design-for-weForms" transform="translate(-1106.000000, -335.000000)" fill="url(#linearGradient-1)">
1165 <g id="Group-9" transform="translate(1087.000000, 318.000000)">
1166 <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>
1167 </g>
1168 </g>
1169 </g>
1170 </svg>
1171 </a> -->
1172 </div>
1173 </div><!-- end banner right column -->
1174
1175 </div><!-- end banner section -->
1176
1177 <!-- start features section -->
1178 <div id="features" class="wf-features-wrapper wf-section-wrapper">
1179 <div class="section-header">
1180 <h2><?php esc_html_e( 'More Features', 'weforms' ); ?></h2>
1181 </div>
1182 <div class="section-content">
1183 <div class="feature-row">
1184 <div class="feature-column feature-advance-fields">
1185 <div class="feature-thumb">
1186 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/advance-fields.svg" alt="Advanced Fields">
1187 </div>
1188 <div class="feature-content">
1189 <h3><?php esc_html_e( 'Advance Fields', 'weforms' ); ?></h3>
1190 <p><?php esc_html_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>
1191 </div>
1192 </div>
1193 <div class="feature-column feature-conditional-logic">
1194 <div class="feature-thumb">
1195 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/conditional-logic.svg" alt="Conditional Logic">
1196 </div>
1197 <div class="feature-content">
1198 <h3><?php esc_html_e( 'Conditional Logic', 'weforms' ); ?></h3>
1199 <p><?php esc_html_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>
1200 </div>
1201 </div>
1202 <div class="feature-column feature-multi-step">
1203 <div class="feature-thumb">
1204 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/multistep-form.svg" alt="Multi Step">
1205 </div>
1206 <div class="feature-content">
1207 <h3><?php esc_html_e( 'Multi-step Form', 'weforms' ); ?></h3>
1208 <p><?php esc_html_e( 'Break down the long forms into small and attractive multi step forms. Long and lengthy forms are uninviting, why build one?', 'weforms' ); ?></p>
1209 </div>
1210 </div>
1211 <div class="feature-column feature-file-uploaders">
1212 <div class="feature-thumb">
1213 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/file-uploader.svg" alt="File uploaders">
1214 </div>
1215 <div class="feature-content">
1216 <h3><?php esc_html_e( 'File Uploaders', 'weforms' ); ?></h3>
1217 <p><?php esc_html_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>
1218 </div>
1219 </div>
1220 <div class="feature-column feature-notification">
1221 <div class="feature-thumb">
1222 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/notification.svg" alt="Form Submit Notification">
1223 </div>
1224 <div class="feature-content">
1225 <h3><?php esc_html_e( 'Form Submission Notication', 'weforms' ); ?></h3>
1226 <p><?php esc_html_e( 'Receive email notification every time your form is submitted. You can now configure the notification settings just as you like it.', 'weforms' ); ?></p>
1227 </div>
1228 </div>
1229 <div class="feature-column feature-submission">
1230 <div class="feature-thumb">
1231 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/features/submission.svg" alt="Manage Submission">
1232 </div>
1233 <div class="feature-content">
1234 <h3><?php esc_html_e( 'Manage Submission', 'weforms' ); ?></h3>
1235 <p><?php esc_html_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>
1236 </div>
1237 </div>
1238 </div>
1239 </div>
1240 </div><!-- end features section -->
1241
1242 <!-- start integration section -->
1243 <div id="integration" class="wf-integration-wrapper wf-section-wrapper">
1244 <div class="section-header">
1245 <h2><?php esc_html_e( 'More Integrations', 'weforms' ); ?></h2>
1246 </div>
1247 <div class="section-content">
1248 <div class="integration-row">
1249 <div class="integration-column">
1250 <div class="integration-thumb">
1251 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/mailchimp.svg" alt="Mailchimp integration">
1252 </div>
1253 <div class="integration-content">
1254 <h3><?php esc_html_e( 'Mailchimp', 'weforms' ); ?></h3>
1255 <p><?php esc_html_e( 'Integrate your desired form to your MailChimp email newsletter using latest API.', 'weforms' ); ?></p>
1256 </div>
1257 </div>
1258
1259 <div class="integration-column">
1260 <div class="integration-thumb">
1261 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/campaign-monitor.svg" alt="Campaign Monitor">
1262 </div>
1263 <div class="integration-content">
1264 <h3><?php esc_html_e( 'Campaign Monitor', 'weforms' ); ?></h3>
1265 <p><?php esc_html_e( 'Lets you add submission form in your Campaign Monitor email campaigns too.', 'weforms' ); ?></p>
1266 </div>
1267 </div>
1268
1269 <div class="integration-column">
1270 <div class="integration-thumb">
1271 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/constant-contact.svg" alt="Constant Contact">
1272 </div>
1273 <div class="integration-content">
1274 <h3><?php esc_html_e( 'Constant Contact', 'weforms' ); ?></h3>
1275 <p><?php esc_html_e( 'Integrate your contact forms seamlessly with your Constant Contact account.', 'weforms' ); ?></p>
1276 </div>
1277 </div>
1278
1279 <div class="integration-column">
1280 <div class="integration-thumb">
1281 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/mailpoet.svg" alt="MailPoet">
1282 </div>
1283 <div class="integration-content">
1284 <h3><?php esc_html_e( 'MailPoet', 'weforms' ); ?></h3>
1285 <p><?php esc_html_e( 'Why only MailChimp? Do the same for MailPoet email campaigns as well!', 'weforms' ); ?></p>
1286 </div>
1287 </div>
1288
1289 <div class="integration-column">
1290 <div class="integration-thumb">
1291 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/aweber.svg" alt="AWeber">
1292 </div>
1293 <div class="integration-content">
1294 <h3><?php esc_html_e( 'AWeber', 'weforms' ); ?></h3>
1295 <p><?php esc_html_e( 'Use highly customizable forms and create subscriber’s list for AWber email solution.', 'weforms' ); ?></p>
1296 </div>
1297 </div>
1298
1299 <div class="integration-column">
1300 <div class="integration-thumb">
1301 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/get-response.svg" alt="Get Response">
1302 </div>
1303 <div class="integration-content">
1304 <h3><?php esc_html_e( 'Get Response', 'weforms' ); ?></h3>
1305 <p><?php esc_html_e( 'Enjoy seamless integration of weForms with your Get Response account.', 'weforms' ); ?></p>
1306 </div>
1307 </div>
1308
1309 <div class="integration-column">
1310 <div class="integration-thumb">
1311 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/convert-kit.svg" alt="ConvertKit">
1312 </div>
1313 <div class="integration-content">
1314 <h3><?php esc_html_e( 'ConvertKit', 'weforms' ); ?></h3>
1315 <p><?php esc_html_e( 'Subscribe a contact to ConvertKit when a form is submited.', 'weforms' ); ?></p>
1316 </div>
1317 </div>
1318
1319 <div class="integration-column">
1320 <div class="integration-thumb">
1321 <img src="<?php echo WEFORMS_ASSET_URI; ?>/images/premium/integrations/more-integration.svg" alt="More.Integration">
1322 </div>
1323 <div class="integration-content">
1324 <h3><?php esc_html_e( 'More...', 'weforms' ); ?></h3>
1325 <p><?php esc_html_e( 'A bunch of more integrations are coming soon.', 'weforms' ); ?></p>
1326 </div>
1327 </div>
1328
1329 </div>
1330 </div>
1331 </div><!-- end integration section -->
1332
1333 <!-- start footer section -->
1334 <section id="import" class="wf-import-wrapper">
1335 <div class="section-content">
1336 <div class="import-left">
1337 <div class="import-icon">
1338
1339 <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">
1340 <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
1341 <g id="Premium-Page-Design-for-weForms" transform="translate(-278.000000, -2204.000000)" fill="#FFFFFF">
1342 <g id="Group-3" transform="translate(261.000000, 2189.000000)">
1343 <g id="Page-1-Copy-6" transform="translate(17.000000, 15.000000)">
1344 <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>
1345 </g>
1346 </g>
1347 </g>
1348 </g>
1349 </svg>
1350 </div>
1351 <div class="import-text">
1352 <p><?php esc_html_e( 'Extend the functionalities while', 'weforms' ); ?></p>
1353 <h2><?php esc_html_e( 'Building WordPress Forms', 'wefoms' ); ?></h2>
1354 </div>
1355 </div>
1356 <div class="import-right">
1357 <a href="https://weformspro.com/pricing" target="_blank" class="wf-btn wf-btn-primary wf-btn-lg"><?php esc_html_e( 'Upgrade Now', 'weforms' ); ?></a>
1358 </div>
1359 </div>
1360 </section><!-- end footer section -->
1361
1362 </div>
1363 </script>
1364
1365 <script type="text/x-template" id="tmpl-wpuf-weforms-settings">
1366 <div class="weforms-settings clearfix" id="weforms-settings">
1367
1368 <h1><?php esc_html_e( 'Settings', 'weforms' ); ?></h1>
1369 <div id="weforms-settings-tabs-warp" class="<?php echo !function_exists( 'weforms_pro' ) ? 'weforms-pro-deactivate' : ''; ?>">
1370 <div id="weforms-settings-tabs">
1371 <ul>
1372 <?php
1373 $tabs = apply_filters( 'weforms_settings_tabs', [] );
1374
1375 foreach ( $tabs as $key => $tab ) {
1376 ?>
1377 <li>
1378 <a
1379 href="#"
1380 :class="['we-settings-nav-tab', isActiveTab( '<?php echo $key; ?>' ) ? 'we-settings-nav-tab-active' : '']"
1381 v-on:click.prevent="makeActive( '<?php echo $key; ?>' )"
1382 >
1383 <?php
1384
1385 if ( !empty( $tab['icon'] ) ) {
1386 printf( '<img src="%s">', $tab['icon'] );
1387 } ?>
1388 <?php esc_html_e( $tab['label'], 'weforms' ); ?>
1389 </a>
1390 </li>
1391
1392 <?php
1393 }
1394
1395 do_action( 'weforms_settings_tabs_area' );
1396 ?>
1397 </ul>
1398 </div>
1399
1400 <div id="weforms-settings-tabs-contents">
1401
1402 <?php
1403 foreach ( $tabs as $key => $tab ) {
1404 ?>
1405 <div id="weforms-settings-<?php echo $key; ?>" class="tab-content" v-show="isActiveTab('<?php echo $key; ?>')">
1406 <?php do_action( 'weforms_settings_tab_content_' . $key, $tab ); ?>
1407 </div>
1408 <?php
1409 }
1410
1411 do_action( 'weforms_settings_tabs_contents' );
1412 ?>
1413
1414 </div>
1415 </div>
1416
1417 <?php if ( !function_exists( 'weforms_pro' ) ) { ?>
1418
1419 <div id="weforms-settings-page-sidebar" class="weforms-settings-page-sidebar">
1420 <div class="weforms-settings-page-sidebar-content">
1421 <h2>Upgrade to <br><strong style="color:#57AB64">weForms Pro</strong></h2>
1422
1423 <ul class="weforms-pro-features">
1424 <li><span class="dashicons dashicons-yes"></span> Integration with email marketing solutions such as Aweber, GetResponse, ConvertKit etc.</li>
1425 <li><span class="dashicons dashicons-yes"></span> Connect with productivity tools such as Google Analytics, Zapier, Trello, Google Sheets.</li>
1426 <li><span class="dashicons dashicons-yes"></span> Manage payments directly from your forms with PayPal & Stripe.</li>
1427 <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>
1428 <li><span class="dashicons dashicons-yes"></span> Create quiz forms, calculate numbers directly in your form, set geolocation and more in weForms Pro.</li>
1429 </ul>
1430
1431 <a href="https://weformspro.com/pricing" target="_blank" class="button button-primary">Get weForms Pro</a>
1432 </div>
1433 </div>
1434
1435 <?php } ?>
1436 </div>
1437 </script>
1438