Нет описания

class-number-slider.php 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504
  1. <?php
  2. /**
  3. * Number Slider field.
  4. *
  5. * @since 1.5.7
  6. */
  7. class WPForms_Field_Number_Slider extends WPForms_Field {
  8. /**
  9. * Default minimum value of the field.
  10. *
  11. * @since 1.5.7
  12. */
  13. const SLIDER_MIN = 0;
  14. /**
  15. * Default maximum value of the field.
  16. *
  17. * @since 1.5.7
  18. */
  19. const SLIDER_MAX = 10;
  20. /**
  21. * Default step value of the field.
  22. *
  23. * @since 1.5.7
  24. */
  25. const SLIDER_STEP = 1;
  26. /**
  27. * Primary class constructor.
  28. *
  29. * @since 1.5.7
  30. */
  31. public function init() {
  32. // Define field type information.
  33. $this->name = esc_html__( 'Number Slider', 'wpforms-lite' );
  34. $this->type = 'number-slider';
  35. $this->icon = 'fa-sliders';
  36. $this->order = 180;
  37. // Customize value format for HTML emails.
  38. add_filter( 'wpforms_html_field_value', [ $this, 'html_email_value' ], 10, 4 );
  39. // Builder strings.
  40. add_filter( 'wpforms_builder_strings', [ $this, 'add_builder_strings' ] );
  41. }
  42. /**
  43. * Add Builder strings.
  44. *
  45. * @since 1.6.2.3
  46. *
  47. * @param array $strings Form Builder strings.
  48. *
  49. * @return array Form Builder strings.
  50. */
  51. public function add_builder_strings( $strings ) {
  52. $strings['error_number_slider_increment'] = esc_html__( 'Increment value should be greater than zero. Decimal fractions allowed.', 'wpforms-lite' );
  53. return $strings;
  54. }
  55. /**
  56. * Customize format for HTML email notifications.
  57. *
  58. * @since 1.5.7
  59. *
  60. * @param string $val Field value.
  61. * @param array $field Field settings.
  62. * @param array $form_data Form data and settings.
  63. * @param string $context Value display context.
  64. *
  65. * @return string
  66. */
  67. public function html_email_value( $val, $field, $form_data = array(), $context = '' ) {
  68. if ( empty( $field['value_raw'] ) || $field['type'] !== $this->type ) {
  69. return $val;
  70. }
  71. $value = isset( $field['value_raw']['value'] ) ? (float) $field['value_raw']['value'] : 0;
  72. $min = isset( $field['value_raw']['min'] ) ? (float) $field['value_raw']['min'] : self::SLIDER_MIN;
  73. $max = isset( $field['value_raw']['max'] ) ? (float) $field['value_raw']['max'] : self::SLIDER_MAX;
  74. $html_value = $value;
  75. if ( strpos( $field['value_raw']['value_display'], '{value}' ) !== false ) {
  76. $html_value = str_replace(
  77. '{value}',
  78. /* translators: %1$s - Number slider selected value; %2$s - its minimum value; %3$s - its maximum value. */
  79. sprintf( esc_html__( '%1$s (%2$s min / %3$s max)', 'wpforms-lite' ), $value, $min, $max ),
  80. $field['value_raw']['value_display']
  81. );
  82. }
  83. return $html_value;
  84. }
  85. /**
  86. * Field options panel inside the builder.
  87. *
  88. * @since 1.5.7
  89. *
  90. * @param array $field Field settings.
  91. */
  92. public function field_options( $field ) {
  93. /*
  94. * Basic field options.
  95. */
  96. // Options open markup.
  97. $args = array(
  98. 'markup' => 'open',
  99. );
  100. $this->field_option( 'basic-options', $field, $args );
  101. // Label.
  102. $this->field_option( 'label', $field );
  103. // Description.
  104. $this->field_option( 'description', $field );
  105. // Required toggle disabled.
  106. $this->field_element(
  107. 'text',
  108. $field,
  109. array(
  110. 'slug' => 'required',
  111. 'value' => '',
  112. 'type' => 'hidden',
  113. )
  114. );
  115. // Value: min/max.
  116. $lbl = $this->field_element(
  117. 'label',
  118. $field,
  119. array(
  120. 'slug' => 'value',
  121. 'value' => esc_html__( 'Value', 'wpforms-lite' ),
  122. 'tooltip' => esc_html__( 'Define the minimum and the maximum values for the slider.', 'wpforms-lite' ),
  123. ),
  124. false
  125. );
  126. $min = $this->field_element(
  127. 'text',
  128. $field,
  129. array(
  130. 'type' => 'number',
  131. 'slug' => 'min',
  132. 'class' => 'wpforms-number-slider-min',
  133. 'value' => ! empty( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
  134. ),
  135. false
  136. );
  137. $max = $this->field_element(
  138. 'text',
  139. $field,
  140. array(
  141. 'type' => 'number',
  142. 'slug' => 'max',
  143. 'class' => 'wpforms-number-slider-max',
  144. 'value' => ! empty( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
  145. ),
  146. false
  147. );
  148. $this->field_element(
  149. 'row',
  150. $field,
  151. array(
  152. 'slug' => 'min_max',
  153. 'content' => $lbl . wpforms_render(
  154. 'fields/number-slider/builder-option-min-max',
  155. array(
  156. 'label' => $lbl,
  157. 'input_min' => $min,
  158. 'input_max' => $max,
  159. 'field_id' => $field['id'],
  160. ),
  161. true
  162. ),
  163. )
  164. );
  165. // Options close markup.
  166. $args = array(
  167. 'markup' => 'close',
  168. );
  169. $this->field_option( 'basic-options', $field, $args );
  170. /*
  171. * Advanced field options.
  172. */
  173. // Options open markup.
  174. $args = array(
  175. 'markup' => 'open',
  176. );
  177. $this->field_option( 'advanced-options', $field, $args );
  178. // Size.
  179. $this->field_option( 'size', $field );
  180. // Default value.
  181. $lbl = $this->field_element(
  182. 'label',
  183. $field,
  184. array(
  185. 'slug' => 'default_value',
  186. 'value' => esc_html__( 'Default Value', 'wpforms-lite' ),
  187. 'tooltip' => esc_html__( 'Enter a default value for this field.', 'wpforms-lite' ),
  188. ),
  189. false
  190. );
  191. $fld = $this->field_element(
  192. 'text',
  193. $field,
  194. array(
  195. 'type' => 'number',
  196. 'slug' => 'default_value',
  197. 'class' => 'wpforms-number-slider-default-value',
  198. 'value' => ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0,
  199. 'attrs' => array(
  200. 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
  201. 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
  202. 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
  203. ),
  204. ),
  205. false
  206. );
  207. $this->field_element(
  208. 'row',
  209. $field,
  210. array(
  211. 'slug' => 'default_value',
  212. 'content' => $lbl . $fld,
  213. )
  214. );
  215. // Value display.
  216. $lbl = $this->field_element(
  217. 'label',
  218. $field,
  219. array(
  220. 'slug' => 'value_display',
  221. 'value' => esc_html__( 'Value Display', 'wpforms-lite' ),
  222. 'tooltip' => esc_html__( 'Displays the currently selected value below the slider.', 'wpforms-lite' ),
  223. ),
  224. false
  225. );
  226. $fld = $this->field_element(
  227. 'text',
  228. $field,
  229. [
  230. 'slug' => 'value_display',
  231. 'class' => 'wpforms-number-slider-value-display',
  232. 'value' => isset( $field['value_display'] ) ? $field['value_display'] : $this->get_default_display_value(),
  233. ],
  234. false
  235. );
  236. $this->field_element(
  237. 'row',
  238. $field,
  239. array(
  240. 'slug' => 'value_display',
  241. 'content' => $lbl . $fld,
  242. )
  243. );
  244. // Steps.
  245. $lbl = $this->field_element(
  246. 'label',
  247. $field,
  248. array(
  249. 'slug' => 'step',
  250. 'value' => esc_html__( 'Increment', 'wpforms-lite' ),
  251. 'tooltip' => esc_html__( 'Determines the increment between selectable values on the slider.', 'wpforms-lite' ),
  252. ),
  253. false
  254. );
  255. $fld = $this->field_element(
  256. 'text',
  257. $field,
  258. array(
  259. 'type' => 'number',
  260. 'slug' => 'step',
  261. 'class' => 'wpforms-number-slider-step',
  262. 'value' => ! empty( $field['step'] ) ? abs( $field['step'] ) : self::SLIDER_STEP,
  263. 'attrs' => array(
  264. 'min' => 0,
  265. 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? abs( (float) $field['max'] ) : self::SLIDER_MAX,
  266. ),
  267. ),
  268. false
  269. );
  270. $this->field_element(
  271. 'row',
  272. $field,
  273. [
  274. 'slug' => 'step',
  275. 'content' => $lbl . $fld,
  276. ]
  277. );
  278. // Custom CSS classes.
  279. $this->field_option( 'css', $field );
  280. // Hide label.
  281. $this->field_option( 'label_hide', $field );
  282. // Options close markup.
  283. $args = [
  284. 'markup' => 'close',
  285. ];
  286. $this->field_option( 'advanced-options', $field, $args );
  287. }
  288. /**
  289. * Get default display value.
  290. *
  291. * @since 1.7.1
  292. *
  293. * @return string
  294. */
  295. private function get_default_display_value() {
  296. return sprintf( /* translators: %s - value. */
  297. esc_html__( 'Selected Value: %s', 'wpforms-lite' ),
  298. '{value}'
  299. );
  300. }
  301. /**
  302. * Field preview inside the builder.
  303. *
  304. * @since 1.5.7
  305. *
  306. * @param array $field Field data.
  307. */
  308. public function field_preview( $field ) {
  309. // Label.
  310. $this->field_preview_option( 'label', $field );
  311. $value_display = isset( $field['value_display'] ) ? esc_attr( $field['value_display'] ) : $this->get_default_display_value();
  312. $default_value = ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0;
  313. echo wpforms_render( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
  314. 'fields/number-slider/builder-preview',
  315. array(
  316. 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
  317. 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
  318. 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
  319. 'value_display' => $value_display,
  320. 'default_value' => $default_value,
  321. 'value_hint' => str_replace( '{value}', '<b>' . $default_value . '</b>', wp_kses( $value_display, wpforms_builder_preview_get_allowed_tags() ) ),
  322. 'field_id' => $field['id'],
  323. ),
  324. true
  325. );
  326. // Description.
  327. $this->field_preview_option( 'description', $field );
  328. }
  329. /**
  330. * Field display on the form front-end.
  331. *
  332. * @since 1.5.7
  333. *
  334. * @param array $field Field data and settings.
  335. * @param array $deprecated Deprecated field attributes. Use $field['properties'] instead.
  336. * @param array $form_data Form data and settings.
  337. */
  338. public function field_display( $field, $deprecated, $form_data ) {
  339. // Define data.
  340. $primary = $field['properties']['inputs']['primary'];
  341. $value_display = isset( $field['value_display'] ) ? esc_attr( $field['value_display'] ) : esc_html__( 'Selected Value: {value}', 'wpforms-lite' );
  342. $default_value = ! empty( $field['default_value'] ) ? (float) $field['default_value'] : 0;
  343. $hint_value = ! empty( $primary['attr']['value'] ) ? (float) $primary['attr']['value'] : $default_value;
  344. $hint = str_replace( '{value}', '<b>' . $hint_value . '</b>', $value_display );
  345. // phpcs:ignore
  346. echo wpforms_render(
  347. 'fields/number-slider/frontend',
  348. [
  349. 'atts' => $primary['attr'],
  350. 'class' => $primary['class'],
  351. 'datas' => $primary['data'],
  352. 'default_value' => $default_value,
  353. 'id' => $primary['id'],
  354. 'max' => isset( $field['max'] ) && is_numeric( $field['max'] ) ? (float) $field['max'] : self::SLIDER_MAX,
  355. 'min' => isset( $field['min'] ) && is_numeric( $field['min'] ) ? (float) $field['min'] : self::SLIDER_MIN,
  356. 'required' => $primary['required'],
  357. 'step' => isset( $field['step'] ) && is_numeric( $field['step'] ) ? (float) $field['step'] : self::SLIDER_STEP,
  358. 'value_display' => $value_display,
  359. 'value_hint' => $hint,
  360. ],
  361. true
  362. );
  363. }
  364. /**
  365. * Validate field on form submit.
  366. *
  367. * @since 1.5.7
  368. *
  369. * @param int $field_id Field ID.
  370. * @param int|float|string $field_submit Submitted field value.
  371. * @param array $form_data Form data and settings.
  372. */
  373. public function validate( $field_id, $field_submit, $form_data ) {
  374. $form_id = $form_data['id'];
  375. $field_submit = (float) $this->sanitize_value( $field_submit );
  376. // Basic required check - if field is marked as required, check for entry data.
  377. if (
  378. ! empty( $form_data['fields'][ $field_id ]['required'] ) &&
  379. empty( $field_submit ) &&
  380. (string) $field_submit !== '0'
  381. ) {
  382. wpforms()->process->errors[ $form_id ][ $field_id ] = wpforms_get_required_label();
  383. }
  384. // Check if value is numeric.
  385. if ( ! empty( $field_submit ) && ! is_numeric( $field_submit ) ) {
  386. wpforms()->process->errors[ $form_id ][ $field_id ] = apply_filters( 'wpforms_valid_number_label', esc_html__( 'Please provide a valid value.', 'wpforms-lite' ) );
  387. }
  388. }
  389. /**
  390. * Format and sanitize field.
  391. *
  392. * @since 1.5.7
  393. *
  394. * @param int $field_id Field ID.
  395. * @param int|string|float $field_submit Submitted field value.
  396. * @param array $form_data Form data and settings.
  397. */
  398. public function format( $field_id, $field_submit, $form_data ) {
  399. // Define data.
  400. $name = ! empty( $form_data['fields'][ $field_id ]['label'] ) ? $form_data['fields'][ $field_id ]['label'] : '';
  401. $value = (float) $this->sanitize_value( $field_submit );
  402. $value_raw = array(
  403. 'value' => $value,
  404. 'min' => (float) $form_data['fields'][ $field_id ]['min'],
  405. 'max' => (float) $form_data['fields'][ $field_id ]['max'],
  406. 'value_display' => wp_kses_post( $form_data['fields'][ $field_id ]['value_display'] ),
  407. );
  408. // Set final field details.
  409. wpforms()->process->fields[ $field_id ] = array(
  410. 'name' => sanitize_text_field( $name ),
  411. 'value' => $value,
  412. 'value_raw' => $value_raw,
  413. 'id' => absint( $field_id ),
  414. 'type' => $this->type,
  415. );
  416. }
  417. /**
  418. * Sanitize the value.
  419. *
  420. * @since 1.5.7
  421. *
  422. * @param string $value The number field submitted value.
  423. *
  424. * @return float|int|string
  425. */
  426. private function sanitize_value( $value ) {
  427. // Some browsers allow other non-digit/decimal characters to be submitted
  428. // with the num input, which then trips the is_numeric validation below.
  429. // To get around this we remove all chars that are not expected.
  430. $signed_value = preg_replace( '/[^-0-9.]/', '', $value );
  431. $abs_value = abs( $signed_value );
  432. $value = strpos( $signed_value, '-' ) === 0 ? '-' . $abs_value : $abs_value;
  433. return $value;
  434. }
  435. }
  436. new WPForms_Field_Number_Slider();