icon-selector.php 1.3 KB

1234567891011121314151617181920212223242526272829
  1. <div class="fl-lightbox-header">
  2. <h1><?php _e( 'Select Icon', 'fl-builder' ); ?></h1>
  3. <div class="fl-icons-filter">
  4. <select class="fl-icons-filter-select">
  5. <option value="all"><?php _ex( 'All Libraries', 'Select option for showing all icon libraries.', 'fl-builder' ); ?></option>
  6. <?php foreach ( $icon_sets as $set_key => $set_data ) : ?>
  7. <option value="<?php echo $set_key; ?>"><?php echo $set_data['name']; ?></option>
  8. <?php endforeach; ?>
  9. </select>
  10. <input type="text" class="fl-icons-filter-text" placeholder="Search..." />
  11. </div>
  12. </div>
  13. <div class="fl-icons-list">
  14. <?php foreach ( $icon_sets as $set_key => $set_data ) : ?>
  15. <div class="fl-icons-section fl-<?php echo $set_key; ?>">
  16. <h2><?php echo $set_data['name']; ?></h2>
  17. <?php foreach ( $set_data['icons'] as $icon ) : ?>
  18. <?php if ( ! empty( $set_data['prefix'] ) ) : ?>
  19. <i class="<?php echo $set_data['prefix'] . ' ' . $icon; ?>"></i>
  20. <?php else : ?>
  21. <i class="<?php echo $icon; ?>"></i>
  22. <?php endif; ?>
  23. <?php endforeach; ?>
  24. </div>
  25. <?php endforeach; ?>
  26. </div>
  27. <div class="fl-lightbox-footer fl-icon-selector-footer">
  28. <a class="fl-icon-selector-cancel fl-builder-button fl-builder-button-large" href="javascript:void(0);" onclick="return false;"><?php _e( 'Cancel', 'fl-builder' ); ?></a>
  29. </div>