First running version
This commit is contained in:
commit
3e9e3cb9c7
|
|
@ -0,0 +1 @@
|
||||||
|
config.php
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
|
||||||
|
Version 2, December 2004
|
||||||
|
|
||||||
|
Copyright (C) 2004 Sam Hocevar
|
||||||
|
14 rue de Plaisance, 75014 Paris, France
|
||||||
|
Everyone is permitted to copy and distribute verbatim or modified
|
||||||
|
copies of this license document, and changing it is allowed as long
|
||||||
|
as the name is changed.
|
||||||
|
|
||||||
|
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
|
||||||
|
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||||
|
|
||||||
|
0. You just DO WHAT THE FUCK YOU WANT TO.
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
// See README.md for asterisk ami configuration
|
||||||
|
$ami_host = '127.0.0.1';
|
||||||
|
$ami_port = '5038';
|
||||||
|
$ami_user = 'user';
|
||||||
|
$ami_pass = 'pass';
|
||||||
|
|
||||||
|
// Locales are in locale folder
|
||||||
|
$lang = "en";
|
||||||
|
|
||||||
|
// Styles are in css folder
|
||||||
|
$style = "gideonstar";
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,59 @@
|
||||||
|
:root {
|
||||||
|
--red: #ff595e;
|
||||||
|
--green: #8ac926;
|
||||||
|
--yellow: #ffca3a;
|
||||||
|
--blue: #1982c4;
|
||||||
|
--purple: #6a4c93;
|
||||||
|
}
|
||||||
|
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: black;
|
||||||
|
color: white;
|
||||||
|
font-family: Tahoma;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.offline {
|
||||||
|
background: var(--red);
|
||||||
|
}
|
||||||
|
|
||||||
|
.online {
|
||||||
|
background: var(--green);
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: var(--yellow);
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: row;
|
||||||
|
list-style-type: none;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li.box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 72px;
|
||||||
|
height: 72px;
|
||||||
|
margin: 2px;
|
||||||
|
font-weight: bold;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
ul li:hover {
|
||||||
|
outline: 1px solid white;
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -0,0 +1,22 @@
|
||||||
|
<?php include('config.php'); ?>
|
||||||
|
<?php include('locale/' . $lang . '.php'); ?>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de-de">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Asterisk Queue Manager</title>
|
||||||
|
<link rel="stylesheet" href="css/<?php echo $style; ?>.css">
|
||||||
|
<link rel="icon" type="image/png" href="img/favicon.png">
|
||||||
|
<script src="js/app.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h2><?php echo $locale['phones']; ?>:</h2>
|
||||||
|
<ul id="peers"></ul>
|
||||||
|
|
||||||
|
<h2><?php echo $locale['agents'] . ' ' . $locale['in_queue']; ?>:</h2>
|
||||||
|
<ul id="queuemembers"></ul>
|
||||||
|
|
||||||
|
<h2><?php echo $locale['calls'] . ' ' . $locale['in_queue']; ?>:</h2>
|
||||||
|
<ul id="queuecalls"></ul>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,117 @@
|
||||||
|
var baseurl = (window.location.origin);
|
||||||
|
|
||||||
|
function get_data() {
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('GET', baseurl + '/php/ami_get.php', true);
|
||||||
|
xhr.onreadystatechange = function() {
|
||||||
|
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
|
||||||
|
var response = JSON.parse(xhr.responseText);
|
||||||
|
|
||||||
|
//
|
||||||
|
// SIPpeers
|
||||||
|
//
|
||||||
|
|
||||||
|
var sippeers = response.sippeers;
|
||||||
|
var dom_sippeers = document.getElementById('peers');
|
||||||
|
|
||||||
|
// Clear ul
|
||||||
|
dom_sippeers.innerHTML = '';
|
||||||
|
|
||||||
|
for(var item in sippeers) {
|
||||||
|
|
||||||
|
// Create li
|
||||||
|
var node = document.createElement('li');
|
||||||
|
|
||||||
|
// Add online or offline class
|
||||||
|
if(sippeers[item] == '0') {
|
||||||
|
node.classList.add('offline');
|
||||||
|
}
|
||||||
|
if(sippeers[item] == '1') {
|
||||||
|
node.classList.add('online');
|
||||||
|
}
|
||||||
|
|
||||||
|
// It's a box
|
||||||
|
node.classList.add('box');
|
||||||
|
|
||||||
|
// Add text
|
||||||
|
var text = document.createTextNode(item);
|
||||||
|
node.appendChild(text);
|
||||||
|
|
||||||
|
// Add attributes
|
||||||
|
node.setAttribute('section', 'sippeers');
|
||||||
|
node.setAttribute('value', item);
|
||||||
|
|
||||||
|
// Make it clickable
|
||||||
|
node.addEventListener('click', function() {
|
||||||
|
var section = this.getAttribute('section');
|
||||||
|
var value = this.getAttribute('value');
|
||||||
|
|
||||||
|
ami_set(section, value);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add li to ul
|
||||||
|
dom_sippeers.appendChild(node);
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// QueueMembers
|
||||||
|
//
|
||||||
|
|
||||||
|
var queuemembers = response.queuemembers;
|
||||||
|
var dom_queuemembers = document.getElementById('queuemembers');
|
||||||
|
|
||||||
|
// Clear ul
|
||||||
|
dom_queuemembers.innerHTML = '';
|
||||||
|
|
||||||
|
// Asterisk sorts the members the wrong way round
|
||||||
|
queuemembers.reverse();
|
||||||
|
|
||||||
|
for(var item in queuemembers) {
|
||||||
|
|
||||||
|
// Create li
|
||||||
|
var node = document.createElement('li');
|
||||||
|
|
||||||
|
// Queue members are always green (TODO: really?)
|
||||||
|
node.classList.add('online');
|
||||||
|
|
||||||
|
// It's a box
|
||||||
|
node.classList.add('box');
|
||||||
|
|
||||||
|
// Add text
|
||||||
|
var text = document.createTextNode(queuemembers[item]);
|
||||||
|
node.appendChild(text);
|
||||||
|
|
||||||
|
// Add attributes
|
||||||
|
node.setAttribute('section', 'queuemembers');
|
||||||
|
node.setAttribute('value', queuemembers[item]);
|
||||||
|
|
||||||
|
// Make it clickable
|
||||||
|
node.addEventListener('click', function() {
|
||||||
|
var section = this.getAttribute('section');
|
||||||
|
var value = this.getAttribute('value');
|
||||||
|
|
||||||
|
ami_set(section, value);
|
||||||
|
});
|
||||||
|
|
||||||
|
// Add li to ul
|
||||||
|
dom_queuemembers.appendChild(node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
xhr.send();
|
||||||
|
}
|
||||||
|
|
||||||
|
function ami_set(section, value) {
|
||||||
|
var xhr = new XMLHttpRequest();
|
||||||
|
xhr.open('GET', baseurl + '/php/ami_set.php?s=' + section + '&v=' + value, true);
|
||||||
|
xhr.send(null);
|
||||||
|
get_data();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Run it once, because setInterval executes it _after_ the delay
|
||||||
|
get_data();
|
||||||
|
|
||||||
|
// Run every second
|
||||||
|
setInterval(get_data, 1000);
|
||||||
|
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$locale = [
|
||||||
|
'phones' => 'Telefone',
|
||||||
|
'agent' => 'Agent',
|
||||||
|
'agents' => 'Agenten',
|
||||||
|
'call' => 'Anruf',
|
||||||
|
'calls' => 'Anrufe',
|
||||||
|
'in_queue' => 'in der Warteschlange'
|
||||||
|
];
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$locale = [
|
||||||
|
'phones' => 'Phones',
|
||||||
|
'agent' => 'Agent',
|
||||||
|
'agents' => 'Agents',
|
||||||
|
'call' => 'Call',
|
||||||
|
'calls' => 'Calls',
|
||||||
|
'in_queue' => 'in Queue'
|
||||||
|
];
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,78 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
include('../config.php');
|
||||||
|
|
||||||
|
header('Content-Type: application/json');
|
||||||
|
|
||||||
|
// Open socket to ami server
|
||||||
|
$socket = fsockopen($ami_host, $ami_port);
|
||||||
|
|
||||||
|
// Login
|
||||||
|
fputs($socket, "Action: Login\r\n");
|
||||||
|
fputs($socket, "UserName: " . $ami_user . "\r\n");
|
||||||
|
fputs($socket, "Secret: " . $ami_pass . "\r\n\r\n");
|
||||||
|
|
||||||
|
//
|
||||||
|
// Action: SIPpeers -> $sippeers
|
||||||
|
//
|
||||||
|
|
||||||
|
$sippeers = [];
|
||||||
|
$extension = '';
|
||||||
|
$extension_status = 0;
|
||||||
|
|
||||||
|
fputs($socket, "Action: SIPpeers\r\n\r\n");
|
||||||
|
while(($data = fgets($socket, 8096)) != "Event: PeerlistComplete\r\n") {
|
||||||
|
$pattern_extension = '/^ObjectName:\s(\d\d\d).*$/';
|
||||||
|
if(preg_match_all($pattern_extension, $data, $match)) {
|
||||||
|
$extension = $match[1][0];
|
||||||
|
}
|
||||||
|
|
||||||
|
$pattern_ipaddress = '/^IPaddress.*$/';
|
||||||
|
if(preg_match($pattern_ipaddress, $data)) {
|
||||||
|
$pattern_onlinestatus = '/^IPaddress:\s(-none-).*$/';
|
||||||
|
if(preg_match_all($pattern_onlinestatus, $data, $match)) {
|
||||||
|
$extension_status = '0';
|
||||||
|
} else {
|
||||||
|
$extension_status = '1';
|
||||||
|
}
|
||||||
|
|
||||||
|
$sippeers[$extension] = $extension_status;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Action: QueueStatus -> $queuemembers
|
||||||
|
//
|
||||||
|
// TODO: Status: x
|
||||||
|
// 2 In Use
|
||||||
|
// 6 Ringing
|
||||||
|
|
||||||
|
$queuemembers = [];
|
||||||
|
|
||||||
|
fputs($socket, "Action: QueueStatus\r\n");
|
||||||
|
fputs($socket, "Queue: warteschlange\r\n\r\n");
|
||||||
|
while(($data = fgets($socket, 8096)) != "Event: QueueStatusComplete\r\n") {
|
||||||
|
$pattern_name = '/^Name.*$/';
|
||||||
|
if(preg_match($pattern_name, $data)) {
|
||||||
|
$pattern_extension = '/^Name:\sSIP\/(\d\d\d).*$/';
|
||||||
|
if(preg_match_all($pattern_extension, $data, $match)) {
|
||||||
|
array_push($queuemembers, $match[1][0]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close socket
|
||||||
|
fclose($socket);
|
||||||
|
|
||||||
|
//
|
||||||
|
// Create JSON data package
|
||||||
|
//
|
||||||
|
|
||||||
|
echo json_encode(
|
||||||
|
array(
|
||||||
|
'sippeers' => $sippeers,
|
||||||
|
'queuemembers' => $queuemembers,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
@ -0,0 +1,46 @@
|
||||||
|
<?php
|
||||||
|
|
||||||
|
include('../config.php');
|
||||||
|
|
||||||
|
// Read GET data
|
||||||
|
|
||||||
|
$section = $_GET['s'];
|
||||||
|
$value = $_GET['v'];
|
||||||
|
|
||||||
|
// Open socket to ami server
|
||||||
|
|
||||||
|
$socket = fsockopen($ami_host, $ami_port);
|
||||||
|
|
||||||
|
// Login
|
||||||
|
|
||||||
|
fputs($socket, "Action: Login\r\n");
|
||||||
|
fputs($socket, 'UserName: ' . $ami_user . "\r\n");
|
||||||
|
fputs($socket, 'Secret: ' . $ami_pass . "\r\n\r\n");
|
||||||
|
|
||||||
|
//
|
||||||
|
// Section: sippeers
|
||||||
|
//
|
||||||
|
|
||||||
|
if($section == 'sippeers') {
|
||||||
|
fputs($socket, "Action: QueueAdd\r\n");
|
||||||
|
fputs($socket, 'Interface: SIP/' . $value . "\r\n");
|
||||||
|
fputs($socket, "Queue: warteschlange\r\n\r\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Section: queuemembers
|
||||||
|
//
|
||||||
|
|
||||||
|
if($section == 'queuemembers') {
|
||||||
|
fputs($socket, "Action: QueueRemove\r\n");
|
||||||
|
fputs($socket, 'Interface: SIP/' . $value . "\r\n");
|
||||||
|
fputs($socket, "Queue: warteschlange\r\n\r\n");
|
||||||
|
}
|
||||||
|
|
||||||
|
// It seems that it needs some time to execute
|
||||||
|
sleep(1);
|
||||||
|
|
||||||
|
// Close socket
|
||||||
|
fclose($socket);
|
||||||
|
|
||||||
|
?>
|
||||||
Loading…
Reference in New Issue