npm - jsgui3-server - Versions diffs - 0.0.75 → 0.0.77 - Mend

jsgui3-server 0.0.75 → 0.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/examples/client-side-popup-menu-button.html CHANGED Viewed

@@ -1,94 +1,94 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Client-side Popup Menu Button</title>
-        <link rel="stylesheet" type="text/css" href="css/basic.css">
-    </head>
-    <body>
-        <div id="menu_here"></div>
-    </body>
-    <script src="js/app-bundle-active.js"></script>
-    <script language="javascript">
-        var el_popup_menu = document.getElementById('menu_here');
-        // Each item could be defined as an array.
-        var arr_items_0 = [
-            ["Load and Preallocate", (e) => {
-                console.log("Load and Preallocate", e);
-                console.trace();
-            }],
-            ["Smart Allocation", (e) => {
-                console.log("Smart Allocation", e);
-            }],
-            ["Add Travel Time", (e) => {
-                console.log("Add Travel Time", e);
-            }],
-            ["Print Rosters", (e) => {
-                console.log("Print Rosters", e);
-            }],
-            ["Email Rosters", (e) => {
-                console.log("Email Rosters", e);
-            }]
-        ];
-        var arr_items = [
-            "Load and Preallocate",
-            "Smart Allocation",
-            "Add Travel Time",
-            "Print Rosters",
-            "Email Rosters"
-        ];
-        // Or, better to activate the document, then render the popup_menu_button?
-        //  As it is, with the creation of the control before document activation, it has no element to attach its DOM events to as they are defined.
-        //  For the moment, getting it to attach its events to the DOM at the right time seems like the best approach.
-        // Better to activate / setup an individual component with jsgui rather than activate the whole document.
-        var popup_menu_button = new jsgui.Popup_Menu_Button({
-            'context': page_context,
-            'el': el_popup_menu,
-            'label': 'Actions',
-            'items': arr_items_0
-        });
-        popup_menu_button.active();
-        console.log('popup_menu_button', popup_menu_button);
-        popup_menu_button.all_html_render((err, html) => {
-            if (err) {
-                throw err;
-            } else {
-                //console.log('html', html);
-                el_popup_menu.outerHTML = html;
-                //console.log('pre activate');
-                //popup_menu_button.activate(el_popup_menu);
-                page_context.update_Controls('item', jsgui.Item);
-                page_context.update_Controls('combo_box', jsgui.Combo_Box);
-                page_context.update_Controls('popup_menu_button', jsgui.Popup_Menu_Button);
-                // this._bound_general_handler;
-                // Activation should attach the DOM events that are not attached?
-                jsgui.activate(page_context);
-            }
-        });
-        /*
-        ["Load and Preallocate", "sch_LoadandAllocate.a5w", [300, 200]],
-        ["Smart Allocation", "sch_Autofill.a5w", [300, 200]],
-        ["Add Travel Time", "sch_addTravel.a5w", [300, 400]],
-        ["Print Rosters", "sch_PrintRosters.a5w", [300, 400]],
-        ["Email Rosters", "sch_EmailRosters.a5w", [300, 400]]
-        */
-    </script>
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Client-side Popup Menu Button</title>
+        <link rel="stylesheet" type="text/css" href="css/basic.css">
+    </head>
+    <body>
+        <div id="menu_here"></div>
+    </body>
+    <script src="js/app-bundle-active.js"></script>
+    <script language="javascript">
+        var el_popup_menu = document.getElementById('menu_here');
+        // Each item could be defined as an array.
+        var arr_items_0 = [
+            ["Load and Preallocate", (e) => {
+                console.log("Load and Preallocate", e);
+                console.trace();
+            }],
+            ["Smart Allocation", (e) => {
+                console.log("Smart Allocation", e);
+            }],
+            ["Add Travel Time", (e) => {
+                console.log("Add Travel Time", e);
+            }],
+            ["Print Rosters", (e) => {
+                console.log("Print Rosters", e);
+            }],
+            ["Email Rosters", (e) => {
+                console.log("Email Rosters", e);
+            }]
+        ];
+        var arr_items = [
+            "Load and Preallocate",
+            "Smart Allocation",
+            "Add Travel Time",
+            "Print Rosters",
+            "Email Rosters"
+        ];
+        // Or, better to activate the document, then render the popup_menu_button?
+        //  As it is, with the creation of the control before document activation, it has no element to attach its DOM events to as they are defined.
+        //  For the moment, getting it to attach its events to the DOM at the right time seems like the best approach.
+        // Better to activate / setup an individual component with jsgui rather than activate the whole document.
+        var popup_menu_button = new jsgui.Popup_Menu_Button({
+            'context': page_context,
+            'el': el_popup_menu,
+            'label': 'Actions',
+            'items': arr_items_0
+        });
+        popup_menu_button.active();
+        console.log('popup_menu_button', popup_menu_button);
+        popup_menu_button.all_html_render((err, html) => {
+            if (err) {
+                throw err;
+            } else {
+                //console.log('html', html);
+                el_popup_menu.outerHTML = html;
+                //console.log('pre activate');
+                //popup_menu_button.activate(el_popup_menu);
+                page_context.update_Controls('item', jsgui.Item);
+                page_context.update_Controls('combo_box', jsgui.Combo_Box);
+                page_context.update_Controls('popup_menu_button', jsgui.Popup_Menu_Button);
+                // this._bound_general_handler;
+                // Activation should attach the DOM events that are not attached?
+                jsgui.activate(page_context);
+            }
+        });
+        /*
+        ["Load and Preallocate", "sch_LoadandAllocate.a5w", [300, 200]],
+        ["Smart Allocation", "sch_Autofill.a5w", [300, 200]],
+        ["Add Travel Time", "sch_addTravel.a5w", [300, 400]],
+        ["Print Rosters", "sch_PrintRosters.a5w", [300, 400]],
+        ["Email Rosters", "sch_EmailRosters.a5w", [300, 400]]
+        */
+    </script>
 </html>

package/examples/controls/_html-server-color-palette.js CHANGED Viewed

@@ -1,115 +1,115 @@
-/**
- * Created by James on 02/10/2016.
- */
-// This one will need to activate on the client.
-//  Really want the whole thing to be in one file.
-//  Possible to have a standard activation?
-//
-// Or we need to have a client-side control?
-//
-// Some of the wiring could be done automatically.
-//
-var jsgui = require('jsgui3-html');
-var Start_Stop_Toggle_Button = jsgui.Start_Stop_Toggle_Button;
-var Color_Palette = jsgui.Color_Palette;
-var Server = require('../../server');
-var port = 8000;
-var Server_Page_Context = require('../../page-context');
-var server = new Server({
-	'routes': {
-		'*': {
-			'name': 'HTML Server'
-		}
-	}
-});
-var resource_pool = server.resource_pool;
-// Rendering single page controls makes a lot of sense.
-//  It means the activation code can be contained better there.
-//console.log('resource_pool', resource_pool);
-//console.log('resource_pool.resources', resource_pool.resources);
-// The start stop toggle button would need to be registered on the client side.
-//  May be worth it to have the standard controls registered to start with.
-//  Or to have the app know which controls are used, so it can register them.
-// Get the website resource
-// Caching items / resources by type?
-// Need to give the resources a name.
-//var website = resource_pool.get_resource('Server Router');
-//console.log('\n\n');
-//console.log('resource_names', resource_pool.get_resource_names());
-//throw 'stop';
-var server_router = resource_pool.get_resource('Server Router');
-//console.log('server_router', server_router);
-if (!server_router) {
-	throw 'no server_router';
-}
-var routing_tree = server_router.routing_tree;
-routing_tree.set('/', function (req, res) {
-	//console.log('root path / request');
-	var server_page_context = new Server_Page_Context({
-		'req': req,
-		'res': res,
-		'resource_pool': resource_pool
-	});
-	// Page_Bounds_Specifier
-	var hd = new jsgui.Client_HTML_Document({
-		'context': server_page_context
-	});
-	hd.include_client_css();
-	hd.include_js('/js/app-bundle-active.js');
-	var body = hd.body;
-	body.size = [800, 600];
-	var ctrl = new Color_Palette({
-		'context': server_page_context,
-		'size': [312, 312]
-	});
-	//var ctrl2 = new jsgui.Control({});
-	ctrl.resizable = true;
-	body.add(ctrl);
-	ctrl.active();
-	hd.all_html_render(function (err, deferred_html) {
-		if (err) {
-			throw err;
-		} else {
-			//console.log('deferred_html', deferred_html);
-			var mime_type = 'text/html';
-			//console.log('mime_type ' + mime_type);
-			res.writeHead(200, { 'Content-Type': mime_type });
-			res.end('<!DOCTYPE html>' + deferred_html, 'utf-8');
-		}
-	});
-});
-//console.log('pre server start');
-server.start(port, function (err, cb_start) {
-	if (err) {
-		throw err;
-	} else {
-		console.log('master server started');
-	}
+/**
+ * Created by James on 02/10/2016.
+ */
+// This one will need to activate on the client.
+//  Really want the whole thing to be in one file.
+//  Possible to have a standard activation?
+//
+// Or we need to have a client-side control?
+//
+// Some of the wiring could be done automatically.
+//
+var jsgui = require('jsgui3-html');
+var Start_Stop_Toggle_Button = jsgui.Start_Stop_Toggle_Button;
+var Color_Palette = jsgui.Color_Palette;
+var Server = require('../../server');
+var port = 8000;
+var Server_Page_Context = require('../../page-context');
+var server = new Server({
+	'routes': {
+		'*': {
+			'name': 'HTML Server'
+		}
+	}
+});
+var resource_pool = server.resource_pool;
+// Rendering single page controls makes a lot of sense.
+//  It means the activation code can be contained better there.
+//console.log('resource_pool', resource_pool);
+//console.log('resource_pool.resources', resource_pool.resources);
+// The start stop toggle button would need to be registered on the client side.
+//  May be worth it to have the standard controls registered to start with.
+//  Or to have the app know which controls are used, so it can register them.
+// Get the website resource
+// Caching items / resources by type?
+// Need to give the resources a name.
+//var website = resource_pool.get_resource('Server Router');
+//console.log('\n\n');
+//console.log('resource_names', resource_pool.get_resource_names());
+//throw 'stop';
+var server_router = resource_pool.get_resource('Server Router');
+//console.log('server_router', server_router);
+if (!server_router) {
+	throw 'no server_router';
+}
+var routing_tree = server_router.routing_tree;
+routing_tree.set('/', function (req, res) {
+	//console.log('root path / request');
+	var server_page_context = new Server_Page_Context({
+		'req': req,
+		'res': res,
+		'resource_pool': resource_pool
+	});
+	// Page_Bounds_Specifier
+	var hd = new jsgui.Client_HTML_Document({
+		'context': server_page_context
+	});
+	hd.include_client_css();
+	hd.include_js('/js/app-bundle-active.js');
+	var body = hd.body;
+	body.size = [800, 600];
+	var ctrl = new Color_Palette({
+		'context': server_page_context,
+		'size': [312, 312]
+	});
+	//var ctrl2 = new jsgui.Control({});
+	ctrl.resizable = true;
+	body.add(ctrl);
+	ctrl.active();
+	hd.all_html_render(function (err, deferred_html) {
+		if (err) {
+			throw err;
+		} else {
+			//console.log('deferred_html', deferred_html);
+			var mime_type = 'text/html';
+			//console.log('mime_type ' + mime_type);
+			res.writeHead(200, { 'Content-Type': mime_type });
+			res.end('<!DOCTYPE html>' + deferred_html, 'utf-8');
+		}
+	});
+});
+//console.log('pre server start');
+server.start(port, function (err, cb_start) {
+	if (err) {
+		throw err;
+	} else {
+		console.log('master server started');
+	}
 });

package/examples/controls/html-server-combo-box.js CHANGED Viewed

@@ -1,105 +1,105 @@
-/**
- * Created by James on 02/10/2016.
- */
-// This one will need to activate on the client.
-//  Really want the whole thing to be in one file.
-//  Possible to have a standard activation?
-//
-// Or we need to have a client-side control?
-//
-// Some of the wiring could be done automatically.
-//
-var jsgui = require('../server/server');
-var Combo_Box = jsgui.Combo_Box;
-var Server = jsgui.Server;
-var port = 80;
-var Server_Page_Context = Server.Page_Context;
-var server = new Server({
-	routes: {
-		'*': {
-			'name': 'html-server'
-		}
-	}
-});
-var resource_pool = server.resource_pool;
-// Rendering single page controls makes a lot of sense.
-//  It means the activation code can be contained better there.
-//console.log('resource_pool', resource_pool);
-//console.log('resource_pool.resources', resource_pool.resources);
-// The start stop toggle button would need to be registered on the client side.
-//  May be worth it to have the standard controls registered to start with.
-//  Or to have the app know which controls are used, so it can register them.
-// Get the website resource
-// Caching items / resources by type?
-// Need to give the resources a name.
-//var website = resource_pool.get_resource('Server Router');
-//console.log('\n\n');
-var server_router = resource_pool.get_resource('Server Router');
-//console.log('server_router', server_router);
-if (!server_router) {
-	throw 'no server_router';
-}
-var routing_tree = server_router.routing_tree;
-routing_tree.set('/', function(req, res) {
-	//console.log('root path / request');
-	var server_page_context = new Server_Page_Context({
-		'req': req,
-		'res': res,
-		'resource_pool': resource_pool
-	});
-	// Page_Bounds_Specifier
-	var hd = new jsgui.Client_HTML_Document({
-		'context': server_page_context
-	});
-	hd.include_client_css();
-	hd.include_js('/js/app-bundle.js');
-	var body = hd.body;
-    var ctrl = new Combo_Box({
-		'context': server_page_context
-	});
-	//var ctrl2 = new jsgui.Control({});
-	body.add(ctrl);
-	// Can change to observable promise that also has log info
-	//  Will then be easier to peak into log info and show it in a gui as well.
-	//  Log guids could also be of use with this.
-	hd.all_html_render(function(err, deferred_html) {
-		if (err) {
-			throw err;
-		} else {
-			//console.log('deferred_html', deferred_html);
-			var mime_type = 'text/html';
-			//console.log('mime_type ' + mime_type);
-			res.writeHead(200, { 'Content-Type': mime_type });
-			res.end('<!DOCTYPE html>' + deferred_html, 'utf-8');
-		}
-	});
-});
-server.start(port, function(err, cb_start) {
-	if (err) {
-		throw err;
-	} else {
-		console.log('master server started');
-	}
+/**
+ * Created by James on 02/10/2016.
+ */
+// This one will need to activate on the client.
+//  Really want the whole thing to be in one file.
+//  Possible to have a standard activation?
+//
+// Or we need to have a client-side control?
+//
+// Some of the wiring could be done automatically.
+//
+var jsgui = require('../server/server');
+var Combo_Box = jsgui.Combo_Box;
+var Server = jsgui.Server;
+var port = 80;
+var Server_Page_Context = Server.Page_Context;
+var server = new Server({
+	routes: {
+		'*': {
+			'name': 'html-server'
+		}
+	}
+});
+var resource_pool = server.resource_pool;
+// Rendering single page controls makes a lot of sense.
+//  It means the activation code can be contained better there.
+//console.log('resource_pool', resource_pool);
+//console.log('resource_pool.resources', resource_pool.resources);
+// The start stop toggle button would need to be registered on the client side.
+//  May be worth it to have the standard controls registered to start with.
+//  Or to have the app know which controls are used, so it can register them.
+// Get the website resource
+// Caching items / resources by type?
+// Need to give the resources a name.
+//var website = resource_pool.get_resource('Server Router');
+//console.log('\n\n');
+var server_router = resource_pool.get_resource('Server Router');
+//console.log('server_router', server_router);
+if (!server_router) {
+	throw 'no server_router';
+}
+var routing_tree = server_router.routing_tree;
+routing_tree.set('/', function(req, res) {
+	//console.log('root path / request');
+	var server_page_context = new Server_Page_Context({
+		'req': req,
+		'res': res,
+		'resource_pool': resource_pool
+	});
+	// Page_Bounds_Specifier
+	var hd = new jsgui.Client_HTML_Document({
+		'context': server_page_context
+	});
+	hd.include_client_css();
+	hd.include_js('/js/app-bundle.js');
+	var body = hd.body;
+    var ctrl = new Combo_Box({
+		'context': server_page_context
+	});
+	//var ctrl2 = new jsgui.Control({});
+	body.add(ctrl);
+	// Can change to observable promise that also has log info
+	//  Will then be easier to peak into log info and show it in a gui as well.
+	//  Log guids could also be of use with this.
+	hd.all_html_render(function(err, deferred_html) {
+		if (err) {
+			throw err;
+		} else {
+			//console.log('deferred_html', deferred_html);
+			var mime_type = 'text/html';
+			//console.log('mime_type ' + mime_type);
+			res.writeHead(200, { 'Content-Type': mime_type });
+			res.end('<!DOCTYPE html>' + deferred_html, 'utf-8');
+		}
+	});
+});
+server.start(port, function(err, cb_start) {
+	if (err) {
+		throw err;
+	} else {
+		console.log('master server started');
+	}
 });