root/freepbx/branches/experimental/amp_conf/htdocs/panel/index.php

<?php
/** $Id$
 * FreePBX DHTML Operator Panel
 *
 * @package     FreePBX
 * @author      Greg MacLellan
 * @copyright   Copyright (c) 2006, Greg MacLellan
 * @license     GPL
 * @link        http://www.freepbx.org/trac/wiki/DhtmlOperatorPanel
*/
 
//header('Content-type: text/plain');
ini_set("error_log", "/tmp/phperr.log");

include('xajax.inc.php');

$xajax = new Xajax();

$xajax->registerFunction('check_updates');
$xajax->processRequests();


function display_log($text) {
        global $js;
        $end = !$js;
        if ($end) start_js();
        echo "document.getElementsById('log').appendTextNode('".$text."<br />'); \n";
        if ($end) done_js();
}

function log_err($errno, $errstr, $errfile, $errline) {
        display_log($errstr);
}
set_error_handler('log_err');

function parse_button_config($filename) {
        $channels = array();
        
        $ini = parse_ini_file($filename, true);
        foreach ($ini as $section=>$config) {
                $channel = array();

                $channel['name'] = $config['Label'];
                if ($config['Extension'] > 0) {
                        $channel['number'] = $config['Extension'];
                        $channel['type'] = 'extension';
                } else {
                        $channel['type'] = 'trunk';
                }
                $channel['matchstart'] = $section.'-';

                $channels[] = $channel;
        }
        return $channels;
}
$channels = parse_button_config('/var/www/html/admin/panel/op_buttons_additional.cfg');

/*
echo '<pre>';
var_dump($channels);
die();
/**/

$active_channels = array();

$js = false;

function start_js() {
        global $js;
        if (!$js) {
                $js = true;
                echo '<script type="text/javascript">';
        }
}

function done_js() {
        global $js;
        if ($js) {
                echo '</script>';
                $js = false;
        }
        flush();
}

function find_channel($chantext) {
        global $channels;
        
        foreach ($channels as $channel) {
                if (isset($channel['match']) && ($channel['match'] == $chantext)) {
                        return $channel;
                } else if (isset($channel['matchstart']) && (0 === strpos(strtolower($chantext), strtolower($channel['matchstart'])))) {
                        return $channel;
                }
        }
        return false;
}

function change_state($chantext, $state) {
        global $active_channels;
        error_log("change_state $chantext $state");
        
        start_js();
        if (($chan = find_channel($chantext)) && ($chan['type'] == 'extension')) {
                switch ($state) {
                        case 'Ring':
                                echo "$('extension_".$chan['number']."').className = 'extension busy'; \n";
                        break;
                        case 'Ringing':
                                echo "$('extension_".$chan['number']."').className = 'extension busy'; \n";
                                echo "new Effect.Pulsate($('extension_".$chan['number']."')); \n";
                        break;
                }
        } else {
                if (isset($active_channels[$chantext])) { 
                        // existing
                        js_channel_status($chantext, $state);
                } else {
                        // new
                        $active_channels[$chantext] = true;
                        if ($chan) {
                                js_channel_add($chantext, $chan['name'], $state);
                        } else {
                                js_channel_add($chantext, $chantext, $state);
                        }
                }
        }
        done_js();
}

function hangup($chantext) {
        global $active_channels;
        
        if (($chan = find_channel($chantext)) && ($chan['type'] == 'extension')) {
                error_log("Got hangup for extension ".$chan['number']);
                start_js();
                echo "$('extension_".$chan['number']."').className = 'extension idle'; \n";
                done_js();
        } else if (isset($active_channels[$chantext])) {
                error_log("Got hangup for ".$chantext);
                unset($active_channels[$chantext]);
                // destroy it
                start_js();
                js_channel_delete($chantext);
                done_js();
        } else {
                error_log("Got hangup for unknown channel ".$chantext);
        }
}


function extensionSetStatus($number,$status,$effect=false) {
    if ($status == "Idle") {
        echo "$('extension_".$number."').className = 'extension idle'; \n";
    } else {
        echo "$('extension_".$number."').className = 'extension busy'; \n";
    }
    if ($effect) {
        echo "new Effect.".$effect."($('extension_".$number."')); \n";
    }
}

function js_channel_add($id, $desc, $status) {
        echo "var div = document.createElement('div'); \n";
        echo "div.setAttribute('id', 'channel_".$id."'); \n";
        echo "div.setAttribute('class', 'channel trunk'); \n";

        echo "var divname = document.createElement('div'); \n";
        echo "divname.setAttribute('class', 'name'); \n";
        echo "divname.innerHTML = '".$desc."'; \n"; 
        
        echo "div.appendChild(divname); \n";
        
        echo "var divstatus = document.createElement('div'); \n";
        echo "divstatus.setAttribute('class', 'status'); \n";
        echo "divstatus.setAttribute('id', 'channel_".$id."_status'); \n";
        echo "divstatus.innerHTML = '".$status."'; \n"; 
        
        echo "div.appendChild(divstatus); \n";
        
        echo "$('channels').appendChild(div); \n";
        
        echo "new Effect.BlindDown($('channel_".$id."')); \n";
}  

function js_channel_status($id,$status) {
    echo "$('channel_".$id."_status').innerHTML = '".$status."'; \n";
}

function js_channel_delete($id) {
//    echo "new Effect.BlindUp($('trunk_".$id."')); \n";
    echo "setTimeout(function () { \n";
    echo "  $('channels').removeChild( document.getElementById('channel_".$id."') ); \n";
    echo "}, 1000); \n";
}

?>
<html>
<head>
<title>Panel test</title>
<style>
body {
    font-family: Ariel, Sans-Serif;
}
#extensions {
    border:1px dashed black;
    float:left;
}
#channels {
    float:right;
    border:1px dashed gray;
}
.extension {
    background-color:#99ff99;
    border:1px solid black;
    width:200px;
    height:20px;
    margin:5px;
    padding:5px;
}
.busy {
    background-color:#ff9999;
}
.channel {
    background-color:#9999ff;
    border:1px solid black;
    width:180px;
    height:55px;
    margin:5px;
    padding:5px;
}

.name {
    float:left;
}
.number {
    float:right;
    font-weight:bold;
}
.status {
    clear:both;
    float:left;
    font-size:60%;
}
</style>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
</head>
<body>

<div id="panel">
    <div id="extensions">
    <?php
    foreach ($channels as $ext) {
        if ($ext['type'] == 'extension') {
            echo '<div class="extension" id="extension_'.$ext['number'].'">';
            echo '  <div class="name">'.$ext['name'].'</div>';
            echo '  <div class="number">'.$ext['number'].'</div>';
            echo '</div>';
        }
    }
    ?>
    </div>
    <div id="channels">
    </div>
</div>

<div id="log">
</div>

</body>
</html>
<?php
set_time_limit(0);
flush();

function event_handler($event, $param) {
        switch ($event) {
                case 'Newchannel':
                        change_state($param['Channel'],$param['State']);
                break;
                case 'Newcallerid':
                break;
                case 'Newstate':
                        change_state($param['Channel'],$param['State']);
                break;
                case 'Hangup':
                        hangup($param['Channel']);
                break;
                case 'Newexten':
                        // check for auto_attendant
                        if (substr($param['Context'],0,3) == 'aa_') {
                                change_state($param['Channel'], 'Auto Attendant '.substr($param['Context'],4));
                        }
                break;
                case 'Link':
                        change_state($param['Channel'],'Linked to '.$param['Linking']);
                //break;
                case 'Unlink':
                        change_state($param['Channel'],'');
                //break;
                default:
                        display_log($event.": ".implode(",",$param));
                break;
                        

        }
}

include('managerproxy.php');

$man = new ManagerProxy('localhost', 5039);
$man->set_handler('event_handler');
$man->connect();

while (1) {
        $man->wait_read(5);
        flush();
}
$man->disconnect();

?>