<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="
$('#manage_flags').toggle();
$(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" >
// **********************Start code for Info Column ****************************//
?>
<script>
$(function() {
slimcrm.cases.update_case_info();
window.onbeforeunload= function(){
return 'You are about to leave this page, OK?';
};
$(window).resize(slimcrm.screen_resize);
$('#tab_left_panel').click();
<?php
//echo ' dynamic_page.phplivex_page(\'' . $default_page . '\' , { target: \'dynamic_main\' ' . $dynamic_page->phplivex_options($default_page) . ' });';
echo $page->page_link($default_page);
?>
});
slimcrm.setup_tinyMCE();
email_client.start_tick();
slimcrm.tick.start();
// $('a[title]:not .qtip').qtip({ style: { name: 'cream', tip: true } }).addClass('qtip');
<?php
if ($page->auth->isAdmin() == true) {
?>
slimcrm.script_console=false;
$(document).click( slimcrm.onclick );
$('html').keypress(
function(event){
slimcrm.onkeypress(event);
