Initial Commit

views/admin-pages/fields/field-select-icon.php

@@ -0,0 +1,75 @@
+<?php
+/**
+ * Select icon field view.
+ *
+ * @since 2.0.0
+ */
+?>
+<li class="<?php echo esc_attr(trim($field->wrapper_classes)); ?>" <?php echo $field->get_wrapper_html_attributes(); ?>>
+
+  <div class="wu-block wu-w-full">
+
+    <?php
+
+    /**
+     * Adds the partial title template.
+     * @since 2.0.0
+     */
+    wu_get_template('admin-pages/fields/partials/field-title', array(
+      'field' => $field,
+    ));
+
+    /**
+     * Adds the partial title template.
+     * @since 2.0.0
+     */
+    wu_get_template('admin-pages/fields/partials/field-description', array(
+      'field' => $field,
+    ));
+
+    ?>
+
+    <div class="wu-flex wu-flex-wrap wu--mx-2 wu-mt-2">
+
+      <?php foreach ($field->options as $option_value => $option) : ?>
+
+        <?php
+
+          /*
+           * Set the default keys.
+           */
+          $option = wp_parse_args($option, array(
+            'tooltip' => '',
+          ));
+
+        ?>
+
+        <div class="wu-p-2 wu-box-border wu-flex <?php echo esc_attr($field->classes); ?>" style="height: 110px;">
+
+          <label class="wu-w-full wu-relative wu-rounded wu-p-1 wu-border-solid wu-border wu-flex wu-items-center wu-justify-center wu-bg-gray-100 wu-text-gray-600 wu-border-gray-300" v-bind:class="require('<?php echo esc_attr($field->id); ?>', '<?php echo esc_attr($option_value); ?>') ? 'wu-bg-gray-200 wu-text-gray-700 wu-border-gray-400 selected' : '' " for="<?php echo esc_attr($field->id.'-'.$option_value); ?>">
+
+            <div class="wu-text-center" <?php echo wu_tooltip_text($option['tooltip']); ?>>
+
+              <span class="wu-block wu-text-2xl wu-mb-2 <?php echo esc_attr($option['icon']); ?>"></span>
+
+              <input class="wu-w-0 wu-h-0 wu-hidden" id="<?php echo esc_attr($field->id.'-'.$option_value); ?>" type="radio" <?php checked($option_value, $field->value); ?> value="<?php echo esc_attr($option_value); ?>" name="<?php echo esc_attr($field->id); ?>" <?php echo $field->get_html_attributes(); ?>>
+
+              <span class="wu-uppercase wu-text-2xs wu-font-semibold">
+
+                <?php echo $option['title']; ?>
+
+              </span>
+
+            </div>
+
+          </label>
+
+        </div>
+
+      <?php endforeach; ?>
+
+    </div>
+
+  </div>
+
+</li>