$(this).toggleClass('ui-state-active'); $(this).children('span').toggleClass('ui-icon-triangle-1-s').toggleClass('ui-icon-triangle-1-e');" > <span class="ui-icon ui-icon-triangle-1-s"></span> <a href="#" tabindex="-1">Manage Flags</a> </h3> <div id="manage_flags" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel"> <a onclick="$('#add_flag_input').colorpicker('open');" ><button>add flag<div class="add_button in_button"> </div></button></a> <input style="width: 0px;" id="add_flag_input" > <?php $run_on_start[] = 'cp_addflag' . " = \$('#add_flag_input').colorpicker({\r\nshowOn: '',\r\ntop: \$('#add_flag_input').position().top + 'px',\r\nleft: ( \$('#add_flag_input').position().left + 30 ) + 'px',\r\nlayout: { map: [0,0,1,3] },\r\nonClose: function(hex, rgba, inst){\r\n var value = hex.substr(1);\r\n flags.add_flag_color( value , { onUpdate: function( response , root ){ " . $page->page_link('admin') . " } } );\r\n},\r\nparts: ['bar', 'map']\r\n}); \r\n\$('#add_flag_input').hide();"; ?> <table> <?php $flag_arr = $flags->get_all_flags(); foreach ($flag_arr as $flag) { $run_on_start[] = 'cp_' . $flag['flag_type_id'] . " = \$('#colorpicker" . $flag['flag_type_id'] . "').colorpicker({\r\nshowOn: '',\r\ntop: \$('#colorpicker" . $flag['flag_type_id'] . "').position().top + 'px',\r\nleft: ( \$('#colorpicker" . $flag['flag_type_id'] . "').position().left + 30 ) + 'px',\r\nlayout: { map: [0,0,1,3] },\r\nonClose: function(hex, rgba, inst){\r\n var value = hex.substr(1);\r\n flags.edit_flag_color( '" . $flag['flag_type_id'] . "' , value , {} );\r\n \$('#color_button" . $flag['flag_type_id'] . "').css('background' , 'url(image.flag.php?size=16&color=' + value + ')' );\r\n},\r\nparts: ['bar', 'map']\r\n}); \r\n\$('#colorpicker" . $flag['flag_type_id'] . "').hide();"; echo '<tr><td><div><input id=colorpicker' . $flag['flag_type_id'] . ' onchange="change_button_image( $(this).val() , \'' . $flag['flag_type_id'] . '\');" value=\'' . $flag['color'] . '\'/> <a onclick="cp_' . $flag['flag_type_id'] . '.colorpicker(\'open\');" ><div id=color_button' . $flag['flag_type_id'] . ' class="in_button" style="background-size: 15px 15px; background-repeat:no-repeat;width: 15px; height: 15px; background: url(\'image.flag.php?size=16&color=' . $flag['color'] . '\')"> </div></a></div></td><td><input value="' . $flag['description'] . '" onchange="flags.edit_flag_description( \'' . $flag['flag_type_id'] . '\' , $(this).val() , {} );" /></td><td style="padding-left: 20px;" ><a onclick="delete_flag( \'' . $flag['flag_type_id'] . '\' )" ><button>delete flag<div class="trash_can_normal in_button" > </div></button></a></td></tr>'; } ?> </table> </div></div> <div style=" width: 450px" class="ui-accordion ui-accordion-icons" > <h3 class="ui-accordion-header a ui-helper-reset ui-state-default ui-state-active ui-corner-top single_accordion" onclick=" $(this).siblings('.ui-accordion-content').toggle(); $(this).toggleClass('ui-state-active');