add portal, a nice GUI with pure html and javascript

htdocs/portal/LICENCE

+The FreeSWITCH Portal Project
+Copyright (C) 2013-2013, Seven Du <dujinfang@gmail.com>
+
+Version: MPL 1.1
+
+The contents of this file are subject to the Mozilla Public License Version
+1.1 (the "License"); you may not use this file except in compliance with
+the License. You may obtain a copy of the License at
+http://www.mozilla.org/MPL/
+
+Software distributed under the License is distributed on an "AS IS" basis,
+WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+for the specific language governing rights and limitations under the
+License.
+
+The Original Code is The FreeSWITCH Portal Project Software/Application
+
+The Initial Developer of the Original Code is
+Seven Du <dujinfang@gmail.com>
+Portions created by the Initial Developer are Copyright (C)
+the Initial Developer. All Rights Reserved.
+
+Contributor(s):
+
+Seven Du <dujinfang@gmail.com>

htdocs/portal/README.md

+# The FreeSWITCH Portal Project
+
+The FreeSWITCH Portal Project is designed to show an intuitive view of the FreeSWITCH internals.
+
+It can be used by FreeSWITCH funs, administrators, developers etc.
+
+It does not aims to replace GUIs such as fusionPBX or blue.box.
+
+It would be very easy to use and super helpful for new FreeSWITCH users.
+
+## Philosophy
+
+To provide a GUI out of the box without depends on external resources like PHP or a webserver such as Apache or Nginx.
+
+Mainly developed with static html and Javascripts, and perhaps some lua scripts can help do some more magic things later.
+
+## Install
+
+Assume you installed FreeSWITCH in the default place - /usr/local/freeswitch, you can do
+
+    cd /usr/local/freeswitch/htdocs
+    git clone https://github.com/seven1240/FreeSWITCH-Portal.git portal
+
+In FreeSWITCH you need to
+
+    load mod_xml_rpc
+
+Open your browser (Only Chrome is tested) and go to
+
+    http://localhost:8080/portal/index.html
+
+If you it asking for username and password you can find them in /usr/local/freeswitch/conf/autoload_configs/xml\_rpc.conf.xml. For more information see <http://wiki.freeswitch.org/wiki/Mod_xml_rpc> .
+
+## Todo
+
+* Websocket: by add websocket support in FreeSWITCH we can see channel changes lively, I have some working code as a patch to mod\_event\_socket.
+
+* Modify users: A raw idea to add a new user would be something like below and reloadxml.
+
+    sed -e 's/1000/new-user/g' 1000.xml > new-user.xml
+
+* Modify dialplan and/or other XMLs: possible to use some online XML editor and can save the XML with some lua or C code at the backend, although there are security concerns.
+
+* Store information in DB: I guess the Dbh handle in lua should can do something like this.
+
+* Web terminal: With terminal.js like things and websocket we can really build a web version of fs_cli
+
+* rtmp web client support to make and receive calls
+
+* WebRTC?
+
+* Logging, Event Debugging or SIP tracing: Yeah, more magic
+
+* i18n
+
+## Security
+
+The primary goal is to help new users learn and use FreeSWITCH. Please DON'T put this on your production server as I haven't think anything about security.
+
+## Development
+
+I started this project to learn how to use [bootstrap](twitter.github.com/bootstrap/index.html) and [ember.js](twitter.github.com/bootstrap/index.html), the latter said it is a framework for creating **ambitious** web applications.
+
+Contributions and patches are welcome.

htdocs/portal/assets/bootstrap/css/bootstrap-responsive.min.css

 /*!

htdocs/portal/assets/bootstrap/css/bootstrap.min.css

 /*!

htdocs/portal/assets/bootstrap/js/bootstrap.min.js

 /*!

htdocs/portal/assets/js/ember-1.0.0-rc.1.min.js

 // ==========================================================================

htdocs/portal/assets/js/fsportal.js

+/*
+ * The FreeSWITCH Portal Project
+ * Copyright (C) 2013-2013, Seven Du <dujinfang@gmail.com>
+ *
+ * Version: MPL 1.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is The FreeSWITCH Portal Project Software/Application
+ *
+ * The Initial Developer of the Original Code is
+ * Seven Du <dujinfang@gmail.com>
+ * Portions created by the Initial Developer are Copyright (C)
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ *
+ * Seven Du <dujinfang@gmail.com>
+ *
+ *
+ * fsportal.js -- The FreeSWITCH Portal Project
+ *
+ */
+
+var App = Ember.Application.create({
+	LOG_TRANSITIONS: true,
+	rootElement: $('#container'),
+	total: 0,
+	ready: function(){
+	}
+});
+
+App.CallsRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		// Set the IndexController's `title`
+		// controller.set('title', "My App");
+		// alert("a")
+		console.log("callsRoute");
+		App.callsController.load();
+  	}//,
+  	// renderTemplate: function() {
+	// this.render('calls');
+  	// }
+});
+
+App.ChannelsRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		// Set the IndexController's `title`
+		// controller.set('title', "My App");
+		// alert("a")
+		console.log("callsRoute");
+		App.channelsController.load();
+  	}//,
+  	// renderTemplate: function() {
+		// this.render('calls');
+  	// }
+});
+
+
+App.ShowApplicationsRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		// Set the Controller's `title`
+		controller.set('title', "ShowApplications");
+		console.log("showApplications");
+		App.applicationsController.load();
+  	}//,
+  	// renderTemplate: function() {
+		// this.render('calls');
+  	// }
+});
+
+App.ShowEndpointsRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		// Set the Controller's `title`
+		controller.set('title', "ShowEndpoints");
+		console.log(controller);
+		App.showEndpointsController.load();
+  	}//,
+  	// renderTemplate: function() {
+		// this.render('calls');
+  	// }
+});
+
+App.ShowCodecsRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		App.showCodecsController.load();
+  	}
+});
+
+App.UsersRoute = Ember.Route.extend({
+	setupController: function(controller) {
+		App.usersController.load();
+  	}
+});
+
+App.Router.map(function(){
+	this.route("calls");
+	this.route("channels");
+	this.route("showApplications");
+	this.route("showEndpoints");
+	this.route("showCodecs");
+	this.route("showFiles");
+	this.route("showAPIs");
+	this.route("show");
+	this.route("users");
+	this.route("about", { path: "/about" });
+});
+
+App.User = Em.Object.extend({
+	id: null,
+	context: null,
+	domain: null,
+	group: null,
+	contact: null
+});
+
+App.Call = Em.Object.extend({
+	uuid: null,
+	cidName: null,
+	cidNumber: null
+
+});
+
+App.Channel = Em.Object.extend({
+	uuid: null,
+	cidName: null,
+	cidNumber: null
+
+});
+
+App.callsController = Ember.ArrayController.create({
+	content: [],
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.getJSON("/txtapi/show?calls%20as%20json", function(data){
+			  // var channels = JSON.parse(data);
+			console.log(data.row_count);
+			me.set('total', data.row_count);
+			me.content.clear();
+			if (data.row_count == 0) return;
+
+			// me.pushObjects(data.rows);
+			data.rows.forEach(function(r) {
+				me.pushObject(App.Call.create(r));
+			});
+
+		});
+	},
+	dump: function(uuid) {
+		var obj = this.content.findProperty("uuid", uuid);
+		console.log(obj.getProperties(["uuid", "cid_num"]));
+	},
+	raw: function() {
+		$.get("/api/show?calls", function(data){
+			$('#aa').html(data);
+		});
+	}
+});
+
+App.channelsController = Ember.ArrayController.create({
+	content: [],
+	listener: undefined,
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.getJSON("/txtapi/show?channels%20as%20json", function(data){
+			  // var channels = JSON.parse(data);
+		 	console.log(data.row_count);
+			me.set('total', data.row_count);
+			me.content.clear();
+			if (data.row_count == 0) return;
+			data.rows.forEach(function(row) {
+				me.pushObject(App.Channel.create(row));
+		 	});
+
+		});
+	},
+	delete: function(uuid) {
+		var obj = this.content.findProperty("uuid", uuid);
+		if (obj) this.content.removeObject(obj);// else alert(uuid);
+	},
+	dump: function(uuid) {
+		var obj = this.content.findProperty("uuid", uuid);
+		console.log(obj.getProperties(["uuid", "cid_num"]));
+	},
+	checkEvent: function () { // event_sink with json is not yet support in FS
+		console.log("check");
+		var me = this;
+		if (!this.get("listener")) {
+			$.getJSON("/api/event_sink?command=create-listener&events=ALL&format=json", function(data){
+				console.log(data);
+				if (data.listener) {
+					me.set("listener", data.listener["listen-id"]);
+				}
+			});
+		}
+		if (!me.get("listener")) return;
+
+		$.getJSON("/api/event_sink?command=check-listener&listen-id=" +
+			me.get("listener") + "&format=json", function(data){
+			console.log(data);
+			if (!data.listener) {
+				me.set("listener", undefined);
+			} else {
+				data.events.forEach(function(e) {
+					eventCallback(e);
+				});
+			}
+		});
+	},
+	checkXMLEvent: function() {
+		console.log("check XML Event");
+		var me = this;
+		if (!this.get("listener")) {
+			$.get("/api/event_sink?command=create-listener&events=ALL", function(data){
+				// console.log(data);
+				var listen_id = data.getElementsByTagName("listen-id")[0];
+				if (listen_id) {
+					me.set("listener", listen_id.textContent);
+				}
+			});
+		}
+
+		if (!me.get("listener")) return;
+
+		$.get("/api/event_sink?command=check-listener&listen-id=" + me.get("listener"), function(data){
+			// console.log(data);
+			var listener = data.getElementsByTagName("listener")[0];
+			if (!listener) {
+				me.set("listener", undefined);
+			} else {
+				var events = data.getElementsByTagName("event");
+				for (var i=0; i<events.length; i++) {
+					var e = {};
+					var headers = events[i].getElementsByTagName("headers")[0];
+					for (var j=0; j<headers.childNodes.length; j++) {
+						e[headers.childNodes[j].nodeName] = headers.childNodes[j].textContent;
+					}
+					// console.log(e);
+					eventCallback(e);
+				}
+			}
+		});
+	}
+
+});
+
+App.applicationsController = Ember.ArrayController.create({
+	content: [],
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.getJSON("/txtapi/show?application%20as%20json", function(data){
+			  // var channels = JSON.parse(data);
+			console.log(data.row_count);
+			me.set('total', data.row_count);
+			me.content.clear();
+			if (data.row_count == 0) return;
+
+			me.pushObjects(data.rows);
+
+		});
+	}
+});
+
+App.showEndpointsController = Ember.ArrayController.create({
+	content: [],
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.getJSON("/txtapi/show?endpoints%20as%20json", function(data){
+			  // var channels = JSON.parse(data);
+			console.log(data.row_count);
+			me.set('total', data.row_count);
+			me.content.clear();
+			if (data.row_count == 0) return;
+
+			me.pushObjects(data.rows);
+
+		});
+	}
+});
+
+App.showCodecsController = Ember.ArrayController.create({
+	content: [],
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.getJSON("/txtapi/show?codec%20as%20json", function(data){
+			  // var channels = JSON.parse(data);
+			console.log(data.row_count);
+			me.set('total', data.row_count);
+			me.content.clear();
+			if (data.row_count == 0) return;
+
+			me.pushObjects(data.rows);
+
+		});
+	}
+});
+
+App.usersController = Ember.ArrayController.create({
+	content: [],
+	init: function(){
+	},
+	load: function() {
+		var me = this;
+		$.get("/txtapi/list_users", function(data){
+			  // var channels = JSON.parse(data);
+			lines = data.split("\n");
+			me.content.clear();
+			var users = [];
+			for (var i=1; i<lines.length; i++) {
+				var line = lines[i];
+				var fields = line.split("|");
+				if (fields.length == 1) break;
+				var user = {
+					id: fields.shift(),
+					context: fields.shift(),
+					domain: fields.shift(),
+					group: fields.shift(),
+					contact: fields.shift(),
+					callgroup: fields.shift(),
+					cid_name: fields.shift(),
+					cid_number: fields.shift()
+				}
+				// me.pushObject(App.User.create(user));
+				users.push(App.User.create(user));
+			}
+				me.pushObjects(users);
+		});
+	}
+});
+
+App.initialize();
+
+
+function eventCallback(data) {
+	console.log(data["Event-Name"]);
+	if (data["Event-Name"] == "CHANNEL_CREATE") {
+		var channel = {
+			uuid: data["Unique-ID"],
+			cid_num: data["Caller-Caller-ID-Number"],
+			dest: data["Caller-Destination-Number"],
+			callstate: data["Channel-Call-State"],
+			direction: data["Call-Direction"]
+		}
+		App.channelsController.pushObject(App.Channel.create(channel));
+	} else if (data["Event-Name"] == "CHANNEL_HANGUP_COMPLETE") {
+		App.channelsController.delete(data["Unique-ID"]);
+	} else if (data["Event-Name"] == "CHANNEL_CALLSTATE") {
+		var obj = App.channelsController.content.findProperty("uuid", data["Unique-ID"]);
+		if (obj) {
+			obj.set("callstate", data["Channel-Call-State"]);
+		}
+
+	}
+}
+

htdocs/portal/assets/js/jquery-1.9.1.min.js

 /*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license