PluginProbe
Smart Grid-Layout Design for Contact Form 7 / 3.2.0
Smart Grid-Layout Design for Contact Form 7 v3.2.0
4.18.0 4.17.0 3.2.0 3.2.1 3.3.0 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.3.6 3.3.7 3.3.8 4.0.0 4.0.1 4.1.0 4.1.1 4.1.2 4.1.3 4.1.4 4.10 4.11 4.12 4.13 4.14 All 119 releases
cf7-grid-layout / admin / partials / cf7-grid-layout-admin-display.php

cf7-grid-layout-admin-display.php in Smart Grid-Layout Design for Contact Form 7 3.2.0, at admin/partials/cf7-grid-layout-admin-display.php

178 lines 9.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <h2><?php echo esc_html( __cf7sg( 'Form' ) ); ?></h2>
2 <div id="top-tags">
3 <?php
4 $tag_generator = WPCF7_TagGenerator::get_instance();
5 $tag_generator->print_buttons();
6 ?>
7 </div>
8 <div id="form-editor-tabs">
9 <ul>
10 <li><a href="#cf7-editor-grid"><?=__('Grid','cf7-grid-layout')?></a></li>
11 <li><a href="#cf7-codemirror"><?=__('Text','cf7-grid-layout')?></a></li>
12 </ul>
13 <div id="cf7-editor-grid">
14 <div id="grid-form"></div>
15 </div>
16 <div id="cf7-codemirror">
17 <textarea id="wpcf7-form" class="cf7-sg-hidden codemirror-cf7-update">
18 <?= esc_textarea( $form_post->prop( 'form' ) );
19 /** @since 2.8.3 rename codemirror textarea##wpcf7-form adn initially popullate with form. */?>
20 </textarea>
21 </div>
22 </div>
23 <textarea id="wpcf7-form-hidden" name="wpcf7-form" class="hidden large-text code" data-config-field="form.body"><?= esc_textarea( $form_post->prop( 'form' ) );?></textarea>
24 <!-- cf7sg - track embeded sub-forms -->
25 <input type="hidden" value="" id="cf7sg-embeded-forms" name="cf7sg-embeded-forms" />
26 <input type="hidden" value="" id="cf7sg-tabs-fields" name="cf7sg-tabs-fields" />
27 <input type="hidden" value="" id="cf7sg-table-fields" name="cf7sg-table-fields" />
28 <input type="hidden" value="" id="cf7sg-toggle-fields" name="cf7sg-toggle-fields" />
29 <?php
30 $tag_generator = WPCF7_TagGenerator::get_instance();
31 $tag_generator->print_buttons();
32 ?>
33 <div id="grid-row">
34 <div class="container">
35 <div class="row">
36 <div class="columns full"></div>
37 <div class="row-controls">
38 <span class="dashicons dashicons-edit row-control"></span>
39 <span class="dashicons dashicons-no-alt row-control"></span>
40 <span class="dashicons dashicons-move row-control"></span>
41 <span class="dashicons dashicons-plus row-control"></span>
42 <span class="dashicons dashicons-trash row-control"></span>
43 <div class="grid-controls">
44 <label class="collapsible-row-label unique-mod">
45 <?=__('Row collapsible','cf7-grid-layout')?>
46 <input type="checkbox" class="collapsible-row" />
47 </label>
48 <label class="cf7-sg-hidden table-row-label unique-mod">
49 <?=__('Row table input','cf7-grid-layout')?>
50 <input type="checkbox" class="table-row" />
51 </label>
52 <label class="table-row-button">
53 <?=__('Button label','cf7-grid-layout')?>
54 <input type="text" value="<?= __('Add Row','cf7-grid-layout')?>"/>
55 </label>
56 <label class="cf7-sg-hidden footer-row-label unique-mod">
57 <?=__('Row table footer','cf7-grid-layout')?>
58 <input type="checkbox" class="footer-row" />
59 </label>
60 <label class="cf7-sg-hidden tabs-row-label unique-mod">
61 <?=__('Tabbed section','cf7-grid-layout')?>
62 <input type="checkbox" class="tabs-row" />
63 </label>
64 </div>
65 </div>
66 </div>
67 </div>
68 </div>
69 <div id="grid-cf7-forms">
70 <div class="cf7sg-external-form" data-form="">
71 <div class="form-controls">
72 <select class="form-select">
73 <option value=""><?=__('Select contact form 7','cf7-grid-layout')?></option>
74 <?php
75 $cf7_forms = get_posts(array(
76 'post_type' => 'wpcf7_contact_form',
77 'post_status'=> 'publish',
78 'posts_per_page' => -1,
79 'post__not_in' => array($form_post->id())
80 ));
81 if(!empty($cf7_forms)):
82 foreach($cf7_forms as $cf7_form):
83 ?>
84 <option value="<?php echo $cf7_form->post_name ?>"><?php echo $cf7_form->post_title ?></option>
85 <?php endforeach;
86 wp_reset_postdata();
87 endif;
88 ?>
89 </select>
90 <div class="row-controls">
91 <span class="dashicons dashicons-move form-control"></span>
92 <span class="dashicons dashicons-plus form-control"></span>
93 <span class="dashicons dashicons-trash form-control"></span>
94 </div>
95 </div>
96 <div class="cf7sg-external-form-content"></div>
97 </div>
98 </div>
99 <div id="grid-collapsible">
100 <div class="cf7sg-collapsible-title"><label><?=__('Section title','cf7-grid-layout')?> <input type="text" /><input type="hidden" /><input type="checkbox" /><span><?=__('toggled','cf7-grid-layout')?></span></label></div>
101 </div>
102 <div id="grid-collapsible-with-toggle">
103 <div class="toggle toggle-light" data-on="Yes" data-off="No"></div>
104 </div>
105 <div id="grid-tabs">
106 <ul class="cf7-sg-tabs-list">
107 <li><a href="" class="cf7-sg-hidden"></a><label><?=__('Tab label','cf7-grid-layout')?><input type="text" /></label></li>
108 </ul>
109 </div>
110 <div id="grid-helper">
111 <span class="dashicons dashicons-no-alt"></span>
112 <span class="copy-helper"><?=__('Click to copy!','cf7-grid-layout')?></span>
113 <p><?=__('Click-to-copy &amp; paste in your <em>functions.php</em> file.','cf7-grid-layout')?></p>
114 <ul class="cf7sg-helper-list"></ul>
115 </div>
116 <div id="grid-col">
117 <div class="grid-column">
118 <span class="dashicons dashicons-edit column-control"></span>
119 <span class="dashicons dashicons-no-alt column-control"></span>
120 <span class="dashicons dashicons-plus column-control"></span>
121 <span class="dashicons dashicons-controls-repeat column-control" style="display:none;"></span>
122 <span class="dashicons dashicons-trash column-control"></span>
123 <span class="dashicons dashicons-move column-control"></span>
124 <span class="icon-code column-control"></span>
125 <div class="grid-controls">
126 <?=__('Column offset:','cf7-grid-layout')?><br />
127 <select class="column-offset select2 column-setting">
128 <option value="" selected><?=__('no offset','cf7-grid-layout')?></option>
129 <option value="offset-one"><?=__('one (1/12<sup>th</sup>)','cf7-grid-layout')?></option>
130 <option value="offset-two"><?=__('two (1/6<sup>th</sup>)','cf7-grid-layout')?></option>
131 <option value="offset-three"><?=__('three (1/4<sup>th</sup>)','cf7-grid-layout')?></option>
132 <option value="offset-four"><?=__('four (1/3<sup>rd</sup>)','cf7-grid-layout')?></option>
133 <option value="offset-five"><?=__('five (5/12<sup>ths</sup>)','cf7-grid-layout')?></option>
134 <option value="offset-six"><?=__('half','cf7-grid-layout')?></option>
135 <option value="offset-seven"><?=__('seven (7/12<sup>ths</sup>)','cf7-grid-layout')?></option>
136 <option value="offset-eight"><?=__('eight (2/3<sup>rds</sup>)','cf7-grid-layout')?></option>
137 <option value="offset-nine"><?=__('nine (3/4<sup>ths</sup>)','cf7-grid-layout')?></option>
138 <option value="offset-ten"><?=__('ten (5/6<sup>ths</sup>)','cf7-grid-layout')?></option>
139 <option value="offset-eleven"><?=__('eleven (11/12<sup>ths</sup>)','cf7-grid-layout')?></option>
140 </select>
141 <?=__('Column size:','cf7-grid-layout')?><br />
142 <select class="column-size select2 column-setting">
143 <option value="one"><?=__('one (1/12<sup>th</sup>)','cf7-grid-layout')?></option>
144 <option value="two"><?=__('two (1/6<sup>th</sup>)','cf7-grid-layout')?></option>
145 <option value="one-fourth"><?=__('three (1/4<sup>th</sup>)','cf7-grid-layout')?></option>
146 <option value="one-third"><?=__('four (1/3<sup>rd</sup>)','cf7-grid-layout')?></option>
147 <option value="five"><?=__('five (5/12<sup>ths</sup>)','cf7-grid-layout')?></option>
148 <option value="one-half"><?=__('half width','cf7-grid-layout')?></option>
149 <option value="seven"><?=__('seven (7/12<sup>ths</sup>)','cf7-grid-layout')?></option>
150 <option value="two-thirds"><?=__('eight (2/3<sup>rds</sup>)','cf7-grid-layout')?></option>
151 <option value="nine"><?=__('nine (3/4<sup>ths</sup>)','cf7-grid-layout')?></option>
152 <option value="ten"><?=__('ten (5/6<sup>ths</sup>)','cf7-grid-layout')?></option>
153 <option value="eleven"><?=__('eleven (11/12<sup>ths</sup>)','cf7-grid-layout')?></option>
154 <option value="full" selected><?=__('full wifth','cf7-grid-layout')?></option>
155 </select>
156 <a id="new-row" class="button make-grid" href="javascript:void(0);"><?= __('Make grid', 'cf7-grid-layout');?></a>
157 <a class="button external-form" href="javascript:void(0);"><?= __('Insert form', 'cf7-grid-layout');?></a>
158 </div>
159 <div class="cf7-field-label cf7-field-inner">
160 <p class="content"><?=__('Field label','cf7-grid-layout')?></p>
161 <input type="text" placeholder="<?=__('Field label','cf7-grid-layout')?>"/>
162 <span class="dashicons dashicons-no-alt field-control"></span>
163 </div>
164 <div class="cf7-field-type cf7-field-inner">
165 <p class="content"><?=__('[select a field]','cf7-grid-layout')?></p>
166 <textarea placeholder="<?=__('select a field','cf7-grid-layout')?>"></textarea>
167 <span class="dashicons dashicons-no-alt field-control"></span>
168 </div>
169 <div class="cf7-field-tip cf7-field-inner">
170 <p class="content"><?=__('describe your field','cf7-grid-layout')?></p>
171 <input type="text" placeholder="<?=__('describe your field here','cf7-grid-layout')?>" />
172 <span class="dashicons dashicons-no-alt field-control"></span>
173 </div>
174 <textarea class="grid-input"></textarea>
175 </div>
176 </div>
177 <?php
178