Home Explore Help
Sign In
website
/
finlabsindia
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
finlabsindia
/
wp-content
/
plugins
/
jetpack
/
modules
/
contact-form
/
grunion-form-view.php

grunion-form-view.php 17 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251 
  1. <?php
    2. 

  2. /**
    3. 

  3.  * Template for form builder
    4. 

  4.  */
    5. 

  5. 

  6. /**
    7. 

  7.  * Filter to modify the limit of 5 additional contact form fields.
    8. 

  8.  *
    9. 

  9.  * @module contact-form
    10. 

  10.  *
    11. 

  11.  * @since 3.2.0
    12. 

  12.  *
    13. 

  13.  * @param int 5 Maximum number of additional fields.
    14. 

  14.  */
    15. 

  15. $max_new_fields = apply_filters( 'grunion_max_new_fields', 5 );
    16. 

  16. 

  17. wp_register_script(
    18. 

  18. 	'grunion',
    19. 

  19. 	Jetpack::get_file_url_for_environment(
    20. 

  20. 		'_inc/build/contact-form/js/grunion.min.js',
    21. 

  21. 		'modules/contact-form/js/grunion.js'
    22. 

  22. 	),
    23. 

  23. 	array( 'jquery-ui-sortable', 'jquery-ui-draggable' ),
    24. 

  24. 	JETPACK__VERSION
    25. 

  25. );
    26. 

  26. 

  27. wp_localize_script( 'grunion', 'GrunionFB_i18n', array(
    28. 

  28. 	'nameLabel' => esc_attr( _x( 'Name', 'Label for HTML form "Name" field in contact form builder', 'jetpack' ) ),
    29. 

  29. 	'emailLabel' => esc_attr( _x( 'Email', 'Label for HTML form "Email" field in contact form builder', 'jetpack' ) ),
    30. 

  30. 	'urlLabel' => esc_attr( _x( 'Website', 'Label for HTML form "URL/Website" field in contact form builder', 'jetpack' ) ),
    31. 

  31. 	'commentLabel' => esc_attr( _x( 'Comment', 'noun', 'jetpack' ) ),
    32. 

  32. 	'newLabel' => esc_attr( _x( 'New Field', 'Default label for new HTML form field in contact form builder', 'jetpack' ) ),
    33. 

  33. 	'optionsLabel' => esc_attr( _x( 'Options', 'Label for the set of options to be included in a user-created dropdown in contact form builder', 'jetpack' ) ),
    34. 

  34. 	'optionsLabel' => esc_attr( _x( 'Option', 'Label for an option to be included in a user-created dropdown in contact form builder', 'jetpack' ) ),
    35. 

  35. 	'firstOptionLabel' => esc_attr( _x( 'First option', 'Default label for the first option to be included in a user-created dropdown in contact form builder', 'jetpack' ) ),
    36. 

  36. 	'problemGeneratingForm' => esc_attr( _x( "Oops, there was a problem generating your form.  You'll likely need to try again.", 'error message in contact form builder', 'jetpack' ) ),
    37. 

  37. 	'moveInstructions' => esc_attr__( "Drag up or down\nto re-arrange", 'jetpack' ),
    38. 

  38. 	'moveLabel' => esc_attr( _x( 'move', 'Label to drag HTML form fields around to change their order in contact form builder', 'jetpack' ) ),
    39. 

  39. 	'editLabel' => esc_attr( _x( 'edit', 'Link to edit an HTML form field in contact form builder', 'jetpack' ) ),
    40. 

  40. 	'savedMessage' => esc_attr__( 'Saved successfully', 'jetpack' ),
    41. 

  41. 	'requiredLabel' => esc_attr( _x( '(required)', 'This HTML form field is marked as required by the user in contact form builder', 'jetpack' ) ),
    42. 

  42. 	'exitConfirmMessage' => esc_attr__( 'Are you sure you want to exit the form editor without saving?  Any changes you have made will be lost.', 'jetpack' ),
    43. 

  43. 	'maxNewFields' => intval( $max_new_fields ),
    44. 

  44. ) );
    45. 

  45. 

  46. ?>
    47. 

  47. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    48. 

  48. <html xmlns="http://www.w3.org/1999/xhtml">
    49. 

  49. <head>
    50. 

  50. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    51. 

  51. <title><?php esc_html_e( 'Contact Form', 'jetpack' ); ?></title>
    52. 

  52. <script type="text/javascript">
    53. 

  53. 	var ajaxurl = '<?php echo admin_url('admin-ajax.php'); ?>';
    54. 

  54. 	var postId = <?php echo absint( $_GET['post_id'] ); ?>;
    55. 

  55. 	var ajax_nonce_shortcode = '<?php echo wp_create_nonce( 'grunion_shortcode' ); ?>';
    56. 

  56. 	var ajax_nonce_json = '<?php echo wp_create_nonce( 'grunion_shortcode_to_json' ); ?>';
    57. 

  57. </script>
    58. 

  58. <?php wp_print_scripts( 'grunion' ); ?>
    59. 

  59. <script type="text/javascript">
    60. 

  60. 	jQuery(document).ready(function () {
    61. 

  61. 		FB.ContactForm.init();
    62. 

  62. 		FB.ContactForm.resizePop();
    63. 

  63. 	});
    64. 

  64. 	jQuery(window).resize(function() {
    65. 

  65. 	  	setTimeout(function () { FB.ContactForm.resizePop(); }, 50);
    66. 

  66. 	});
    67. 

  67. </script>
    68. 

  68. <style>
    69. 

  69. 	/* Reset */
    70. 

  70. 	html { height: 100%; }
    71. 

  71. 	body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
    72. 

  72. 	body { background: #F9F9F9; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size:12px; color: #333; line-height:1.5em; height: 100%; width: 100%; padding-bottom: 20px !important; }
    73. 

  73. 	a { color: #21759B; text-decoration: none; }
    74. 

  74. 	a:hover { text-decoration: underline; text-shadow: none !important; }
    75. 

  75. 	h1 { font-size: 21px; color:#5A5A5A; font-family:Georgia,"Times New Roman",Times,serif; font-weight:normal; margin-bottom: 21px; }
    76. 

  76. 	h3 { font-size: 13px; color: #666; margin-bottom: 18px; }
    77. 

  77. 	input { width: 301px; }
    78. 

  78. 	input[type='text'] { padding: 3px 5px; margin-right: 4px; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; }
    79. 

  79. 	input[type='text']:focus { border: 2px solid #80B8D9; outline: 0 !important; }
    80. 

  80. 	input[type='checkbox'], input[type='radio'] { width: auto !important; float: left; margin-top: 3px; margin-right: 8px; }
    81. 

  81. 	input.fieldError, select.fieldError, textarea.fieldError { border: 2px solid #D56F55; }
    82. 

  82. 	img { border: none; }
    83. 

  83. 	label { color: #222; font-weight: bold; display: block; margin-bottom: 4px; }
    84. 

  84. 	label.radio { width: auto; margin: -2px 0 0 5px; }
    85. 

  85. 	label span.label-required { color: #AAA; margin-left: 4px; font-weight: normal; }
    86. 

  86. 	td { vertical-align: top; }
    87. 

  87. 	select { width: 300px; }
    88. 

  88. 	textarea { height: 100px; width: 311px; }
    89. 

  89. 	/* Core */
    90. 

  90. 	#media-upload-header { border-bottom: 1px solid #DFDFDF; font-weight:bold; margin:0; padding:3px 5px 0 5px; position:relative; background: #FFF; }
    91. 

  91. 	#sidemenu { bottom:-1px; font-size:12px; list-style:none outside none; padding-left:10px; position:relative; left:0; margin:0 5px; overflow:hidden; }
    92. 

  92. 	#sidemenu a { text-decoration:none; border-top: 1px solid #FFF; display:block; float:left; line-height:28px; padding:0 13px; outline: none; }
    93. 

  93. 	#sidemenu a.current { background-color:#F9F9F9; border-color:#DFDFDF #DFDFDF #F9F9F9; color:#D54E21; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-style:solid; border-width:1px; font-weight:normal; }
    94. 

  94. 	#sidemenu li { display:inline; margin-bottom:6px; line-height:200%; list-style:none outside none; margin:0; padding:0; text-align:center; white-space:nowrap; }
    95. 

  95. 	.button { background-color:#f2f2f2; border-color:#BBBBBB; min-width:80px; text-align:center; color:#464646; text-shadow:0 1px 0 #FFFFFF; border-style:solid; border-width:1px; cursor:pointer; width: auto; font-size:11px !important; line-height:13px; padding:3px 11px; margin-top: 12px; text-decoration:none; -moz-border-radius:11px; border-radius:11px; -webkit-border-radius:11px }
    96. 

  96. 	.button-primary { background-color:#21759B; font-weight: bold; border-color:#298CBA; text-align:center; color:#EAF2FA; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3); border-style:solid; border-width:1px; cursor:pointer; width: auto; font-size:11px !important; line-height:13px; padding:3px 11px; margin-top: 21px; text-decoration:none; -moz-border-radius:11px; border-radius:11px; -webkit-border-radius:11px }
    97. 

  97. 	.clear { clear: both; }
    98. 

  98. 	.fb-add-field { padding-left: 10px; }
    99. 

  99. 	.fb-add-option { margin: 0 0 14px 100px; }
    100. 

  100. 	.fb-container { margin: 21px; padding-bottom: 20px; }
    101. 

  101. 	.fb-desc, #fb-add-field { margin-top: 34px; }
    102. 

  102. 	.fb-extra-fields { margin-bottom: 2px; }
    103. 

  103. 	.fb-form-case { background: #FFF; padding: 13px; border: 1px solid #E2E2E2; width: 336px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px }
    104. 

  104. 	.fb-form-case a { outline: none; }
    105. 

  105. 	.fb-form-case input[type='text'], .fb-form-case textarea { background: #E1E1E1; }
    106. 

  106. 	.fb-radio-label { display: inline-block; float: left; width: 290px; }
    107. 

  107. 	.fb-new-fields { position: relative; border: 1px dashed #FFF; background: #FFF; padding: 4px 10px 10px; cursor: default; }
    108. 

  108. 	.fb-new-fields:hover { border: 1px dashed #BBDBEA; background: #F7FBFD; }
    109. 

  109. 	.fb-options { width: 170px !important; }
    110. 

  110. 	.fb-remove { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-field.gif') no-repeat; position: absolute; cursor: pointer !important; right: -26px; top: 27px; width: 20px; height: 23px; }
    111. 

  111. 	.fb-remove:hover { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-field-hover.gif') no-repeat; }
    112. 

  112. 	.fb-remove-small { top: 2px !important; }
    113. 

  113. 	.fb-remove-option { position: absolute; top: 1px; right: 10px; width: 20px; height: 23px; background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-option.gif') no-repeat; }
    114. 

  114. 	.fb-remove-option:hover { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-option-hover.gif') no-repeat; }
    115. 

  115. 	.fb-reorder { cursor: move; position: relative; }
    116. 

  116. 	.fb-reorder:hover div { display: block !important; width: 130px !important; position: absolute; top: 0; right: 0; z-index: 200; padding: 5px 10px; color: #555; font-size: 11px; background: #FFF; border: 1px solid #CCC; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
    117. 

  117. 	.fb-right { position: absolute; right: 0; top: 0; width: 315px; margin: 57px 21px 0 0; }
    118. 

  118. 	.fb-right .fb-new-fields { border: none; background: #F9F9F9; padding: 0; }
    119. 

  119. 	.fb-right input[type='text'] { width: 195px; margin-bottom: 14px; }
    120. 

  120. 	.fb-right label { color: #444; width: 100px; float: left; font-weight: normal; }
    121. 

  121. 	.fb-right select { width: 195px !important; margin-bottom: 14px; }
    122. 

  122. 	.fb-right textarea { margin-bottom: 13px; }
    123. 

  123. 	.fb-right p { color: #999; line-height: 19px; }
    124. 

  124. 	.fb-settings input[type='text'], .fb-settings textarea { background-image: none !important; }
    125. 

  125. 	.fb-success { position: absolute; top: -3px; right: 100px; padding: 6px 23px 4px 23px; background: #FFFFE0; font-weight: normal; border: 1px solid #E6DB55; color: #333; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
    126. 

  126. 	.right { float: right; }
    127. 

  127. 	/* rtl */
    128. 

  128. 	body.rtl{ direction: rtl; font-family:Tahoma,Arial,sans-serif}
    129. 

  129. 	.rtl input[type='text'] { margin-left: 4px; margin-right: 0; }
    130. 

  130. 	.rtl input[type='checkbox'], .rtl input[type='radio'] { float: right; }
    131. 

  131. 	.rtl input[type='radio'] { margin-left: 8px; margin-right: 0; }
    132. 

  132. 	.rtl label.radio { margin: -2px 5px 0 0; }
    133. 

  133. 	.rtl label span.label-required { margin-right: 4px; margin-left:0 }
    134. 

  134. 	.rtl #sidemenu {  padding-right:10px; padding-left: 0; left:auto; right: 0; }
    135. 

  135. 	.rtl #sidemenu a { float:right; }
    136. 

  136. 	.rtl .fb-add-field { padding-right: 10px; padding-left: 0; }
    137. 

  137. 	.rtl .fb-add-option { margin: 0 100px 14px 0; }
    138. 

  138. 	.rtl .fb-radio-label { margin-right: 8px; margin-left: 0; float: right; }
    139. 

  139. 	.rtl .fb-remove { right: auto; left: -26px; transform: scaleX(-1); }
    140. 

  140. 	.rtl .fb-remove-option { right: auto; left: 10px; }
    141. 

  141. 	.rtl .fb-reorder:hover div { left: 0; right: auto; }
    142. 

  142. 	.rtl .fb-right { left: 0; right: auto; margin: 57px 0 0 21px; }
    143. 

  143. 	.rtl .fb-right label { float: right; }
    144. 

  144. 	.rtl .fb-success { right: auto; left: 100px;}
    145. 

  145. 	.rtl .right { float: left; }
    146. 

  146. 	@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    147. 

  147. 		.fb-remove { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-field-2x.png') no-repeat; background-size: 20px 23px; }
    148. 

  148. 		.fb-remove:hover { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-field-hover-2x.png') no-repeat; background-size: 20px 23px; }
    149. 

  149. 		.fb-remove-option { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-option-2x.png') no-repeat; background-size: 20px 23px; }
    150. 

  150. 		.fb-remove-option:hover { background: url('<?php echo GRUNION_PLUGIN_URL; ?>/images/grunion-remove-option-hover-2x.png') no-repeat; background-size: 20px 23px; }
    151. 

  151. 	}
    152. 

  152. </style>
    153. 

  153. </head>
    154. 

  154. 

  155. <body <?php if ( is_rtl() ) { echo 'class="rtl"'; }?>>
    156. 

  156. 	<div id="media-upload-header">
    157. 

  157. 		<div id="fb-success" class="fb-success" style="display: none;"><?php esc_html_e( 'Your new field was saved successfully', 'jetpack' ); ?></div>
    158. 

  158. 		<ul id="sidemenu">
    159. 

  159. 			<li id="tab-preview"><a class="current" href=""><?php esc_html_e( 'Form builder', 'jetpack' ); ?></a></li>
    160. 

  160. 			<li id="tab-settings"><a href=""><?php esc_html_e( 'Email notifications', 'jetpack' ); ?></a></li>
    161. 

  161. 		</ul>
    162. 

  162. 	</div>
    163. 

  163. 	<div class="fb-right">
    164. 

  164. 		<div id="fb-desc" class="fb-desc">
    165. 

  165. 			<h3><?php esc_html_e( 'How does this work?', 'jetpack' ); ?></h3>
    166. 

  166. 			<p><?php esc_html_e( 'By adding a contact form, your readers will be able to submit feedback to you. All feedback is automatically scanned for spam, and the legitimate feedback will be emailed to you.', 'jetpack' ); ?></p>
    167. 

  167. 			<h3 style="margin-top: 21px;"><?php esc_html_e( 'Can I add more fields?', 'jetpack' ); ?></h3>
    168. 

  168. 			<p><?php printf(
    169. 

  169. 				esc_html( _x( 'Sure thing. %1$s to add a new text box, textarea, radio, checkbox, or dropdown field.', '%1$s = "Click here" in an HTML link', 'jetpack' ) ),
    170. 

  170. 				'<a href="#" class="fb-add-field" style="padding-left: 0;">' . esc_html__( 'Click here', 'jetpack' ) . '</a>'
    171. 

  171. 			); ?></p>
    172. 

  172. 			<h3 style="margin-top: 21px;"><?php esc_html_e( 'Can I view my feedback within WordPress?', 'jetpack' ); ?></h3>
    173. 

  173. 			<p><?php printf(
    174. 

  174. 				esc_html( _x( 'Yep, you can read your feedback at any time by clicking the "%1$s" link in the admin menu.', '%1$s = "Feedback" in an HTML link', 'jetpack' ) ),
    175. 

  175. 				'<a id="fb-feedback" href="' . admin_url( 'edit.php?post_type=feedback' ) . '">' . esc_html__( 'Feedback', 'jetpack' ) . '</a>'
    176. 

  176. 			); ?></p>
    177. 

  177. 			<div class="clear"></div>
    178. 

  178. 		</div>
    179. 

  179. 		<div id="fb-email-desc" class="fb-desc" style="display: none;">
    180. 

  180. 			<h3><?php esc_html_e( 'Do I need to fill this out?', 'jetpack' ); ?></h3>
    181. 

  181. 			<p><?php esc_html_e( 'Nope.  However, if you&#8217;d like to modify where your feedback is sent, or the subject line you can.  If you don&#8217;t make any changes here, feedback will be sent to the author of the page/post and the subject will be the name of this page/post.', 'jetpack' ); ?></p>
    182. 

  182. 			<h3 style="margin-top: 21px;"><?php esc_html_e( 'Can I send a notification to more than one person?', 'jetpack' ); ?></h3>
    183. 

  183. 			<p><?php esc_html_e( 'Yep. You can enter multiple email addresses in the Email address field, and separate them with commas. A notification email will then be sent to each email address.', 'jetpack' ); ?></p>
    184. 

  184. 			<div class="clear"></div>
    185. 

  185. 		</div>
    186. 

  186. 		<div id="fb-add-field" style="display: none;">
    187. 

  187. 			<h3><?php esc_html_e( 'Edit this new field', 'jetpack' ); ?></h3>
    188. 

  188. 

  189. 			<label for="fb-new-label"><?php esc_html_e( 'Label', 'jetpack' ); ?></label>
    190. 

  190. 			<input type="text" id="fb-new-label" value="<?php esc_attr_e( 'New field', 'jetpack' ); ?>" />
    191. 

  191. 

  192. 			<label for="fb-new-label"><?php esc_html_e( 'Field type', 'jetpack' ); ?></label>
    193. 

  193. 			<select id="fb-new-type">
    194. 

  194. 				<option value="checkbox"><?php esc_html_e( 'Checkbox', 'jetpack' ); ?></option>
    195. 

  195. 				<option value="checkbox-multiple"><?php esc_html_e( 'Checkbox with Multiple Items', 'jetpack' ); ?></option>
    196. 

  196. 				<option value="select"><?php esc_html_e( 'Drop down', 'jetpack' ); ?></option>
    197. 

  197. 				<option value="email"><?php esc_html_e( 'Email', 'jetpack' ); ?></option>
    198. 

  198. 				<option value="name"><?php esc_html_e( 'Name', 'jetpack' ); ?></option>
    199. 

  199. 				<option value="radio"><?php esc_html_e( 'Radio', 'jetpack' ); ?></option>
    200. 

  200. 				<option value="text" selected="selected"><?php esc_html_e( 'Text', 'jetpack' ); ?></option>
    201. 

  201. 				<option value="textarea"><?php esc_html_e( 'Textarea', 'jetpack' ); ?></option>
    202. 

  202. 				<option value="url"><?php esc_html_e( 'Website', 'jetpack' ); ?></option>
    203. 

  203. 			</select>
    204. 

  204. 			<div class="clear"></div>
    205. 

  205. 

  206. 			<div id="fb-options" style="display: none;">
    207. 

  207. 				<div id="fb-new-options">
    208. 

  208. 					<label for="fb-option0"><?php esc_html_e( 'Options', 'jetpack' ); ?></label>
    209. 

  209. 					<input type="text" id="fb-option0" optionid="0" value="<?php esc_attr_e( 'First option', 'jetpack' ); ?>" class="fb-options" />
    210. 

  210. 				</div>
    211. 

  211. 				<div id="fb-add-option" class="fb-add-option">
    212. 

  212. 					<a href="#" id="fb-another-option"><?php esc_html_e( 'Add another option', 'jetpack' ); ?></a>
    213. 

  213. 				</div>
    214. 

  214. 			</div>
    215. 

  215. 

  216. 			<div class="fb-required">
    217. 

  217. 				<label for="fb-new-label"></label>
    218. 

  218. 				<input type="checkbox" id="fb-new-required" />
    219. 

  219. 				<label for="fb-new-label" class="fb-radio-label"><?php esc_html_e( 'Required?', 'jetpack' ); ?></label>
    220. 

  220. 				<div class="clear"></div>
    221. 

  221. 			</div>
    222. 

  222. 

  223. 			<input type="hidden" id="fb-field-id" />
    224. 

  224. 			<input type="submit" class="button" value="<?php esc_attr_e( 'Save this field', 'jetpack' ); ?>" id="fb-save-field" name="save">
    225. 

  225. 		</div>
    226. 

  226. 	</div>
    227. 

  227. 	<form id="fb-preview">
    228. 

  228. 		<div id="fb-preview-form" class="fb-container">
    229. 

  229. 			<h1><?php esc_html_e( 'Here&#8217;s what your form will look like', 'jetpack' ); ?></h1>
    230. 

  230. 			<div id="sortable" class="fb-form-case">
    231. 

  231. 

  232. 				<div id="fb-extra-fields" class="fb-extra-fields"></div>
    233. 

  233. 

  234. 				<a href="#" id="fb-new-field" class="fb-add-field"><?php esc_html_e( 'Add a new field', 'jetpack' ); ?></a>
    235. 

  235. 			</div>
    236. 

  236. 			<input type="submit" class="button-primary" tabindex="4" value="<?php esc_attr_e( 'Add this form to my post', 'jetpack' ); ?>" id="fb-save-form" name="save">
    237. 

  237. 		</div>
    238. 

  238. 		<div id="fb-email-settings" class="fb-container" style="display: none;">
    239. 

  239. 			<h1><?php esc_html_e( 'Email settings', 'jetpack' ); ?></h1>
    240. 

  240. 			<div class="fb-form-case fb-settings">
    241. 

  241. 				<label for="fb-fieldname"><?php esc_html_e( 'Enter your email address', 'jetpack' ); ?></label>
    242. 

  242. 				<input type="text" id="fb-field-my-email" style="background: #FFF !important;" />
    243. 

  243. 

  244. 				<label for="fb-fieldemail" style="margin-top: 14px;"><?php esc_html_e( 'What should the subject line be?', 'jetpack' ); ?></label>
    245. 

  245. 				<input type="text" id="fb-field-subject" style="background: #FFF !important;" />
    246. 

  246. 			</div>
    247. 

  247. 			<input type="submit" class="button-primary" value="<?php esc_attr_e( 'Save and go back to form builder', 'jetpack' ); ?>" id="fb-prev-form" name="save">
    248. 

  248. 		</div>
    249. 

  249. 	</form>
    250. 

  250. </body>
    251. 

  251. </html>
    252.