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 
    }
Exemple #2
0
    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);
        ?>