function icon_selector_modal() { ?> <!-- Icon Selector Modal --> <div class="modal fade" id="crdn-icon-selector-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="icons-box"> <?php $icons = circleflip_get_entypo_icons(); ?> <?php foreach ($icons as $icon) { ?> <?php if ($icon == 'none') { echo '<span class="iconfontello none" data-icon="none">none</span>'; } else { ?> <i class="iconfontello <?php echo esc_attr($icon); ?> " data-icon="<?php echo esc_attr($icon); ?> "></i> <?php } ?> <?php } ?> </div> <div class="icon-preview"> <i class="iconfontello"></i> <p class="icon-name"></p> </div> </div> <div class="modal-footer"> <button class="crdn-icon-selector-done button-primary" type="button">Done</button> <button class="button-secondary" type="button" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <!-- Icon Selector Modal End--> <?php }
function circleflip_print_icon_selector_modal() { ?> <div class="modal fade" id="crdn-icon-selector-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="icons-box"> <?php $icons = circleflip_get_entypo_icons(); ?> <?php foreach ($icons as $icon) { ?> <i class="iconfontello <?php echo esc_attr($icon); ?> " data-icon="<?php echo esc_attr($icon); ?> "></i> <?php } ?> </div> <div class="icon-preview"> <i class="iconfontello"></i> <p class="icon-name"></p> </div> </div> <div class="modal-footer"> <button class="crdn-icon-selector-done button-primary" type="button">Done</button> <button class="button-secondary" type="button" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <style> .icons-box { width: 60%; font-size: 2em; line-height: 1.5em; overflow-y: scroll; height: 400px; float: left; } .icons-box .iconfontello.selectedIcon { color: rgb(247, 86, 86); } .icon-preview { width: 40%; margin: 0; text-align: center; float: left; padding-top: 30px; } .icon-preview .iconfontello { font-size: 14em; } .icon-name { font-size: 2em; font-family: monospace; } #crdn-icon-selector-modal .modal-body { overflow: hidden; } </style> <?php }
</div> </div> <div class="modal-footer"> <button id="cr-map-done" class="button-primary" type="button" data-dismiss="modal">Done</button> <button id="cr-map-cancel" class="button-secondary" type="button" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <div class="modal fade" id="crdn-icon-selector-modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="icons-box"> <?php $icons = circleflip_get_entypo_icons(); ?> <?php foreach ($icons as $icon) { ?> <?php if ($icon == 'none') { echo '<span class="iconfontello none" data-icon="none">none</span>'; } else { ?> <i class="iconfontello <?php echo esc_attr($icon); ?> " data-icon="<?php echo esc_attr($icon); ?>