1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121

<?php
/*
# Use

    1] Previous Icon
        Use param_name = prev_icon

    2] Next Icon
        Use param_name = next_icon

    3] Dots
        Use param_name = dots_icon
*/
if(!class_exists('Ultimate_Navigation'))
{
    class Ultimate_Navigation
    {
        function __construct()
        {
            if(defined('WPB_VC_VERSION') && version_compare(WPB_VC_VERSION, 4.8) >= 0) {
                if(function_exists('vc_add_shortcode_param'))
                {
                    vc_add_shortcode_param('ultimate_navigation' , array(&$this, 'icon_settings_field' ) );
                }
            }
            else {
                if(function_exists('add_shortcode_param'))
                {
                    add_shortcode_param('ultimate_navigation' , array(&$this, 'icon_settings_field' ) );
                }
            }
        }

        function icon_settings_field($settings, $value)
        {
            $dependency = '';
            $uid = uniqid();
            $param_name = isset($settings['param_name']) ? $settings['param_name'] : '';
            $type = isset($settings['type']) ? $settings['type'] : '';
            $class = isset($settings['class']) ? $settings['class'] : '';
            if($param_name == "next_icon"){
                $icons = array('ultsl-arrow-right','ultsl-arrow-right2','ultsl-arrow-right3','ultsl-arrow-right4','ultsl-arrow-right6');
            }
            if($param_name == "prev_icon"){
                $icons = array('ultsl-arrow-left','ultsl-arrow-left2','ultsl-arrow-left3','ultsl-arrow-left4','ultsl-arrow-left6');
            }

            if($param_name == "dots_icon"){
                $icons = array('ultsl-checkbox-unchecked','ultsl-checkbox-partial','ultsl-stop','ultsl-radio-checked','ultsl-radio-unchecked','ultsl-record');
            }
            /*if($param_name == "exp_icon"){
                //$icons = array('ultsl-checkbox-unchecked','ultsl-checkbox-partial','ultsl-stop','ultsl-radio-checked','ultsl-radio-unchecked','ultsl-record');
                $icons = array('Defaults-circle-arrow-down','Defaults-arrow-down','Defaults-chevron-down','Defaults-hand-down','Defaults-circle-arrow-down','Defaults-angle-down','Defaults-chevron-sign-down');
            }*/


            $output = '<input type="hidden" name="'.esc_attr( $param_name ).'" class="wpb_vc_param_value '.esc_attr( $param_name ).' '.esc_attr( $type ).' '.esc_attr( $class ).'" value="'.esc_attr( $value ).'" id="trace-'.esc_attr( $uid ).'"/>';
            //$output .= '<div class="ult-icon-preview icon-preview-'.$uid.'"><i class="'.$value.'"></i></div>';
            //$output .='<input class="search" type="text" placeholder="Search" />';
            $output .='<div id="icon-dropdown-'.esc_attr( $uid ).'" >';
            $output .= '<ul class="icon-list">';
            $n = 1;
            foreach($icons as $icon)
            {
                $selected = ($icon == $value) ? 'class="selected"' : '';
                $id = 'icon-'.$n;
                $output .= '<li '.$selected.' data-ac-icon="'.esc_attr( $icon ).'"><i class="ult-icon '.esc_attr( $icon ).'"></i><label class="ult-icon">'.esc_html( $icon ).'</label></li>';
                $n++;
            }
            $output .='</ul>';
            $output .='</div>';
            $output .= '<script type="text/javascript">
                    jQuery("#icon-dropdown-'.esc_attr( $uid ).' li").click(function() {
                        jQuery(this).attr("class","selected").siblings().removeAttr("class");
                        var icon = jQuery(this).attr("data-ac-icon");
                        jQuery("#trace-'.esc_attr( $uid ).'").val(icon);
                        jQuery(".icon-preview-'.esc_attr( $uid ).'").html("<i class=\'ult-icon "+icon+"\'></i>");
                    });
            </script>';
            $output .= '<style type="text/css">';
            $output .= 'ul.icon-list li {
                            display: inline-block;
                            float: left;
                            padding: 5px;
                            border: 1px solid #ddd;
                            font-size: 18px;
                            width: 18px;
                            height: 18px;
                            line-height: 18px;
                            margin: 0 auto;
                        }
                        ul.icon-list li label.ult-icon {
                            display: none;
                        }
                        .ult-icon-preview {
                            padding: 5px;
                            font-size: 24px;
                            border: 1px solid #ddd;
                            display: inline-block;
                        }
                        ul.icon-list li.selected {
                            background: #3486D1;
                            padding: 10px;
                            margin: 0 -1px;
                            margin-top: -7px;
                            color: #fff;
                            font-size: 24px;
                            width: 24px;
                            height: 24px;
                        }';
            $output .= '</style>';
            return $output;
        }

    }
}

if(class_exists('Ultimate_Navigation'))
{
    $Ultimate_Navigation = new Ultimate_Navigation();
}