Add context menu to list of calls, support archiving and deletion of messages

[infodrom/phone] / phone.js

diff --git a/phone.js b/phone.js
index 42343eb..9b5d51d 100644 (file)
--- a/phone.js
+++ b/phone.js
@@ -1,3 +1,10 @@
+var menu_list = {
+    'title': 'Calls',
+    'items': [{'name': 'Archive', 'callback': menu_list_archive},
+              {'name': 'Delete', 'callback': menu_list_delete},
+              {'name': 'Cancel', 'type': 'hide'}]
+};
+
 function page_init()
 {
     var frame = document.getElementById('phonecall');
@@ -29,8 +36,11 @@ function fetch_incoming_callback(data)
            elem.innerHTML = text;
            elem.payload = new Array();
            elem.payload['dir'] = 'incoming';
-           elem.payload['fname'] = data.incoming[i].fname;
+           elem.payload['call'] = data.incoming[i].fname;
+           if (data.incoming[i].read == undefined)
+               elem.className = 'new';
            elem.onclick = play_message;
+           elem.oncontextmenu = list_context;
            calls.appendChild(elem);
        }
     } else {
@@ -66,8 +76,9 @@ function fetch_archive_callback(data)
            elem.innerHTML = text;
            elem.payload = new Array();
            elem.payload['dir'] = 'archive';
-           elem.payload['fname'] = data.archive[i].fname;
+           elem.payload['call'] = data.archive[i].fname;
            elem.onclick = play_message;
+           elem.oncontextmenu = list_context;
            calls.appendChild(elem);
        }
     } else {
@@ -86,8 +97,6 @@ function play_message_callback(data)
     var date = document.getElementById('calldate');
     var note = document.getElementById('callnote');
 
-    Debug.ObjDump(data);
-
     var text = data.name;
     if (data.number != '0') text += ' (' + data.number + ')';
     speaker.innerHTML = text;
@@ -97,10 +106,47 @@ function play_message_callback(data)
 
 function play_message(event)
 {
-    Debug.write('Request ' + event.originalTarget.payload['fname'] + ' in ' + event.originalTarget.payload['dir']);
-
     var frame = document.getElementById('phonecall');
-    var parms = 'dir='+event.originalTarget.payload['dir']+'&call='+event.originalTarget.payload['fname'];
-    ajax_request('callinfo', parms, play_message_callback);
-    frame.src = 'index.php?'+parms;
+    var params = 'dir='+event.originalTarget.payload['dir']+'&call='+event.originalTarget.payload['call'];
+    ajax_request('callinfo', params, play_message_callback);
+    frame.src = 'index.php?'+params;
+    event.originalTarget.className = '';
+}
+
+function list_context(e)
+{
+    var menu = document.getElementById('menu_list');
+    if (!menu)
+        menu = menu_create('menu_list', menu_list);
+
+    menu.style.left = e.pageX - 40;
+    menu.style.top = e.pageY - 15;
+    menu.style.display = '';
+    menu.payload = new Array();
+    menu.payload['dir'] = e.target.payload['dir'];
+    menu.payload['call'] = e.target.payload['call'];
+
+    return false;
+}
+
+function menu_list_archive_callback(data)
+{
+    fetch_incoming();
+    fetch_archive();
+}
+
+function menu_list_archive(e)
+{
+    if (e.target.parentNode.payload['dir'] == 'incoming')
+       ajax_request('archive_call', 'call='+e.target.parentNode.payload['call'], menu_list_archive_callback);
+
+    e.target.parentNode.style.display = 'none';
+}
+
+function menu_list_delete(e)
+{
+    var params = 'dir='+e.target.parentNode.payload['dir']+'&call='+e.target.parentNode.payload['call'];
+    ajax_request('delete_call', params, menu_list_archive_callback);
+
+    e.target.parentNode.style.display = 'none';
 }