├── MultiDuetWebControl-All-2.01.zip
├── MultiDuetWebControl-Duet-2.01.zip
├── README.md
├── buildAll.sh
├── buildDuet.sh
└── core
    ├── Multi.htm
    ├── MultiLanguage.xml
    ├── fonts
        ├── Homenaje-Regular.ttf
        ├── glyphicons.eot
        ├── glyphicons.ttf
        ├── glyphicons.woff
        └── glyphicons.woff2
    └── js
        ├── MultiDWMC.comm.js
        ├── MultiDWMC.interface.js
        └── MultiDWMC.settings.js


/MultiDuetWebControl-All-2.01.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/MultiDuetWebControl-All-2.01.zip


--------------------------------------------------------------------------------
/MultiDuetWebControl-Duet-2.01.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/MultiDuetWebControl-Duet-2.01.zip


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # MultiDuetWebMonitorControl
 2 | 
 3 | Multi Duet Web Monitoring and Control is a fully-responsive HTML5-based web interface intended to provide "One Pane of Glass" monitoring, and some limited control, of multiple instances of Duet hardware running reprap firmware. 
 4 | 
 5 | Design goals:
 6 | * Reuse as much code from Duet Web Control as resonably possible.
 7 |   * Specifically, use the css, fonts, languages translation xml, without changes.
 8 |   * Use some of the javascript modules without changes. 
 9 | * Communicate with RepRapFirmware using HTTP GET requests.
10 | * Provide "Arms length" status through color coding of large areas of the screen. 
11 | * Be as "Self Operating" as resonably possible, such as auto-connect, auto-retry, auto status update, and similar. 
12 | * Duet Multi is specifically NOT intended to replicate all function of "Duet Web Control".
13 | 
14 | Multi Duet Web Monitoring and Control is free software; it is licensed under the terms of the GNU Public License v2.
15 | 
16 | ## Supported electronics
17 | 
18 | At this time the following platforms are supported:
19 | 
20 | * Duet 0.6
21 | * Duet 0.8.5
22 | * Duet WiFi
23 | * Duet Ethernet
24 | 
25 | 
26 | ## Building Multi Duet Web Monitoring and Control
27 | 
28 | Pre-built zips are included.  See "Installation" below. 
29 | 
30 | Multi Duet Web Monitoring and Control can be served from three places:
31 | 
32 | 1) Public internet "http://danalspub.com/MultiDWMC/"
33 | 2) Any local file system or web server on your network. 
34 | 3) Any Duet on your network, after you upload it (see below) via "http://your-printer/multi.htm"
35 | 
36 | Because Multi Duet Web Monitoring and Control uses .css, font, language.xml, and other files from DWC, and these other files will only be present on a Duet, there are two different build scripts provided. 
37 | 
38 | ./buildAll.sh creates a zip with a directory structure and the required extra files making it suitable for (1) and (2) above, that is "served by a file system or web server".
39 | 
40 | ./buildDuet.sh creates a zip with a directory structure and files that will work only when uploaded to a Duet that alread has DWC installed, that is "served by a duet".
41 | 
42 | To run either script, open a terminal in the github downloaded root directory and run the desired script. Refer to the build script header to see which other tools you will need. These build scripts should run on OS X or Linux.  They will not run on windows. 
43 | 
44 | Once the script has completed, the resulting .zip file,  MultiDuetWebControl-$VERSION.zip can be uploaded with the normal DWC upload process.  Just upload the whole zip. 
45 | 
46 | Once uploaded, invoke it via "http://name-or-ip-of-duet/Multi".  It need only be loaded on one Duet to monitor any number of duets. 
47 | 
48 | These packages can be uploaded via Duet Web Control to update the web interface. Due to the extra compression on the Duet WiFi, it is recommended to test new features on first-generation Duets first.
49 | 
50 | ## Internationalization
51 | 
52 | Multi Duet Web Control uses the same internationalization as Duet Web Control.  See details in the Duet Web Control github project on how to enhance or contribute enhancements to the translations. 
53 | 
54 | ## Installation
55 | 
56 | 1) To install on a stand-alone web server, download the "MultiDuetWebControl-All-$VERSION.zip", unzip the entire directory structure to the location of your choice on the web server, and invoke via a URL that opens page "Multi.htm", such as "http://mywebserver/somedir/multi.htm"
57 | 
58 | 2) To install on a local PC file system, download the "MultiDuetWebControl-All-$VERSION.zip", unzip the entire directory structure to the location of your choice on the file system, server, and invoke via a URL that opens page "Multi.htm", such as "file:///C:/Users/Joe/MultiDuet/multi.htm"
59 | 
60 | 3) To install on a Duet, download the "MultiDuetWebControl-Duet-$VERSION.zip", uplod to the Duet via normal DWC 'Settings' > 'Upload File(s)' buttons.  (Do not unzip; just upload the whole zip).   Invoke via URL "http://my-duet-name-or-ip/multi.htm".  
61 | 
62 | Multi Duet Web Control and Monitoring need only be uploaded to one Duet; after loading, other Duets can be added for monitoring. 
63 | 
64 | ## General Notes
65 | 
66 | * ALL configuration information is kept in browser local storage.  This means that if you run DMWMC from a different browser than where you originally set up printers, you must re-enter the printer setup information. 
67 | 
68 | * Passwords are not encrypted, neither "on the wire" nor in browser storage.  This is exactly the same as DWC. 
69 | 
70 | * Duet firmware has some oddities when clients "just go away" without disconnecting.  Try and remember to press "Disconnect All and Stop" before closing the page. 
71 | 
72 | 
73 | 
74 | 


--------------------------------------------------------------------------------
/buildAll.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/sh
  2 | # Build script for MultiDuetWebMonitor
  3 | # The "buildAll" flavor produces a package suitable for a stand-alone web server, or file system. 
  4 | #
  5 | # licensed under the terms of the GNU Public License v3,
  6 | # derived from build.sh written by Christian Hammacher 2016-2017 for DWC
  7 | # rewritten for Multi Duet Web Control by Danal Estes (c) 2018
  8 | #
  9 | # The following tools are required:
 10 | # - yui-compressor from https://yui.github.io/yuicompressor
 11 | # - UglifyJS from https://github.com/mishoo/UglifyJS
 12 | # - gzip utility
 13 | # Make sure all tools are accessible via your PATH environment variable!
 14 | 
 15 | # Optional paths to the required tools
 16 | YUI_COMPRESSOR=yuicompressor
 17 | UGLIFYJS=uglifyjs
 18 | GZIP=gzip
 19 | 
 20 | # Check for required tools
 21 | if [[ ! $(type $YUI_COMPRESSOR 2>/dev/null) ]]; then
 22 | 	echo "yui-compressor not found in PATH!"
 23 | 	echo $PATH
 24 | 	exit
 25 | fi
 26 | 
 27 | if [[ ! $(type $UGLIFYJS 2>/dev/null) ]]; then
 28 | 	echo "uglifyjs not found in PATH!"
 29 | 	exit
 30 | fi
 31 | 
 32 | if [[ ! $(type $GZIP 2>/dev/null) ]]; then
 33 | 	echo "gzip not found in PATH!"
 34 | 	exit
 35 | fi
 36 | 
 37 | # Core directory must contain Multi.htm
 38 | if [ ! -f "./core/Multi.htm" ] ; then
 39 | 	echo "core directory doesn't contain Multi.htm"
 40 | 	exit
 41 | fi
 42 | 
 43 | # Repository for DWC must be in directory at same level (parallel) to MultiDuetWebMonitor
 44 | if [ ! -f "../DuetWebControl/core/html404.htm" ] ; then
 45 | 	echo "DWC repository must be in parallel directory.  Not Found."
 46 | 	exit
 47 | fi
 48 | if [ ! -f "../DuetWebControl/core/js/notify.js" ] ; then
 49 | 	echo "DWC repository must be in parallel directory.  Not Found."
 50 | 	exit
 51 | fi
 52 | 
 53 | # Get the current version
 54 | VERSION=$(perl -nl0e 'print $1 if /MultiDWMC Web Interface Version.*(\d.\d\d).*/' ./core/Multi.htm | tr -d '\0')
 55 | 
 56 | # Create an empty build directory and clean up
 57 | if [  -d "./build" ] ; then
 58 | 	rm -r ./build
 59 | fi
 60 | mkdir ./build
 61 | set -- MultiDuetWebControl-All*.zip
 62 | if [ -f "$1" ]; then
 63 | 	rm -f ./MultiDuetWebControl-All*.zip
 64 | fi
 65 | 
 66 | echo "=> Building compressed Duet Multi Web Control v$VERSION bundle"
 67 | 
 68 | # Copy HTML files and change CSS and JS rels
 69 | echo "Changing CSS and JS paths in HTML files"
 70 | cp ../DuetWebControl/core/html404.htm ./build/html404.htm
 71 | cp ./core/Multi.htm ./build/Multi.htm
 72 | sed -i '' '/<link href/d' ./build/Multi.htm
 73 | sed -i '' '/<script src/d' ./build/Multi.htm
 74 | sed -i '' '/<!-- CSS/a\
 75 | <link href="css/dwc.css" rel="stylesheet">\' ./build/Multi.htm
 76 | sed -i '' '/<!-- Placed/a\
 77 | <script src="js/MultiDWMC.js"></script>\' ./build/Multi.htm
 78 | 
 79 | 
 80 | # Compress XML files
 81 | echo "Compressing XML files"
 82 | cp ../DuetWebControl/core/language.xml ./build/
 83 | 
 84 | 
 85 | # Minify and compress CSS files
 86 | echo "Minifying and compressing CSS files"
 87 | mkdir ./build/css
 88 | $YUI_COMPRESSOR -o ./build/css/slate.css ../DuetWebControl/core/css/slate.css
 89 | $YUI_COMPRESSOR -o ./build/css/bootstrap-theme.css ../DuetWebControl/core/css/bootstrap-theme.css
 90 | CSS_FILES=$(grep -e "\.css" ./core/Multi.htm | cut -d '"' -f 2 | sed -e 's/^/core\//')
 91 | for FILE in $CSS_FILES; do
 92 | 	echo "- Minifying $FILE..."
 93 | 	$YUI_COMPRESSOR $FILE >> ./build/css/dwc.css
 94 | done
 95 | 
 96 | # Concatenate JS files. They could be minified as well, but that would make debugging rather tricky
 97 | echo "Minifying and concatenating JS files"
 98 | mkdir ./build/js
 99 | echo "var dwcVersion = \"$VERSION\";" > ./build/js/MultiDWMC.js
100 | 
101 | JS_FILES=$(grep -e "\.js" ./core/Multi.htm | cut -d '"' -f 2 | sed -e 's/^/core\//' | tr '\n' ' ')
102 | for FILE in $JS_FILES; do
103 | 	if [[ $FILE == "core/js/3rd-party/"* ]]; then
104 | 		echo "- Minifying $FILE..."
105 | 		cat $FILE | $UGLIFYJS -c -m --keep-fnames >> ./build/js/MultiDWMC.js
106 | 		#cat $FILE >> ./build/js/MultiDWMC.js
107 | 	else
108 | 		echo "- Appending $FILE..."
109 | 		cat $FILE >> ./build/js/MultiDWMC.js
110 | 	fi
111 | done
112 | 
113 | 
114 | # Compress font files
115 | echo "Compressing fonts"
116 | mkdir ./build/fonts
117 | cat ../DuetWebControl/core/fonts/glyphicons-halflings-regular.eot   > ./build/fonts/glyphicons.eot
118 | cat ../DuetWebControl/core/fonts/glyphicons-halflings-regular.svg   > ./build/fonts/glyphicons.svg
119 | cat ../DuetWebControl/core/fonts/glyphicons-halflings-regular.ttf   > ./build/fonts/glyphicons.ttf
120 | cat ../DuetWebControl/core/fonts/glyphicons-halflings-regular.woff  > ./build/fonts/glyphicons.woff
121 | cat ../DuetWebControl/core/fonts/glyphicons-halflings-regular.woff2 > ./build/fonts/glyphicons.woff2
122 | cat ../DuetWebControl/core/fonts/Homenaje-Regular.ttf               > ./build/fonts/Homenaje-Regular.ttf
123 | 
124 | # Now build MultiDuetWebControl-All
125 | echo "=> Building final Duet Multi Web Control package"
126 | cd ./build
127 | zip -r -o ../MultiDuetWebControl-All-$VERSION.zip ./*
128 | cd ..
129 | 
130 | # Clean up again
131 | rm -r ./build
132 | echo "Done"
133 | 


--------------------------------------------------------------------------------
/buildDuet.sh:
--------------------------------------------------------------------------------
  1 | #!/bin/sh
  2 | # Build script for MultiDuetWebMonitor
  3 | # The "buildDuet" flavor produces a package suitable for a serving from a Duet that already has DWC installed. 
  4 | #     In particular, it does not contain the css, font, or language xml files that it expects are already present from DWC.
  5 | #
  6 | # licensed under the terms of the GNU Public License v3,
  7 | # derived from build.sh written by Christian Hammacher 2016-2017 for DWC
  8 | # rewritten for Multi Duet Web Control by Danal Estes (c) 2018
  9 | #
 10 | # The following tools are required:
 11 | # - yui-compressor from https://yui.github.io/yuicompressor
 12 | # - UglifyJS from https://github.com/mishoo/UglifyJS
 13 | # - gzip utility
 14 | # Make sure all tools are accessible via your PATH environment variable!
 15 | 
 16 | # Optional paths to the required tools
 17 | YUI_COMPRESSOR=yuicompressor
 18 | UGLIFYJS=uglifyjs
 19 | GZIP=gzip
 20 | 
 21 | # Check for required tools
 22 | if [[ ! $(type $YUI_COMPRESSOR 2>/dev/null) ]]; then
 23 | 	echo "yui-compressor not found in PATH!"
 24 | 	exit
 25 | fi
 26 | 
 27 | if [[ ! $(type $UGLIFYJS 2>/dev/null) ]]; then
 28 | 	echo "uglifyjs not found in PATH!"
 29 | 	exit
 30 | fi
 31 | 
 32 | if [[ ! $(type $GZIP 2>/dev/null) ]]; then
 33 | 	echo "gzip not found in PATH!"
 34 | 	exit
 35 | fi
 36 | 
 37 | # Core directory must contain Multi.htm
 38 | if [ ! -f "./core/Multi.htm" ] ; then
 39 | 	echo "core directory doesn't contain Multi.htm"
 40 | 	exit
 41 | fi
 42 | 
 43 | # Repository for DWC must be in directory at same level (parallel) to MultiDuetWebMonitor
 44 | if [ ! -f "../DuetWebControl/core/html404.htm" ] ; then
 45 | 	echo "DWC repository must be in parallel directory.  Not Found."
 46 | 	exit
 47 | fi
 48 | if [ ! -f "../DuetWebControl/core/js/notify.js" ] ; then
 49 | 	echo "DWC repository must be in parallel directory.  Not Found."
 50 | 	exit
 51 | fi
 52 | 
 53 | # Get the current version
 54 | VERSION=$(perl -nl0e 'print $1 if /MultiDWMC Web Interface Version.*(\d.\d\d).*/' ./core/Multi.htm | tr -d '\0')
 55 | 
 56 | # Create an empty build directory and clean up
 57 | if [  -d "./build" ] ; then
 58 | 	rm -r ./build
 59 | fi
 60 | mkdir ./build
 61 | set -- MultiDuetWebControl-Duet*.zip
 62 | if [ -f "$1" ]; then
 63 | 	rm -f ./MultiDuetWebControl-Duet*.zip
 64 | fi
 65 | 
 66 | echo "=> Building compressed Duet Multi Web Control v$VERSION bundle"
 67 | 
 68 | # Copy HTML files and change CSS and JS rels
 69 | echo "Changing CSS and JS paths in HTML files"
 70 | cp ./core/Multi.htm ./build/Multi.htm
 71 | sed -i '' '/<link href/d' ./build/Multi.htm
 72 | sed -i '' '/<script src/d' ./build/Multi.htm
 73 | sed -i '' '/<!-- CSS/a\
 74 | <link href="css/dwc.css" rel="stylesheet">\' ./build/Multi.htm
 75 | sed -i '' '/<!-- Placed/a\
 76 | <script src="js/MultiDWMC.js"></script>\' ./build/Multi.htm
 77 | 
 78 | # Compress HTML files
 79 | echo "Compressing HTML file"
 80 | $GZIP -c ./build/Multi.htm > ./build/Multi.htm.gz
 81 | rm ./build/Multi.htm
 82 | 
 83 | 
 84 | # Concatenate JS files. They could be minified as well, but that would make debugging rather tricky
 85 | echo "Minifying and concatenating JS files"
 86 | mkdir ./build/js
 87 | echo "var dwcVersion = \"$VERSION\";" > ./build/js/MultiDWMC.js
 88 | 
 89 | JS_FILES=$(grep -e "\.js" ./core/Multi.htm | cut -d '"' -f 2 | sed -e 's/^/core\//' | tr '\n' ' ')
 90 | for FILE in $JS_FILES; do
 91 | 	if [[ $FILE == "core/js/3rd-party/"* ]]; then
 92 | 		echo "- Minifying $FILE..."
 93 | 		cat $FILE | $UGLIFYJS -c -m --keep-fnames >> ./build/js/MultiDWMC.js
 94 | 		#cat $FILE >> ./build/js/MultiDWMC.js
 95 | 	else
 96 | 		echo "- Appending $FILE..."
 97 | 		cat $FILE >> ./build/js/MultiDWMC.js
 98 | 	fi
 99 | done
100 | 
101 | # Compress minified JS file
102 | echo "Compressing JS file"
103 | $GZIP -c ./build/js/MultiDWMC.js > ./build/js/MultiDWMC.js.gz
104 | rm ./build/js/MultiDWMC.js
105 | 
106 | 
107 | # Now build MultiDuetWebControl-Duet
108 | echo "=> Building final Duet Multi Web Control package"
109 | cd ./build
110 | zip -r -o ../MultiDuetWebControl-Duet-$VERSION.zip ./*
111 | cd ..
112 | 
113 | # Clean up again
114 | rm -r ./build
115 | echo "Done"
116 | 


--------------------------------------------------------------------------------
/core/Multi.htm:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <!--	Multi Duet Monitor and Control
  3 | 
  4 | 	written  by Danal Estes
  5 | 	inspired by Christian Hammacher's DWC
  6 | 
  7 | 	licensed under the terms of the GPL v2
  8 | 	see http://www.gnu.org/licenses/gpl-2.0.html
  9 | -->
 10 | <html lang="en">
 11 | 	<head>
 12 | <meta http-equiv="cache-control" content="no-cache, must-revalidate, post-check=0, pre-check=0" />
 13 | <meta http-equiv="cache-control" content="max-age=0" />
 14 | <meta http-equiv="expires" content="0" />
 15 | <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
 16 | <meta http-equiv="pragma" content="no-cache" />
 17 | 	
 18 | 	
 19 | 		<meta charset="utf-8">
 20 | 		<title id="title">Multi Duet Monitor and Control</title>
 21 | 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 22 | 		<meta http-equiv="cleartype" content="on">
 23 | 		<meta name="description" content="Web Interface Multiple Instances of Duet motion control board">
 24 | 		<meta name="author" content="Danal Estes">
 25 | 		<meta name="MobileOptimized" content="320">
 26 | 		<meta name="HandheldFriendly" content="yes">
 27 | 		<meta name="apple-mobile-web-app-capable" content="yes">
 28 | 		<meta name="viewport" content="width=480, initial-scale=0.75">
 29 | 
 30 | 		<!-- Favicon -->
 31 | 		<link rel="shortcut icon" href="../../DuetWebControl/core/favicon.ico">
 32 | 		<!-- CSS -->
 33 | 		<link href="../../DuetWebControl/core/css/animate.css" rel="stylesheet">
 34 | 		<link href="../../DuetWebControl/core/css/bootstrap.css" rel="stylesheet">
 35 | 		<link href="../../DuetWebControl/core/css/bootstrap-slider.css" rel="stylesheet">
 36 | 		<link href="../../DuetWebControl/core/css/defaults.css" rel="stylesheet">
 37 | 		<link href="../../DuetWebControl/core/css/layout-xs.css" rel="stylesheet">
 38 | 		<link href="../../DuetWebControl/core/css/layout-sm.css" rel="stylesheet">
 39 | 		<link href="../../DuetWebControl/core/css/layout-md.css" rel="stylesheet">
 40 | 		<link href="../../DuetWebControl/core/css/layout-lg.css" rel="stylesheet">  
 41 | 	
 42 | 	<!-- try to use styles from dwc's existing styles. If more needed, put them here --> 
 43 | 	<style>
 44 | 		.table-breakword td {
 45 | 			overflow-wrap: break-word;
 46 | 			word-wrap: break-word;
 47 | 			-ms-word-break: break-all;
 48 | 			/* This is the dangerous one in WebKit, as it breaks things wherever */
 49 | 			word-break: break-all;
 50 | 			/* Instead use this non-standard one: */
 51 | 			word-break: break-word;
 52 | 		}
 53 | 		.table-breakword input {
 54 | 			width: 9em;
 55 | 		}
 56 | 	  @keyframes flash-red {
 57 | 		0%   { background-color: #F99; }
 58 | 		49%  { background-color: #F99; }
 59 | 		51%  { background-color: #FAA; }
 60 | 		100% { background-color: #FAA; }
 61 | 	  }
 62 | 	  .row-flash-red {
 63 | 		animation: flash-red 1s infinite;
 64 | 	  }
 65 | }
 66 | 
 67 | 	</style>
 68 | 
 69 | 	</head>
 70 | 
 71 | 	<body>
 72 | 
 73 | 		<!-- Main Content -->
 74 | 		<main id="main_content">
 75 | 			<nav class="navbar navbar-default">
 76 | 				<div class="container-fluid">
 77 | 					<!-- Regular navbar entries -->
 78 | 					<div class="collapse navbar-collapse">
 79 | 						<ul class="nav nav-justified hidden-xs">
 80 | 							<li>
 81 | 								<a href="#" class="navbar-brand">
 82 | 									<span class="machine-name">Multi Duet Web Monitoring and Control</span>
 83 | 								</a>
 84 | 							</li>
 85 | 						</ul>
 86 | 					</div>
 87 | 
 88 | 		<hr style="height:5px;border:none;color:#333;background-color:#333;">
 89 | 		
 90 | 			<table class="table table-bordered table-centered-cells table-breakword" id="table_of_printers">
 91 | 				<tr>
 92 | 					<th>Name and IP</th>
 93 | 					<th>Status</th>
 94 | 					<th>Controls</th>
 95 | 					<th>Sort</th>
 96 | 				</tr>
 97 | 			</table>
 98 | 		
 99 | 		<hr style="height:5px;border:none;color:#333;background-color:#333;">
100 | 		<center>
101 | 		<input type="button" class="btn btn-success" id="b-addprinter" value="Add a Printer"></input>
102 | 		<input type="button" class="btn btn-danger"  id="b-delprinter" value="Delete a Printer"></input>
103 | 		<br>
104 | 		<br>
105 | 		<input type="button" class="btn btn-danger"  id="b-discstop" value="Disconnect All and Stop Auto Updates"></input>
106 | 		</center>
107 | 
108 | 		</main>
109 | 	
110 | 		<!-- Modal dialogs -->
111 | 		<div class="modal fade" id="modal_host_input">
112 | 			<div class="modal-dialog modal-md">
113 | 				<div class="modal-content">
114 | 					<form id="form_host">
115 | 						<div class="modal-header">
116 | 							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
117 | 							<h4 class="modal-title">Add a Printer</h4>
118 | 						</div>
119 | 						<div class="modal-body">
120 | 							<div class="form-group">
121 | 								<label for="input_host">Please enter the IP address or Hostname of your board:</label>
122 | 								<input type="text" class="form-control" id="input_host">
123 | 							</div>
124 | 
125 | 						</div>
126 | 						<div class="modal-footer">
127 | 							<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>
128 | 							<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> Next</button>
129 | 						</div>
130 | 					</form>
131 | 				</div>
132 | 			</div>
133 | 		</div>
134 | 
135 | 		<div class="modal fade" id="modal_pass_input">
136 | 			<div class="modal-dialog modal-md">
137 | 				<div class="modal-content">
138 | 					<form id="form_password">
139 | 						<div class="modal-header">
140 | 							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
141 | 							<h4 class="modal-title">Password required</h4>
142 | 						</div>
143 | 						<div class="modal-body">
144 | 							<div class="form-group">
145 | 								<label for="input_password">Please enter the password: (click "done" if no password)</label>
146 | 								<input type="password" class="form-control" id="input_password">
147 | 							</div>
148 | 						</div>
149 | 						<div class="modal-footer">
150 | 							<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
151 | 							<button type="submit" class="btn btn-primary">Done</button>
152 | 						</div>
153 | 					</form>
154 | 				</div>
155 | 			</div>
156 | 		</div>
157 | 
158 | 		<div class="modal fade" id="modal_host_del_input">
159 | 			<div class="modal-dialog modal-md">
160 | 				<div class="modal-content">
161 | 					<form id="form_del_host">
162 | 						<div class="modal-header">
163 | 							<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
164 | 							<h4 class="modal-title">Delete a Printer</h4>
165 | 						</div>
166 | 						<div class="modal-body">
167 | 							<div class="form-group">
168 | 								<label for="input_del_host">Please select the printer to delete</label>
169 | 								<select class="form-control" id="input_del_drop" name="input_del_host">
170 | 								</select>
171 | 							</div>
172 | 
173 | 						</div>
174 | 						<div class="modal-footer">
175 | 							<button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>
176 | 							<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> Delete</button>
177 | 						</div>
178 | 					</form>
179 | 				</div>
180 | 			</div>
181 | 		</div>	
182 | 
183 | 		<div class="modal fade" id="modal_stop">
184 | 			<div class="modal-dialog modal-md">
185 | 				<div class="modal-content">
186 | 					<div class="modal-body">
187 | 					<center>
188 | 					All printers Disconnected. Auto Updates Stopped.<br>Please close or reload tab.
189 | 					</center>
190 | 					</div>
191 | 				</div>
192 | 			</div>
193 | 		</div>		
194 | 		
195 | 
196 | 		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
197 | 			<label id="label_language">Language:</label>
198 | 			<div class="dropdown" id="dropdown_language">
199 | 				<button class="btn btn-success dropdown-toggle" type="button" id="btn_language" data-language="en" data-toggle="dropdown">
200 | 					<span>English</span>
201 | 					<span class="caret"></span>
202 | 				</button>
203 | 				<ul class="dropdown-menu">
204 | 					<li><a data-language="en" href="#">English</a></li>
205 | 				</ul>
206 | 			</div>
207 | 		</div>
208 | 
209 | 
210 | 		<!-- This button is hiddend and not used.  It exists to prevent a fault in "Translate Page" so it can be reused from DWC without change -->
211 | 		<button id="btn_volume" class="hidden btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">
212 | 		<span class="glyphicon glyphicon-hdd"></span> <span class="content">SD Card 0</span> <span class="caret"></span>
213 | 		</button>
214 | 
215 | <br>
216 | <br>
217 | <br>
218 | <br>
219 | 
220 | <div style="width: 900px; margin: 20px; padding: 10px; border: 3px solid red;">
221 | 	<span >MultiDWMC Web Interface Version <span id="mdwmc_version">2.01</span></span>
222 | 	<br>
223 | 	<br>
224 | 	Limitations of this release:
225 | 	<ul>
226 | 		<li>Pre-Release.  Likely to have simple bugs.  Report <a href="https://www.duet3d.com/forum/thread.php?pid=39029#p39029" target=_blank>in this thread</a>, please.  </li>
227 | 		<li>Extruder Temp is hardcoded to tool 0 heater 1.  No bed temp yet.</li>
228 | 	</ul>
229 | 
230 | 	<br>
231 | 
232 | 	Hints: 
233 | 	<ul>
234 | 		<li>After you add a printer, wait a minute for auto-connect, auto-update, etc. </li>
235 | 	</ul>
236 | 
237 | 	<br>
238 | 
239 | 	ToDo, in very rough order of priority: 
240 | 	<ol>
241 | 		<li>Done! <s>Make Status (beyond "Idle") auto-update work.</li></s>
242 | 		<li>Done:  <s>Make Other Buttons work.</s></li>
243 | 		<li>Done! <s>Allow serving from duet.</li></s>
244 | 		<li>Test displaying on Phone/Tablet, etc.</li>
245 | 		<li>Temperature is hardcoded to specific heaters.  ToDo is bring the correct logic over from DWC so that any configuration (that DWC reports) is reported properly.</li>
246 | 		<li>Export/Import printer setup (to allow to move to another browser.)</li>
247 | 		<li>Done! <s>A way to re-order the printer list (clickable headers?)</li></s>
248 | 		<li>Done! <s>Maybe: Thicker or more visible lines in the table.</li></s>
249 | 		<li>Done! <s>This was built on DWC and has enormous swaths of DWC code in it that are not used.  ToDo is "Cleanup. Take unusued code out" before putting on Github</s></li>
250 | 		<li>Done! <s>Put on Github, with instructions on how to download from github and upload to one of your Duets.</s></li>
251 | 		
252 | 	</ol>
253 | 
254 | 	<br>
255 |     <hr style="height:3px;border:none;color:#F33;background-color:#F33;" />
256 | 	Release Notes, 2.01: 
257 | 	<ol>
258 | 		<li>Language button now works (translation tables not yet built).</li>
259 | 		<li>Can serve from a Duet. </li>
260 | 		<li>Various bug fixes</li>
261 | 		<li>Removed buttons that did not (yet) work.  Some may be added back in future releases. </li>
262 | 	</ol>
263 | 	Release Notes, 2.00: 
264 | 	<ol>
265 | 		<li>Repackaged to make building for Duet vs. "any server" easier.</li>
266 | 		<li>Added sorting of rows.  Not entirely happy with how it works internally, may change it. </li>
267 | 		<li>Added file name and size when printing.</li>
268 | 	</ol>
269 | 	Release Notes, 1.03: 
270 | 	<ol>
271 | 		<li>Fixed a bug introduced in 1.02 that sometimes prevented newly added printers from obtaining and displaying the board name. (i.e. the name stayed "TBD" forever.)</li>
272 | 	</ol>
273 | 	Release Notes, 1.02: 
274 | 	<ol>
275 | 		<li>Speedup initial connect on page load. </li>
276 | 		<li>Cleanup wording around IP or HostName in several places</li>
277 | 		<li>Added "Disconnect and Close" button.</li>
278 | 		<li>Made individual line "Disconnect" buttons active.</li>
279 | 		<li>Added completion percentage to status while printing</li>
280 | 	</ol>
281 | 	Release Notes, 1.01: 
282 | 	<ol>
283 | 		<li>Allow hostnames (in addition to IP addresses)</li>
284 | 		<li>Fixed table sometimes not (re-)built properly after add or delete</li>
285 | 	</ol>
286 | 
287 | 	
288 | </div>
289 | 
290 | 	
291 | 		<!-- Placed at the end of the document so the pages load faster -->
292 | 		<script src="../../DuetWebControl/core/js/3rd-party/jquery-3.1.0.js"></script>
293 | 		<script src="../../DuetWebControl/core/js/3rd-party/bootstrap.js"></script>
294 | 		<script src="../../DuetWebControl/core/js/3rd-party/bootstrap-notify.js"></script>
295 | 		<script src="../../DuetWebControl/core/js/utils.js"></script>
296 | 		<script src="../../DuetWebControl/core/js/notify.js"></script>
297 | 		<script src="../../DuetWebControl/core/js/i18n.js"></script>
298 | 		<script src="js/MultiDWMC.comm.js"></script>
299 | 		<script src="js/MultiDWMC.settings.js"></script>
300 | 		<script src="js/MultiDWMC.interface.js"></script>z
301 | 		
302 | 	</body>
303 | </html>	


--------------------------------------------------------------------------------
/core/MultiLanguage.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 2 | <languages>
 3 | 	<de name="Deutsch">
 4 | 		<!-- Exclusively for Multi -->
 5 | 		<string t="Next">Nächster</string>
 6 | 		<string t="Multi Duet Web Monitoring and Control">Multi Duet Web Überwachung und Kontrolle</string>
 7 | 		<string t="Done">Erledigt</string>
 8 | 		<string t="Add a Printer">Test</string>
 9 | 
10 | 	</de>
11 | </languages>
12 | 


--------------------------------------------------------------------------------
/core/fonts/Homenaje-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/core/fonts/Homenaje-Regular.ttf


--------------------------------------------------------------------------------
/core/fonts/glyphicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/core/fonts/glyphicons.eot


--------------------------------------------------------------------------------
/core/fonts/glyphicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/core/fonts/glyphicons.ttf


--------------------------------------------------------------------------------
/core/fonts/glyphicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/core/fonts/glyphicons.woff


--------------------------------------------------------------------------------
/core/fonts/glyphicons.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DanalEstes/MultiDuetWebMonitor/c2532ff9f27465a422f635b7be8310e6adc54e13/core/fonts/glyphicons.woff2


--------------------------------------------------------------------------------
/core/js/MultiDWMC.comm.js:
--------------------------------------------------------------------------------
  1 | /* Communication routines between RepRapFirmware and Duet Web Control
  2 |  *
  3 |  * written by Christian Hammacher (c) 2016-2017
  4 |  * modified for Multi by Danal Estes (c) 2018
  5 |  *
  6 |  * licensed under the terms of the GPL v3
  7 |  * see http://www.gnu.org/licenses/gpl-3.0.html
  8 |  */
  9 | 
 10 | var sessionTimeout = 8000;				// Time in ms before RepRapFirmware kills our session
 11 | var ajaxRequests = [];					// List of all outstanding AJAX requests
 12 | 
 13 | 
 14 | /* AJAX Events */
 15 | 
 16 | $(document).ajaxSend(function (event, jqxhr, settings) {
 17 | 	ajaxRequests.push(jqxhr);
 18 | });
 19 | 
 20 | $(document).ajaxComplete(function (event, jqxhr, settings) {
 21 | 	ajaxRequests = $.grep(ajaxRequests, function (item) {
 22 | 			item != jqxhr;
 23 | 		});
 24 | });
 25 | 
 26 | $(document).ajaxError(function (event, jqxhr, xhrsettings, thrownError) {
 27 | 	if (thrownError == "abort") {
 28 | 		// Ignore this error if this request was cancelled intentionally
 29 | 		return;
 30 | 	}
 31 | 	console.log(event,thrownError);
 32 | 
 33 | });
 34 | 
 35 | 
 36 | /* Connect / Disconnect */
 37 | 
 38 | 
 39 | function connect(ip, password) {
 40 | 	ajaxPrefix = 'HTTP://'+ip+'/';
 41 | 	console.log("Connection attempt ", ajaxPrefix)
 42 | 
 43 | 	$.ajax(ajaxPrefix + "rr_connect?password=" + password + "&time=" + encodeURIComponent(timeToStr(new Date())), {
 44 | 		dataType: "json",
 45 | 		error: function (response) {
 46 | 			console.log("Connection Fail ",response.statusText)
 47 | 			//showMessage("danger", T("Error"), T("Could not establish a connection to the Duet "+ip+" firmware! Please check your settings and try again.") , 30);
 48 | 			updateRowConnectFail(ip);
 49 | 		},
 50 | 		success: function (response) {
 51 | 			console.log("Connection OK ", response)
 52 | 			if (response.err == 2) { // Looks like the firmware ran out of HTTP sessions
 53 | 				showMessage("danger", T("Error"), T("Could not connect to Duet "+ip+", because there are no more HTTP sessions available."), 30);
 54 | 			} else if (response.err == 0) {
 55 | 					postConnect(response,ip);
 56 | 				} else {
 57 | 					showMessage("danger", T("Error"), T("Invalid password!"), 0);
 58 | 				}
 59 | 			}
 60 | 	});
 61 | }
 62 | 
 63 | function postConnect(response,ip) {
 64 | 	if (response.hasOwnProperty("sessionTimeout")) {
 65 | 		sessionTimeout = response.sessionTimeout;
 66 | 		$.ajaxSetup({
 67 | 			timeout: sessionTimeout / (settings.maxRetries + 1)
 68 | 		});
 69 | 	}
 70 | 	if (response.hasOwnProperty("boardType")) {
 71 | 		setBoardType(response.boardType,ip);
 72 | 	}
 73 | 	showMessage("success", T("Connected"), T("Connected to Duet "+ip+". Starting automatic status tracking"), 40);
 74 | 	updateRowConnected(ip);
 75 | 	//log("success", "<strong>" + T("Connection established!") + "</strong>");
 76 | }
 77 | 
 78 | 
 79 | function disconnect(ip) {
 80 | 	ajaxPrefix = 'HTTP://'+ip+'/';
 81 | 	console.warn("Disconnecting ",ajaxPrefix);
 82 | 		$.ajax(ajaxPrefix + "rr_disconnect", {
 83 | 			dataType: "json",
 84 | 			global: false
 85 | 		});
 86 | 	updateRowDisconnected(ip)
 87 | }
 88 | 
 89 | function requestFileInfo(which) {
 90 | 	ajaxPrefix = 'HTTP://'+printers[which].ip+'/';
 91 | 	$.ajax(ajaxPrefix + "rr_fileinfo", {
 92 | 		dataType: "json",
 93 | 		success: function (response) {
 94 | 			if (response.err == 2) {
 95 | 				// The firmware is still busy parsing the file, so try again until it's ready
 96 | 				setTimeout(function () {
 97 | 						requestFileInfo();
 98 | 				}, 250);
 99 | 			} else if (response.err == 0) {
100 | 				// File info is valid, use it
101 | 				printersStatus[which].fileinfo = response;
102 | 			}
103 | 		}
104 | 	});
105 | }
106 | 
107 | 
108 | 
109 | // Send G-Code directly to the firmware
110 | function sendGCode(ip, gcode) {
111 | 	if (gcode == "") {
112 | 		return;
113 | 	}
114 | 
115 | 	// Although rr_gcode gives us a JSON response, it doesn't provide any useful values for DWC.
116 | 	// We only need to worry about an AJAX error event, which is handled by the global AJAX error callback.
117 | 	var ajaxPrefix = 'HTTP://'+ip+'/';
118 | 	$.ajax(ajaxPrefix + "rr_gcode?gcode=" + encodeURIComponent(gcode), {
119 | 		dataType: "json"
120 | 	});
121 | }
122 | 
123 | 


--------------------------------------------------------------------------------
/core/js/MultiDWMC.interface.js:
--------------------------------------------------------------------------------
  1 | 
  2 | 
  3 | /* Main interface logic for Multi Duet Web Monitoring and Control
  4 |  *
  5 |  * written  by Danal Estes (c) 2018
  6 |  * inspired by Christian Hammacher's DWC
  7 |  *
  8 |  * licensed under the terms of the GPL v3
  9 |  * see http://www.gnu.org/licenses/gpl-3.0.html
 10 |  */
 11 | 
 12 | // Truly Global Variables
 13 | printers = [];
 14 | printers[0] = {name: 'Example Printer', pwd: "", ip: "192.168.1.20", camurl: "http://192.168.1.21/video"}
 15 | printersStatus = [];
 16 | printersStatus[0] = {connected: false, status: ''}
 17 | 
 18 | showTranslationWarning = true;  //  Override the setting in i18n.js, at least for now
 19 | 
 20 | var machineName = "Multi Duet Web Monitoring and Control";
 21 | 
 22 | var isPrinting, isPaused, printHasFinished;
 23 | 
 24 | function resetGuiData() {
 25 | 	//setBoardType("unknown");
 26 | }
 27 | 
 28 | $(document).ready(function () {
 29 | 	$('[data-min]').each(function () {
 30 | 		$(this).attr("min", $(this).data("min")).attr("step", "any");
 31 | 	});
 32 | 	$('[data-max]').each(function () {
 33 | 		$(this).attr("max", $(this).data("max")).attr("step", "any");
 34 | 	});
 35 | 	//$('[data-toggle="popover"]').popover();
 36 | 	$(".app-control").toggleClass("hidden", typeof app === "undefined");
 37 | 
 38 | 	//disableControls();
 39 | 	resetGuiData();
 40 | 	//updateGui();
 41 | 
 42 | 	loadSettings();
 43 | });
 44 | 
 45 | 
 46 | function pageLoadComplete() {
 47 | 	// Add link to GitHub and log event
 48 | 	//$("#span_copyright").html($("#span_copyright").html().replace("Christian Hammacher", '<a href="https://github.com/chrishamm/DuetWebControl" target="_blank">Christian Hammacher</a>'));
 49 | 	//log("info", "<strong>" + T("Page Load complete!") + "</strong>");
 50 | 
 51 | 	// Users may want to connect automatically once the page has loaded
 52 | 	//if (settings.autoConnect) {
 53 | 	//	connect(sessionPassword, true);
 54 | 	//}
 55 | 
 56 | 	// Check if this browser is supported and display a message if it is not
 57 | 	var userAgent = navigator.userAgent.toLowerCase();
 58 | 	var browserSupported = true;
 59 | 	browserSupported &= (String.prototype.startsWith != undefined);
 60 | 	browserSupported &= (userAgent.indexOf("webkit") != -1 || userAgent.indexOf("gecko") != -1);
 61 | 	if (!browserSupported) {
 62 | 		showMessage("warning", T("Unsupported browser"), "<strong>" + T("Warning") + ":</strong> " + T("Your browser is not officially supported. To achieve the best experience it is recommended to use either Mozilla Firefox, Google Chrome or Opera."), 0, true);
 63 | 	}
 64 | 
 65 | 	// Make sure the loaded JS matches the HTML version
 66 | 	if (typeof MDWMCVersion != "undefined" && MDWMCVersion != $("#mdwmc_version").text()) {
 67 | 		showMessage("warning", T("Version mismatch"), "<strong>" + T("Warning") + ":</strong> " + T("The versions of your HTML and JavaScript files do not match. This can lead to unpredictable behavior and other problems. <br><br> FIRST THING TO TRY IS Ctrl+Shift+R."), 0, false);
 68 | 	}
 69 | 	rebuildTable();
 70 |     pollForActionsInterval = setInterval(pollForActions,1000);
 71 | 
 72 | }
 73 | /* End of initilization.  Everything from here driven by pollFor Actions */
 74 | 
 75 | var cycleCount  = 9;  // Immediately try to connect. 
 76 | function pollForActions() {
 77 | 	cycleCount++;
 78 | 	for (var i = 0; i < printers.length; i++) {
 79 | 		if ((0 == cycleCount % 10) && (! printersStatus[i].connected)) {
 80 | 			connect(printers[i].ip,printers[i].pwd)
 81 | 		}
 82 | 		if ((0 == cycleCount % 2 ) && (  printersStatus[i].connected)) {
 83 | 			updateStatusNew(i);
 84 | 		} 
 85 | 	}
 86 | }
 87 | 
 88 | var statusAlternate = 0;
 89 | function updateStatusNew(which) {
 90 | 	var ajaxPrefix = 'HTTP://'+printers[which].ip+'/';
 91 | 	var ajaxRequest = "rr_status?type=2";
 92 | 	if ('P' == printersStatus[which].status) {ajaxRequest = "rr_status?type=" + ((statusAlternate = !statusAlternate) ? 2 : 3)};
 93 | 	//console.log("Requesting ", ajaxPrefix, ajaxRequest)
 94 | 	$.ajax(ajaxPrefix + ajaxRequest, {
 95 | 		dataType: "json",
 96 | 		success: function (status) {
 97 | 			// Don't process this one if we're no longer connected
 98 | 			if ((typeof printersStatus[which] === 'undefined') || (!printersStatus[which].connected)) {
 99 | 				return;
100 | 			}
101 | 			if (status.hasOwnProperty("name")) {
102 | 				updateRowName(which,status.name);
103 | 			}
104 | 			if (status.hasOwnProperty("status")) {
105 | 				updateRowStatus(which,status.status);
106 | 			}
107 | 			
108 | 			if (status.hasOwnProperty("message")) {
109 | 				showMessage("info", T("Message from Duet firmware"), status.message, 30);
110 | 			}
111 | 			
112 | 			// Hard coded temps, for now
113 | 			if (status.temps.hasOwnProperty("current") && status.temps.hasOwnProperty("state")) {
114 | 				updateRowTemp(which,
115 | 					status.temps.current[1],
116 | 					status.temps.tools.active[0][0],
117 | 					status.temps.bed.current,
118 | 					status.temps.bed.active,
119 | 					);
120 | 			}
121 | 			
122 | 			if (status.temps.hasOwnProperty("chamber") && status.temps.hasOwnProperty("state")) {
123 | 				updateRowTempChamber(which,
124 | 					status.temps.chamber.current,
125 | 					status.temps.chamber.active,
126 | 					);
127 | 			}
128 | 			
129 | 			/* Capture percent printed, if we received it */
130 | 			if (status.hasOwnProperty("fractionPrinted") ) {
131 | 				var progress = status.fractionPrinted;
132 | 				if (progress < 0) {
133 | 					progress = 100;
134 | 				}
135 | 				printersStatus[which].progress = progress;
136 | 			}
137 | 			/* Plot percent printed, if it is printing */
138 | 			if ('P' == printersStatus[which].status) updateRowProgress(which);
139 | 			
140 | 		} /* Ajax Success */
141 | 	});		
142 | }
143 | 
144 | 
145 | /* Start of Add A Printer */
146 | $("#b-addprinter").click({
147 | 	apply: function (event) {$('#input_host').val(""); $("#modal_host_input").modal("show");}
148 | });
149 | 
150 | $("#modal_host_input").on("shown.bs.modal", function () {
151 | 	$("#input_host").focus();
152 | });
153 | 
154 | $("#form_host").submit(function (e) {
155 | 	$("#modal_host_input").off("hide.bs.modal").modal("hide");
156 | 	var ip = $("#input_host").val(); 
157 | 	e.preventDefault();
158 | 	if (ip == '' ) return;
159 | 
160 | 	var badip = 0;
161 | 	/*
162 | 	var arrIp = ip.split(".");
163 |     if (arrIp.length !== 4) badip=1;
164 |     for (let oct of arrIp) {
165 |         if ( isNaN(oct) || Number(oct) < 0 || Number(oct) > 255) badip=1;
166 | 	}
167 | 	if (badip) showMessage("warning","Malformed IP", "Printer IP " + ip + " is not a valid V4 IP address", 5, true);
168 | 	*/
169 | 	
170 | 	printers.forEach(function(printer) {
171 | 		if (printer.ip == ip) {
172 | 			showMessage("warning",T("Duplicate IP or Hostname"), T("Printer ") + ip + T(" already exists"), 5, true);
173 | 			badip=1;
174 | 		}
175 | 	});
176 | 
177 | 	if (badip) return;
178 | 	
179 | 	var i=printers.length;
180 | 	printers[i]= {name: T("TBD at first status update"), pwd: "", ip: ip, camurl: "Null" };
181 | 	printersStatus[i] = {connected: false, status: ''}
182 | 	rebuildTable();
183 | 	showPasswordPrompt();
184 | });
185 | 
186 | /*
187 | $("body").on("click", ".btn-connect", function () {
188 | 	console.log("In btn-connect")
189 | 	if (!$(this).hasClass("disabled")) {
190 | 		if (!isConnected) {
191 | 			// Attempt to connect with the last-known password first
192 | 			//connect(sessionPassword, true);
193 | 		} else {
194 | 			//disconnect(true);
195 | 		}
196 | 	}
197 | });
198 | */
199 | 
200 | /* Password prompt */
201 | 
202 | function showPasswordPrompt() {
203 | 	$('#input_password').val("");
204 | 	$("#modal_pass_input").modal("show");
205 | 	$("#modal_pass_input").one("hide.bs.modal", function () {
206 | 		// The network request will take a few ms anyway, so no matter if the user has
207 | 		// cancelled the password input, we can reset the Connect button here...
208 | 		$(".btn-connect").removeClass("btn-warning disabled").addClass("btn-info").find("span:not(.glyphicon)").text(T("Connect"));
209 | 	});
210 | }
211 | 
212 | $("#form_password").submit(function (e) {
213 | 	$("#modal_pass_input").off("hide.bs.modal").modal("hide");
214 | 	printers[printers.length-1].pwd = $("#input_password").val()
215 | 	e.preventDefault();
216 | 	saveSettings();
217 | 	rebuildTable();
218 | });
219 | 
220 | $("#modal_pass_input").on("shown.bs.modal", function () {
221 | 	$("#input_password").focus();
222 | });
223 | 
224 | 
225 | /* Start of Delete A Printer */
226 | $("#b-delprinter").click({ 
227 | 	apply: function (event) {
228 | 		$("#input_del_drop").empty();
229 | 		if (0 == printers.length) return
230 | 		for (i = 0; i < printers.length; i++) { 
231 | 			$("<option />")
232 | 				.attr("value", printers[i].ip)
233 | 				.html(printers[i].name + ' - ' + printers[i].ip)
234 | 				.appendTo($("#input_del_drop"));
235 | 		}
236 | 		$("#modal_host_del_input").modal("show");
237 | 	}
238 | });
239 | 
240 | $("#modal_host_del_input").on("shown.bs.modal", function () {
241 | 	$("#input_del_host").focus();
242 | });
243 | 
244 | $("#form_del_host").submit(function (e) {
245 | 	$("#modal_host_del_input").off("hide.bs.modal").modal("hide");
246 | 	var obj = document.getElementById("input_del_drop");
247 | 	ip= obj.selectedOptions[0].value;
248 | 	e.preventDefault();
249 | 	for (var i = 0; i < printers.length; i++) { 
250 | 		if (printers[i].ip == ip) {
251 | 			printers.splice(i,1);
252 | 			printersStatus.splice(i,1);
253 | 			break;
254 | 		}
255 | 	}
256 | 	saveSettings();
257 | 	rebuildTable();
258 | });
259 | 
260 | 
261 | /* Disconnect all and close browser (or tab) */
262 | $("#b-discstop").click({
263 | 	apply: function (event) {disconnectAllAndStop();}
264 | });
265 | 
266 | function disconnectAllAndStop() {
267 | 	clearInterval(pollForActionsInterval);  // Stop
268 | 	for (i = 0; i < printers.length; i++) { 
269 | 		if (printersStatus[i].connected) disconnect(printers[i].ip);
270 | 		}
271 | 	$("#modal_stop").modal("show")
272 | 	window.stop();
273 | }
274 | 
275 | window.onunload = function() {disconnectAllAndStop();}
276 | 
277 | 
278 | function setBoardType(type,ip) {
279 | 	boardType = type;
280 | 
281 | 	var isWiFi,
282 | 	isDuetNG;
283 | 	if (type.indexOf("duetwifi") == 0) {
284 | 		firmwareFileName = "DuetWiFiFirmware";
285 | 		isWiFi = isDuetNG = true;
286 | 	} else if (type.indexOf("duetethernet") == 0) {
287 | 		firmwareFileName = "DuetEthernetFirmware";
288 | 		isWiFi = false;
289 | 		isDuetNG = true;
290 | 	} else {
291 | 		firmwareFileName = "RepRapFirmware";
292 | 		isWiFi = isDuetNG = false;
293 | 	}
294 | 	$(".duet-ng").toggleClass("hidden", !isDuetNG);
295 | 	$(".wifi-setting").toggleClass("hidden", !isWiFi);
296 | }
297 | 
298 | function rebuildTable() {
299 | //printers[0] = {name: 'Example Printer', pwd: "", ip: "192.168.1.20", camurl: "http://192.168.1.21/video"}
300 | 	var table = document.getElementById('table_of_printers');
301 | 
302 | 	for (var i = table.rows.length-1; i > 0; i--) {table.rows[i].remove()}
303 | 
304 | 	printers.forEach(function(printer) {
305 | 		var row= table.insertRow(-1);
306 | 		row.insertCell().innerHTML = printer.name+'<br><a href="http://'+printer.ip+'" target="_blank">'+printer.ip+'</a>';
307 | 		row.insertCell().innerHTML = 'Unknown; automatic update pending.';
308 | 		row.insertCell().innerHTML = '<input type="button" class="btn btn-success" value="' + T("Connect") + '"' +
309 | 			' onclick="connect(\''+printer.ip+'\',\''+printer.pwd+'\')" />';
310 | 		row.insertCell().innerHTML = '<button class="btn btn-success btn-sm" onclick="upRow(\''+printer.ip+'\')" >^</button>';
311 | 		row.style.backgroundColor = "#DDDDDD";
312 | 	});	
313 | 	
314 | 	table.rows[1].cells[3].innerHTML='';
315 | 	
316 | 	for (var i = 0, row; row = table.rows[i]; i++) {
317 | 		row.style.borderColor = '#0d9afc'
318 | 		row.cells[0].style.width = "20%";
319 | 		row.cells[1].style.width = "50%";
320 | 		row.cells[2].style.width = "30%";
321 | 		row.cells[3].style.width = "2%";
322 | 		row.cells[0].style.borderColor = '#0d9afc';
323 | 		row.cells[1].style.borderColor = '#0d9afc';
324 | 		row.cells[2].style.borderColor = '#0d9afc';
325 | 		row.cells[3].style.borderColor = '#0d9afc';
326 | 		row.cells[0].style.borderWidth = '2px';
327 | 		row.cells[1].style.borderWidth = '2px';;
328 | 		row.cells[2].style.borderWidth = '2px';;
329 | 		row.cells[3].style.borderWidth = '2px';;
330 | 	}
331 | 
332 |     return;		
333 | 	
334 | }
335 | 
336 | function updateRowConnected(ip) {
337 | 	var table = document.getElementById('table_of_printers');
338 | 	for (var i = 1, row; row = table.rows[i]; i++) {
339 | 		if (row.cells[0].innerText.includes(ip)) {
340 | 			printersStatus[i-1] = {connected: true, status: ''}
341 | 			row.style.backgroundColor = "#DDFFDD";
342 | 			row.cells[1].innerHTML = 'Connected; status update pending';
343 | 			row.cells[2].innerHTML = '';
344 | 		}
345 | 	}
346 | 
347 | }
348 | 
349 | function updateRowConnectFail(ip) {
350 | 	var table = document.getElementById('table_of_printers');
351 | 	for (var i = 1, row; row = table.rows[i]; i++) {
352 | 		if (row.cells[0].innerText.includes(ip)) {
353 | 			printersStatus[i-1] = {connected: false, status: ''}
354 | 			row.style.backgroundColor = "#FFAAAA";
355 | 			row.cells[1].innerHTML = 'Connect failed<br>Most recent attempt '+(new Date()).toLocaleTimeString();
356 | 			row.cells[2].innerHTML = '<input type="button" class="btn btn-success" value="' + T("Connect") + '"' +
357 | 									 ' onclick="connect(\''+printers[i-1].ip+'\',\''+printers[i-1].pwd+'\')" />';
358 | 
359 | 		}
360 | 	}
361 | }
362 | 
363 | function updateRowDisconnected(ip) {
364 | 	var table = document.getElementById('table_of_printers');
365 | 	for (var i = 1, row; row = table.rows[i]; i++) {
366 | 		if (row.cells[0].innerText.includes(ip)) {
367 | 			printersStatus[i-1] = {connected: false, status: ''}
368 | 			row.cells[0].innerHTML = printers[i-1].name+'<br><a href="http://'+printers[i-1].ip+'" target="_blank">'+printers[i-1].ip+'</a>';
369 | 			row.cells[1].innerHTML = T('Disconnected.');
370 | 			row.cells[2].innerHTML = '<input type="button" class="btn btn-success" value="' + T("Connect") + '"' +
371 | 				' onclick="connect(\''+printers[i-1].ip+'\',\''+printers[i-1].pwd+'\')" />';
372 | 			row.style.backgroundColor = "#DDDDDD";
373 | 		}
374 | 	}
375 | }
376 | 
377 | function updateRowName(which,name) {
378 | 	if  (printers[which].name !== name) {
379 | 		printers[which].name = name;
380 | 		saveSettings()
381 | 		var table = document.getElementById('table_of_printers');
382 | 		row = table.rows[which+1];
383 | 		row.cells[0].innerHTML = name+'<br><a href="http://'+printers[which].ip+'" target="_blank">'+printers[which].ip+'</a>';
384 | 	}
385 | }
386 | 
387 | function updateRowStatus(which,status) {
388 | 
389 | 	var table = document.getElementById('table_of_printers');
390 | 	row = table.rows[which+1];
391 | 	row.classList.remove("row-flash-red");
392 | 
393 | 	printersStatus[which].status = status;
394 | 	
395 | 	switch (status) {
396 | 	case 'F': // Flashing new firmware
397 | 	    row.cells[1].innerText = "Flashing Firmware"
398 | 		row.style.backgroundColor = "#AAAAFF";
399 | 		break;
400 | 
401 | 	case 'H': // Halted
402 | 	    row.cells[1].innerText = "Halted"
403 | 		break;
404 | 
405 | 	case 'D': // Pausing / Decelerating
406 | 		break;
407 | 
408 | 	case 'S': // Paused / Stopped
409 | 		var fn = 'Paused<br>'
410 | 		if (typeof(printersStatus[which].fileinfo) !== 'undefined') {
411 | 			fn = 'Paused, file name: "<strong>' + printersStatus[which].fileinfo.fileName + '</strong>", ';
412 | 	        settings.useKiB = 1;
413 | 			fn = fn + formatSize(printersStatus[which].fileinfo.size) + '<br>';
414 | 		}	
415 | 	    row.cells[1].innerHTML = fn
416 | 		row.cells[2].innerHTML = '<input type="button" class="btn btn-danger" id="b-home" value="' + T("Disconnect") + '"' +
417 | 											 ' onclick="disconnect(\''+printers[which].ip+'\')" />' +
418 | 								 '<input type="button" class="btn btn-success" id="b-home" value="Resume" ' +
419 | 									' onclick="sendGCode(\''+printers[which].ip+'\',\'M24\')" />';
420 | 								 //'<input type="button" class="btn btn-default" id="b-home" value="Open Camera" />';
421 | 		row.classList.add("row-flash-red");
422 | 		break;
423 | 
424 | 	case 'R': // Resuming
425 | 	    row.cells[1].innerText = "Resuming"
426 | 		break;
427 | 
428 | 	case 'P': // Printing
429 | 		var fn = 'Printing'
430 | 		if (typeof(printersStatus[which].fileinfo) !== 'undefined') {
431 | 			fn = 'Printing, file name: "<strong>' + printersStatus[which].fileinfo.fileName + '</strong>", ';
432 | 	        settings.useKiB = 1;
433 | 			fn = fn + formatSize(printersStatus[which].fileinfo.size);
434 | 		}
435 | 	    row.cells[1].innerHTML = fn +  
436 | 								 '<div class="progress" style="margin-bottom:0;">' +
437 | 									'<div class="progress-bar progress-bar-striped" id="progress'+printers[which].ip+'";">' +
438 | 									'</div>' +
439 | 								 '</div>';
440 | 		row.cells[2].innerHTML = '<input type="button" class="btn btn-danger" id="b-home" value="' + T("Disconnect") + '"' +
441 | 											 ' onclick="disconnect(\''+printers[which].ip+'\')" />' +
442 | 								 '<input type="button" class="btn btn-warning" id="b-home" value="Pause Print" ' +
443 | 									' onclick="sendGCode(\''+printers[which].ip+'\',\'M25\')" />' ;	
444 | 								// '<input type="button" class="btn btn-default" id="b-home" value="Open Camera" />';
445 | 		row.style.backgroundColor = "#E0FFE0";
446 | 		requestFileInfo(which);
447 | 		break;
448 | 
449 | 	case 'M': // Simulating
450 | 		var fn = 'Simulating'
451 | 		if (typeof(printersStatus[which].fileinfo) !== 'undefined') {
452 | 			fn = 'Simulating, file name: ' + printersStatus[which].fileinfo.fileName + ', ';
453 | 	        settings.useKiB = 1;
454 | 			fn = fn + formatSize(printersStatus[which].fileinfo.size);
455 | 		}
456 | 	    row.cells[1].innerHTML = fn +  
457 | 								 '<div class="progress" style="margin-bottom:0;">' +
458 | 									'<div class="progress-bar progress-bar-striped" id="progress'+printers[which].ip+'";">' +
459 | 									'</div>' +
460 | 								 '</div>';
461 | 		row.cells[2].innerHTML = '<input type="button" class="btn btn-danger" id="b-home" value="' + T("Disconnect") + '"' +
462 | 											 ' onclick="disconnect(\''+printers[which].ip+'\')" />' +
463 | 								 '<input type="button" class="btn btn-warning" id="b-home" value="Pause Sim" ' +
464 | 									' onclick="sendGCode(\''+printers[which].ip+'\',\'M25\')" />'; 	
465 | 								 //'<input type="button" class="btn btn-default" id="b-home" value="Open Camera" />';
466 | 		row.style.backgroundColor = "#E0FFE0";
467 | 		break;
468 | 
469 | 	case 'B': // Busy
470 | 	    row.cells[1].innerText = "Busy"
471 | 		break;
472 | 
473 | 	case 'T': // Changing tool
474 | 	    row.cells[1].innerText = "Changing Tool"
475 | 		break;
476 | 
477 | 	case 'I': // Idle
478 | 	    row.cells[1].innerHTML = "Idle<br>"
479 | 		row.cells[2].innerHTML = '<input type="button" class="btn btn-danger" id="b-home" value="' + T("Disconnect") + '"' +
480 | 											 ' onclick="disconnect(\''+printers[which].ip+'\')" />' +
481 | 								 //'<input type="button" class="btn btn-default" id="b-home" value="Print File" />' +
482 | 								 //'<input type="button" class="btn btn-default" id="b-home" value="Open Camera" /><br>' +
483 | 								 '<input type="button" class="btn btn-success" id="b-home" value="Home All" ' +
484 | 									' onclick="sendGCode(\''+printers[which].ip+'\',\'G28\')" />';
485 | 		row.style.backgroundColor = "#FFFFE0";
486 | 		break;
487 | 	default:
488 | 	    row.cells[1].innerText = "Unknown Status " + status;
489 | 		row.style.backgroundColor = "#FF0000";
490 | 		row.style.color = "#FFFFFF";
491 | 
492 | 	
493 | 	}
494 | }
495 | 
496 | function updateRowTemp(which,tnow,tset,bnow,bset) {
497 | 	var table = document.getElementById('table_of_printers');
498 | 	var row = table.rows[which+1];
499 | 
500 | 	/* Since we are called after status replaces cell 1, we can always append */
501 | 	var now = T("{0} °C", tnow.toFixed(1));
502 | 	var set = T("{0} °C", tset.toFixed(1));
503 | 	row.cells[1].innerHTML = row.cells[1].innerHTML + '&nbsp;&nbsp;Extruder:&nbsp;' + now + ' / '+ set;
504 | 	var now = T("{0} °C", bnow.toFixed(1));
505 | 	var set = T("{0} °C", bset.toFixed(1));
506 | 	row.cells[1].innerHTML = row.cells[1].innerHTML + '<br>Print Bed:&nbsp;&nbsp;&nbsp;' + now + ' / '+ set;
507 | 	
508 | }
509 | 
510 | function updateRowTempChamber(which,cnow,cset) {
511 | 	var table = document.getElementById('table_of_printers');
512 | 	var row = table.rows[which+1];
513 | 
514 | 	/* Since we are called after status replaces cell 1, we can always append */
515 | 	var now = T("{0} °C", cnow.toFixed(1));
516 | 	var set = T("{0} °C", cset.toFixed(1));
517 | 	row.cells[1].innerHTML = row.cells[1].innerHTML + '<br>&nbsp;&nbsp;Chamber:&nbsp;' + now + ' / '+ set;
518 | }
519 | function updateRowProgress(which,progress) {
520 | 	var progress = printersStatus[which].progress;
521 | 	if (!progress > 0) return;
522 | 	document.getElementById("progress"+printers[which].ip).style.width = progress.toFixed(0) + "%";
523 | 	document.getElementById("progress"+printers[which].ip).innerText = T("{0}% Complete", progress);
524 | }
525 | 
526 | function upRow(ip) {
527 | 	var which = 0;
528 | 	var table = document.getElementById('table_of_printers');
529 | 	for (var i = 1, row; row = table.rows[i]; i++) {
530 | 		if (row.cells[0].innerText.includes(ip)) {
531 | 			which = i;
532 | 			break;
533 | 		}
534 | 	}
535 | 	
536 | 	which--; // Change table offset to array offset. 
537 | 
538 | 	if (which > 0) {
539 | 		tmp=printers[which-1]
540 | 		printers[which-1]=printers[which];
541 | 		printers[which]=tmp;
542 | 
543 | 		tmp=printersStatus[which-1]
544 | 		printersStatus[which-1]=printersStatus[which];
545 | 		printersStatus[which]=tmp;
546 | 
547 | 		rebuildTable();
548 | 		saveSettings();
549 | 	}
550 | }


--------------------------------------------------------------------------------
/core/js/MultiDWMC.settings.js:
--------------------------------------------------------------------------------
  1 | 
  2 | /* Settings management for Duet Web Control
  3 |  *
  4 |  * written by Christian Hammacher (c) 2016-2017
  5 |  * modified by Danal Estes for Multi (c) 2018
  6 |  *
  7 |  * licensed under the terms of the GPL v3
  8 |  * see http://www.gnu.org/licenses/gpl-3.0.html
  9 |  */
 10 | 
 11 | var settings = {
 12 | 		maxRetries: 1,					// number of AJAX retries before the connection is terminated
 13 | 		language: "en",
 14 | 
 15 | };
 16 | 
 17 | var defaultSettings = jQuery.extend(true, {}, settings); // need to do this to get a valid copy
 18 | 
 19 | var themeInclude;
 20 | 
 21 | /* Setting methods */
 22 | 
 23 | function loadSettings() {
 24 | 	
 25 | 	
 26 | 	// Try to parse the stored settings (if any)
 27 | 	if (localStorage.getItem("MultiSettings") != null) {
 28 | 		var loadedSettings = localStorage.getItem("MultiSettings");
 29 | 		if (loadedSettings != undefined && loadedSettings.length > 0) {
 30 | 			loadedSettings = JSON.parse(loadedSettings);
 31 | 
 32 | 			for (var key in settings) {
 33 | 				// Try to copy each setting if their types are equal
 34 | 				if (loadedSettings.hasOwnProperty(key) && settings[key].constructor === loadedSettings[key].constructor) {
 35 | 					settings[key] = loadedSettings[key];
 36 | 				}
 37 | 			}
 38 | 		}
 39 | 		if (loadedSettings['printers'] != null) {
 40 | 			printers = loadedSettings['printers'];
 41 | 			for (var i = 0; i < printers.length; i++) {
 42 | 				printersStatus[i] = {connected: false, status: ''}
 43 | 			}
 44 | 		}
 45 | 	}
 46 | 
 47 | 	// Apply them
 48 | 	applySettings();
 49 | 
 50 | 	currentGCodeVolume = '';     // Not used in Multi.  Prevents a fault in translatePage() so it can be reused from DWC without change. 
 51 | 	// Try to load the translation data
 52 | 	$.ajax("language.xml", {
 53 | 		type: "GET",
 54 | 		dataType: "xml",
 55 | 		global: false,
 56 | 		error: function () {
 57 | 			pageLoadComplete();
 58 | 		},
 59 | 		success: function (response) {
 60 | 			translationData = response;
 61 | 			showTranslationWarning = true;  //  Override the setting in i18n.js, at least for now
 62 | 
 63 | 			if (translationData.children == undefined) {
 64 | 				// Internet Explorer and Edge cannot deal with XML files in the way we want.
 65 | 				// Disable translations for those browsers.
 66 | 				translationData = undefined;
 67 | 				$("#dropdown_language, #label_language").addClass("hidden");
 68 | 			} else {
 69 | 				$("#dropdown_language ul > li:not(:first-child)").remove();
 70 | 				for (var i = 0; i < translationData.children[0].children.length; i++) {
 71 | 					var id = translationData.children[0].children[i].tagName;
 72 | 					var name = translationData.children[0].children[i].attributes["name"].value;
 73 | 					$("#dropdown_language ul").append('<li><a data-language="' + id + '" href="#">' + name + '</a></li>');
 74 | 					if (settings.language == id) {
 75 | 						$("#btn_language > span:first-child").text(name);
 76 | 					}
 77 | 				}
 78 | 				translatePage();
 79 | 			}
 80 | 			pageLoadComplete();
 81 | 		}
 82 | 	});
 83 | }
 84 | 
 85 | function applySettings() {
 86 | 	/* Apply settings */
 87 | 
 88 | 	// Set AJAX timeout
 89 | 	$.ajaxSetup({
 90 | 		timeout: sessionTimeout / (settings.maxRetries + 1)
 91 | 	});
 92 | 
 93 | 	// Language is set in XML AJAX handler
 94 | }
 95 | 
 96 | function saveSettings() {
 97 | 	// Get input values
 98 |     settings['printers'] = printers;
 99 | 
100 | 	// Save language
101 | 	if (settings.language != $("#btn_language").data("language")) {
102 | 		showMessage("success", T("Language has changed"), T("You have changed the current language. Please reload the web interface to apply this change."), 0);
103 | 	}
104 | 	settings.language = $("#btn_language").data("language");
105 | 
106 | 	// Save Settings
107 | 	localStorage.setItem("MultiSettings", JSON.stringify(settings));
108 | }
109 | 
110 | function constrainSetting(value, defaultValue, minValue, maxValue) {
111 | 	if (isNaN(value)) {
112 | 		return defaultValue;
113 | 	}
114 | 	if (value < minValue) {
115 | 		return minValue;
116 | 	}
117 | 	if (value > maxValue) {
118 | 		return maxValue;
119 | 	}
120 | 
121 | 	return value;
122 | }
123 | 
124 | 
125 | $("body").on("click", "#dropdown_language > ul a", function(e) {
126 | 	$("#btn_language > span:first-child").text($(this).text());
127 | 	$("#btn_language").data("language", $(this).data("language"));
128 | 	e.preventDefault();
129 | 	saveSettings();
130 | });


--------------------------------------------------------------------------------