Version no update to v0.7.2

FM visually linked to tabs & file setting updates
Changed content indicator in tab doesn't count if undo history is back to the start File highlighting now visually linked with the tabs of open docs Selected file have blue BG, other open files 15% white BG lastOpenedFiles now previousFiles in a few places
2026-03-16 05:17:01 +01:00 · 2012-06-09 18:44:10 +01:00 · 2012-06-09 18:43:57 +01:00 · 2012-06-09 18:39:12 +01:00 · 2012-06-09 18:36:42 +01:00 · 2012-06-09 18:31:44 +01:00
32 changed files with 246 additions and 101 deletions
--- a/README.md
+++ b/README.md
@@ -44,17 +44,16 @@ Early version of the web based IDE which allows for creation of websites in the
 $ git clone git@github:mattpass/ICEcoder
 ```

-####Step 2: Upload all the files
+####Step 2: Upload the files (Linux or Windows hosting OK)
 ```
-Linux or Windows hosting OK
 Upload to a new sub-dir URL such as yourdomain.com/_coder
-Set public write permissions on the lib/settings.php file
+Set public write permissions on the lib/config.php file
 ```

 ####Step 3: Start coding
 ```
 Visit the sub-dir URL in your browser and enter a password
-Now you're setup, auto-logged in too and ready to code
+Now you're setup, auto-logged in and ready to code!
 ```

 Suitable for commercial & non-commercial projects, just let me know if it's useful to you and any cool customisations you make to it. I take no responsibility for anything, your usage is all down to you.
--- a/editor.php
+++ b/editor.php
@@ -24,7 +24,7 @@ if ($theme=="default") {
 }
 ?>
 <style type="text/css">
-.CodeMirror {position: absolute; width: 0; background-color: #fff}
+.CodeMirror {position: absolute; width: 0; background-color: #fff; top: 0px; z-index: 1}
 .CodeMirror-scroll {width: 100px; height: 100px;}
 .cm-s-visible {display: block; top: 0}
 .cm-s-hidden {display: none; top: 4000px}
@@ -36,7 +36,51 @@ span.CodeMirror-matchhighlight {background: #555}
 </style>
 </head>

-<body style="margin: 0" onKeyDown="return top.ICEcoder.interceptKeys('content', event);" onKeyUp="top.ICEcoder.resetKeys(event);">
+<body onLoad="top.ICEcoder.updateFileFolderCount()" style="color: #fff; margin: 0" onKeyDown="return top.ICEcoder.interceptKeys('content', event);" onKeyUp="top.ICEcoder.resetKeys(event);">
+
+<div style="margin: 32px 43px; font-family: arial; font-size: 10px; color: #dddddd">
+<?php if($_SESSION['userLevel'] == 10) {
+	echo '<div style="float: left; margin-right: 50px">'.PHP_EOL;
+	echo '<h2 style="color: rgba(0,198,255,0.7)">server</h2>'.PHP_EOL;
+	echo '<span style="color:#888">Server name, OS & IP:</span><br>'.PHP_EOL;
+	echo $_SERVER['SERVER_NAME'].' &nbsp;&nbsp; '.$_SERVER['SERVER_SOFTWARE'].' &nbsp;&nbsp; '.$_SERVER['SERVER_ADDR'].'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">Root:</span><br>'.PHP_EOL;
+	echo $_SERVER['DOCUMENT_ROOT'].'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">PHP version:</span><br>'.PHP_EOL;
+	echo phpversion().'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">File & folder count:</span><br>'.PHP_EOL;
+	echo '<div id="fileFolderCounts"></div><br>'.PHP_EOL;
+	echo '<span style="color:#888">Date & time:</span><br>'.PHP_EOL;
+	echo '<span id="serverDT"></span><br><br><br>'.PHP_EOL;
+	echo '</div>'.PHP_EOL;
+
+	echo '<div style="float: left">'.PHP_EOL;
+	echo '<h2 style="color: rgba(0,198,255,0.7)">files</h2>'.PHP_EOL;
+	echo '<span style="color:#888">Last 10 files opened:</span><br>'.PHP_EOL;
+	echo str_replace("|","/",str_replace(",","<br>",$last10Files)).'<br><br><br>'.PHP_EOL;
+	echo '</div>'.PHP_EOL;
+
+	echo '<div style="clear: both">'.PHP_EOL;
+	echo '<h2 style="color: rgba(0,198,255,0.7)">your device</h2>'.PHP_EOL;
+	echo '<span style="color:#888">Browser:</span><br>'.PHP_EOL;
+	echo $_SERVER['HTTP_USER_AGENT'].'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">Your IP:</span><br>'.PHP_EOL;
+	echo $_SERVER['REMOTE_ADDR'].PHP_EOL;
+	echo '</div>'.PHP_EOL;
+}; ?>
+<script>
+var nDT=<?php echo time()*1000;?>;
+setInterval(function(){
+	var s=(new Date(nDT+=1000)+'').split(' '),
+	d=s[2]*1,
+	t=s[4].split(':'),
+	p=t[0]>11?'pm':'am',
+	e=d%20==1|d==31?'st':d%20==2?'nd':d%20==3?'rd':'th';
+	t[0]=--t[0]%12+1;
+	document.getElementById('serverDT').innerHTML=[s[0],d+e,s[1],s[3],t.join(':')+p].join(' ');
+},1000);
+</script>
+</div>

 <script>
 function createNewCMInstance(num) {
@@ -79,7 +123,7 @@ function createNewCMInstance(num) {
 		}
 	},
 	onKeyEvent: function(instance, e) {
-		top.ICEcoder.redoChangedContent(event);
+		top.ICEcoder.redoChangedContent(e);
 		top.ICEcoder.findReplace('find',true,false);
 		top.ICEcoder.getCaretPosition();
 		top.ICEcoder.updateCharDisplay();
--- a/files.php
+++ b/files.php
@@ -74,6 +74,7 @@ function fileManager_dir($directory, $return_link, $first_call=true) {
 			if( $this_file != "." && $this_file != ".." && $bannedFile == false) {
 				if( is_dir("$directory/$this_file") ) {
 					// Directory
+					$dirCount++;
 					$dirRep = str_replace("\\","/",$directory);
 					$link = str_replace("[link]", "$dirRep/" . urlencode($this_file), $return_link);
 					$link = str_replace("//","/",$link);
@@ -99,6 +100,8 @@ function fileManager_dir($directory, $return_link, $first_call=true) {
 					}
 				} else {
 					// File
+					$fileCount++;
+					$fileBytes+=filesize($link);
 					// Get extension (prefix 'ext-' to prevent invalid classes from extensions that begin with numbers)
 					$ext = "ext-" . substr($this_file, strrpos($this_file, ".") + 1);
 					$dirRep = str_replace("\\","/",$directory);
@@ -119,7 +122,7 @@ function fileManager_dir($directory, $return_link, $first_call=true) {
 						}
 						$fileManager .= "<li class=\"pft-file " . strtolower($ext) . "\"><a nohref onMouseOver=\"top.ICEcoder.overFileFolder('file','$link')\" onMouseOut=\"top.ICEcoder.overFileFolder('file','')\" style=\"position: relative; left:-22px; cursor: pointer\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span id=\"".str_replace("/","|",str_replace($docRoot,"",$link))."\">" . htmlspecialchars($this_file) . "</span> ".$fileAtts."</a></li>";
 					} else {
-						$fileAtts = "<img src=\"images/file-manager-icons/padlock.png\" style=\"cursor: pointer\" onClick=\"alert('Sorry, you need higher admin level rights to view.')\">";
+						$fileAtts = "<img src=\"images/padlock.png\" style=\"cursor: pointer\" onClick=\"alert('Sorry, you need higher admin level rights to view.')\">";
 						$fileManager .= "<li class=\"pft-file " . strtolower($ext) . "\" style=\"cursor: default\"><span style=\"position: relative; left:-22px; color: #888\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; [HIDDEN] ".$fileAtts."</span></li>";
 					}
 				}
@@ -127,7 +130,12 @@ function fileManager_dir($directory, $return_link, $first_call=true) {
 		}
 		$fileManager .= "</ul>";
 	}
-	return $fileManager;
+	$varOutput = "";
+	if ($dirCount) {$varOutput .= "top.ICEcoder.dirCount+=".$dirCount.";".PHP_EOL;};
+	if ($fileCount) {$varOutput .= "top.ICEcoder.fileCount+=".$fileCount.";".PHP_EOL;};
+	if ($fileBytes) {$varOutput .= "top.ICEcoder.fileBytes+=".$fileBytes.";".PHP_EOL;};
+	// After outputting the fileManager, output the JS vars, but only the first time
+	return $fileManager."<script>if (top.ICEcoder.dirCount==0) {".PHP_EOL.$varOutput."}</script>";
 }

 // For PHP4 compatibility
@@ -146,12 +154,19 @@ function php4_scandir($dir) {
 <head>
 <title>ICE Coder File Manager</title>
 <link rel="stylesheet" type="text/css" href="lib/files.css">
+
 <script src="lib/coder.js" type="text/javascript"></script>
 </head>

 <body onLoad="top.ICEcoder.fileManager()" onDblClick="top.ICEcoder.openFile()" onKeyDown="return top.ICEcoder.interceptKeys('files', event);" onKeyUp="top.ICEcoder.resetKeys(event);">
-<div onClick="top.ICEcoder.refreshFileManager()" class="refresh"><img src="images/file-manager-icons/refresh.png"></div>
+<div onClick="top.ICEcoder.refreshFileManager()" class="refresh"><img src="images/refresh.png"></div>
+<script>
+top.ICEcoder.dirCount = 0;
+top.ICEcoder.fileCount = 0;
+top.ICEcoder.fileBytes = 0;
+</script>
 <?php
+
 	echo fileManager($_SERVER['DOCUMENT_ROOT'], "[link]");
 ?>

--- a/images/blank.gif
+++ b/images/blank.gif
--- a/images/file-manager-icons.png
+++ b/images/file-manager-icons.png
--- a/images/file-manager-icons/coffee.png
+++ b/images/file-manager-icons/coffee.png
--- a/images/file-manager-icons/css.png
+++ b/images/file-manager-icons/css.png
--- a/images/file-manager-icons/directory.png
+++ b/images/file-manager-icons/directory.png
--- a/images/file-manager-icons/doc.png
+++ b/images/file-manager-icons/doc.png
--- a/images/file-manager-icons/file.png
+++ b/images/file-manager-icons/file.png
--- a/images/file-manager-icons/gif.png
+++ b/images/file-manager-icons/gif.png
--- a/images/file-manager-icons/html.png
+++ b/images/file-manager-icons/html.png
--- a/images/file-manager-icons/jpg.png
+++ b/images/file-manager-icons/jpg.png
--- a/images/file-manager-icons/js.png
+++ b/images/file-manager-icons/js.png
--- a/images/file-manager-icons/php.png
+++ b/images/file-manager-icons/php.png
--- a/images/file-manager-icons/png.png
+++ b/images/file-manager-icons/png.png
--- a/images/file-manager-icons/ruby.png
+++ b/images/file-manager-icons/ruby.png
--- a/images/file-manager-icons/txt.png
+++ b/images/file-manager-icons/txt.png
--- a/images/file-manager-icons/zip.png
+++ b/images/file-manager-icons/zip.png
--- a/images/full-screen.gif
+++ b/images/full-screen.gif
--- a/images/ice-coder.png
+++ b/images/ice-coder.png
--- a/images/file-manager-icons/padlock-disabled.png
+++ b/images/file-manager-icons/padlock-disabled.png
--- a/images/file-manager-icons/padlock.png
+++ b/images/file-manager-icons/padlock.png
--- a/images/file-manager-icons/refresh.png
+++ b/images/file-manager-icons/refresh.png
--- a/images/restored-screen.gif
+++ b/images/restored-screen.gif
--- a/index.php
+++ b/index.php
@@ -43,9 +43,9 @@ window.onbeforeunload = function() {
 	}
 }

-lastOpenFiles = [<?php
-	if ($lastOpenedFiles!="" && $_SESSION['userLevel'] == 10) {
-		$openFilesArray = explode(",",$lastOpenedFiles);
+previousFiles = [<?php
+	if ($previousFiles!="" && $_SESSION['userLevel'] == 10) {
+		$openFilesArray = explode(",",$previousFiles);
 		for ($i=0;$i<count($openFilesArray);$i++) {
 			echo "'".$openFilesArray[$i]."'";
 			if ($i<count($openFilesArray)-1) {echo ",";};
@@ -92,8 +92,8 @@ lastOpenFiles = [<?php
 	<div class="plugins" id="pluginsContainer">
 	<?php echo $pluginsDisplay; ?>
 	</div>
-	<div class="version"><?php echo $versionNo;?></div>
-	<img src="images/ice-coder.gif" class="logo" onClick="ICEcoder.helpScreen('show')" onContextMenu="ICEcoder.settingsScreen('show')">
+	<div class="version"><?php echo $versionNo;?></div><img src="images/full-screen.gif" id="screenMode" class="screenModeIcon" onClick="top.ICEcoder.fullScreenSwitcher()">
+	<img src="images/ice-coder.png" class="logo" onClick="ICEcoder.helpScreen('show')" onContextMenu="ICEcoder.settingsScreen('show')">
 </div>

 <div id="files" class="files" onMouseOver="ICEcoder.changeFilesW('expand')" onMouseOut="ICEcoder.changeFilesW('contract'); top.document.getElementById('fileMenu').style.display='none';">
@@ -115,7 +115,7 @@ lastOpenFiles = [<?php
 			<a nohref title="Rename" onClick="ICEcoder.fMIcon('rename')"><img src="images/rename.png" alt="Rename" id="fMRename" style="margin: 9px 0 0 5px; opacity: 0.3"></a>
 			<a nohref title="View" onClick="ICEcoder.fMIcon('view')"><img src="images/view.png" alt="View" id="fMView" style="margin: 9px 0 0 5px; opacity: 0.3"></a>
 		</div>
-		<a nohref style="cursor: pointer" onClick="ICEcoder.lockUnlockNav()"><img src="images/file-manager-icons/padlock.png" id="fmLock" class="lock"></a>
+		<a nohref style="cursor: pointer" onClick="ICEcoder.lockUnlockNav()"><img src="images/padlock.png" id="fmLock" class="lock"></a>
 	</div>
 	<iframe id="filesFrame" class="frame" name="ff" src="files.php" style="opacity: 0" onLoad="this.style.opacity='1'"></iframe>
 	<div class="serverMessage" id="serverMessage"></div>
@@ -175,6 +175,7 @@ lastOpenFiles = [<?php
 </div>

 <script>
+ICEcoder.initAliases();
 ICEcoder.setLayout('dontSetEditor');
 </script>

--- a/lib/coder.css
+++ b/lib/coder.css
@@ -72,13 +72,14 @@ h2 {font-size: 18px; font-weight: normal; color: #fff}
 	100%{ width:100%;}	
 }

-.header {position: absolute; display: inline-block; width: 100%; height: 40px; background-color: #fff; text-align: right; z-index: 2}
+.header {position: absolute; display: inline-block; top: 0; left: 0; width: 100%; height: 40px; background-color: #fff; text-align: right; z-index: 2}
 .header .plugins {position: absolute; display: inline-block; left: 15px; top: 3px}
 .header .plugins img {position: relative; display: inline-block; margin-right: 15px}
+.header .screenModeIcon {position: absolute; top: 5px; right: 178px; cursor: pointer}
 .header .version {position: relative; display: inline-block; margin-top: 25px; font-size: 10px; color: #bbb}
 .header .logo {position: relative; margin: 5px 10px 0 5px; cursor: pointer}

-.files {position: absolute; display: inline-block; height: 100%; width: 250px; background-color: #444; background-image: url('../images/files-arrow.gif'); background-repeat: no-repeat; background-position: 100% 50%; overflow: hidden; z-index: 1;
+.files {position: absolute; display: inline-block; top: 0; left: 0; height: 100%; width: 250px; background-color: #444; background-image: url('../images/files-arrow.gif'); background-repeat: no-repeat; background-position: 100% 50%; overflow: hidden; z-index: 1;
 	-webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.4);
 	-moz-box-shadow: 0 0 10px 4px rgba(0,0,0,0.4);
 	box-shadow: 0 0 10px 4px rgba(0,0,0,0.4);
--- a/lib/coder.js
+++ b/lib/coder.js
@@ -1,9 +1,3 @@
-// ICE coder by Matt Pass
-// Free to use it for your own purposes, commercial or not, just let me know of any cool uses or customisations. :)
-// No warranty or liability accepted for anything, all responsibility of use is your own.
-// Latest version: https://github.com/mattpass/ICEcoder
-// Twitter: @mattpass
-
 var ICEcoder = {
 	// Define settings
 	filesW: 250,			// Initial width of the files pane
@@ -33,15 +27,18 @@ var ICEcoder = {
 	// Don't consider these tags as part of nesting as they're singles, JS, PHP or Ruby code blocks
 	tagNestExceptions: ["!DOCTYPE","meta","link","img","br","hr","input","script","?php","?","%"],

-	// On load, set aliases, set the layout and get the nest location
-	init: function(login) {
+	// Set our aliases
+	initAliases: function() {
 		var aliasArray = ["header","files","account","accountLogin","fmLock","filesFrame","editor","tabsBar","findBar","content","footer","nestValid","nestDisplay","charDisplay"];

 		// Create our ID aliases
 		for (var i=0;i<aliasArray.length;i++) {
 			ICEcoder[aliasArray[i]] = top.document.getElementById(aliasArray[i]);
 		}
+	},

+	// On load, set the layout and get the nest location
+	init: function(login) {
 		// Set layout & the nest location
 		ICEcoder.setLayout();

@@ -65,15 +62,15 @@ var ICEcoder = {

 		// Apply sizes to various elements of the page
 		headerH = 40, footerH = 30, accountH = 50, tabsBarH = 21, findBarH = 28;
-		header.style.width = tabsBar.style.width = findBar.style.width = winW + "px";
-		files.style.width = accountLogin.style.width = editor.style.left = this.filesW + "px";
-		account.style.height = accountH + "px";
-		fmLock.style.marginLeft = (this.filesW-27) + "px";
-		filesFrame.style.height = (winH-headerH-accountH-footerH) + "px";
+		this.header.style.width = this.tabsBar.style.width = this.findBar.style.width = winW + "px";
+		this.files.style.width = this.accountLogin.style.width = this.editor.style.left = this.filesW + "px";
+		this.account.style.height = this.accountH + "px";
+		this.fmLock.style.marginLeft = (this.filesW-27) + "px";
+		this.filesFrame.style.height = (winH-headerH-accountH-footerH) + "px";

 		// If we need to set the editor sizes
 		if (!dontSetEditor) {
-			editor.style.width = ICEcoder.content.style.width = (winW-this.filesW) + "px";
+			this.editor.style.width = ICEcoder.content.style.width = (winW-this.filesW) + "px";
 			ICEcoder.content.style.height = (winH-headerH-footerH-tabsBarH-findBarH) + "px";

 			// Resize the CodeMirror instances to match the window size
@@ -372,13 +369,18 @@ var ICEcoder = {

 	// Reset all tabs to be without a highlight and then highlight the selected
 	redoTabHighlight: function(selectedTab) {
-		var bgVPos, tColor;
+		var cM, bgVPos, tColor, fileLink;

+		cM = ICEcoder.getcMInstance();
 		for(var i=1;i<=ICEcoder.changedContent.length;i++) {
 			if (document.getElementById('closeTabButton'+i)) {
-				ICEcoder.changedContent[i-1]==1 ? document.getElementById('closeTabButton'+i).style.backgroundColor = "#b00" : document.getElementById('closeTabButton'+i).style.backgroundColor = "rgba(255,255,255,0.3)";
+				ICEcoder.changedContent[i-1]==1 && cM.historySize().undo>0 ? document.getElementById('closeTabButton'+i).style.backgroundColor = "#b00" : document.getElementById('closeTabButton'+i).style.backgroundColor = "rgba(255,255,255,0.3)";
 			}
 			i==selectedTab ? tColor = "#000" : tColor = "#fff";
+			if ("undefined" != typeof top.ICEcoder.openFiles[i-1] && top.ICEcoder.openFiles[i-1] != "/[NEW]") {
+				fileLink = top.ICEcoder.filesFrame.contentWindow.document.getElementById(top.ICEcoder.openFiles[i-1].replace(/\//g,"|"));
+				i==selectedTab ? fileLink.style.backgroundColor = "#4499dd" : fileLink.style.backgroundColor = "rgba(255,255,255,0.15)";
+			}
 			document.getElementById('tab'+i).style.color = tColor;
 			i==selectedTab ? bgVPos = -22 : bgVPos = 0;
 			document.getElementById('tab'+i).style.backgroundPosition = "0 "+bgVPos+"px";
@@ -400,7 +402,6 @@ var ICEcoder = {

 		cM = ICEcoder.getcMInstance('new');
 		ICEcoder.switchTab(ICEcoder.openFiles.length);
-		ICEcoder.content.style.visibility='visible';

 		cM.setLineClass(ICEcoder['cMActiveLine'+ICEcoder.selectedTab], null);
 		ICEcoder['cMActiveLine'+ICEcoder.selectedTab] = cM.setLineClass(0, "cm-s-activeLine");
@@ -426,7 +427,7 @@ var ICEcoder = {
 		// Add a new value ready to indicate if this content has been changed
 		top.ICEcoder.changedContent.push(0);

-		top.ICEcoder.setLastOpenedFiles();
+		top.ICEcoder.setPreviousFiles();
 	},

 	// Create a new tab for a file
@@ -559,7 +560,6 @@ var ICEcoder = {

 			// hide the content area if we have no tabs open
 			if (ICEcoder.openFiles.length==0) {
-				top.document.getElementById('content').style.visibility = "hidden";
 				top.ICEcoder.fMIconVis('fMView',0.3);
 			} else {
 				// Switch the mode & the tab
@@ -570,7 +570,7 @@ var ICEcoder = {
 			top.ICEcoder.changedContent.splice(closeTabNum-1,1);
 			top.parent.ICEcoder.redoTabHighlight(ICEcoder.selectedTab);

-			top.ICEcoder.setLastOpenedFiles();
+			top.ICEcoder.setPreviousFiles();
 		}
 		// Lastly, stop it from trying to also switch tab
 		top.ICEcoder.canSwitchTabs=false;
@@ -698,7 +698,19 @@ var ICEcoder = {

 	// Select or deselect file
 	selectDeselectFile: function(action,file) {
-		action == "select" ? file.style.backgroundColor="#888" : file.style.backgroundColor="transparent";
+		var isOpen;
+
+		top.ICEcoder.openFiles.indexOf(file.id.replace(/\|/g,"/")) > -1 ? isOpen = true : isOpen = false;
+
+		if (top.ICEcoder.openFiles[top.ICEcoder.selectedTab-1] == file.id.replace(/\|/g,"/")) {
+			file.style.backgroundColor="#4499dd";
+		} else {
+			if (action=="select") {
+				file.style.backgroundColor="#888";
+			} else {
+				isOpen ? file.style.backgroundColor = "rgba(255,255,255,0.15)" : file.style.backgroundColor="transparent";
+			}
+		}
 		action == "select" ? file.style.color="#fff" : file.style.color="#eee";
 	},

@@ -794,7 +806,7 @@ var ICEcoder = {
 		top.ICEcoder.serverQueue("add","lib/file-control.php?action=rename&file="+renamedFile+"&oldFileName="+top.ICEcoder.rightClickedFile.replace(/\|/g,"/"));
 		top.ICEcoder.serverMessage('<b>Renaming to</b><br>'+renamedFile);

-		top.ICEcoder.setLastOpenedFiles();
+		top.ICEcoder.setPreviousFiles();
 		}
 	},

@@ -1001,7 +1013,7 @@ var ICEcoder = {

 		lockIcon = top.document.getElementById('fmLock');
 		ICEcoder.lockedNav ? ICEcoder.lockedNav = false : ICEcoder.lockedNav = true;
-		ICEcoder.lockedNav ? lockIcon.src="images/file-manager-icons/padlock.png" : lockIcon.src="images/file-manager-icons/padlock-disabled.png";
+		ICEcoder.lockedNav ? lockIcon.src="images/padlock.png" : lockIcon.src="images/padlock-disabled.png";
 	},

 	// Determine the CodeMirror instance we're using on demand
@@ -1093,11 +1105,11 @@ var ICEcoder = {
 		var tempX, tempY, scrollTop, IE;

 		IE = document.all ? true : false;
-		if (!IE) {document.captureEvents(Event.MOUSEMOVE)};
 		if (IE) {
-			top.ICEcoder.mouseX = event.clientX + document.body.scrollLeft;
-			top.ICEcoder.mouseY = event.clientY + document.body.scrollTop;
+			top.ICEcoder.mouseX = e.clientX + document.body.scrollLeft;
+			top.ICEcoder.mouseY = e.clientY + document.body.scrollTop;
 		} else {
+			document.captureEvents(Event.MOUSEMOVE);
 			top.ICEcoder.mouseX = e.pageX;
 			top.ICEcoder.mouseY = e.pageY;
 		}
@@ -1397,31 +1409,27 @@ var ICEcoder = {
 		top.ICEcoder.dontSelect = true;
 	},

-	// Set the current lastOpenedFiles in the settings file
-	setLastOpenedFiles: function() {
-		var lastOpenedFiles;
+	// Set the current previousFiles in the settings file
+	setPreviousFiles: function() {
+		var previousFiles;

-		lastOpenedFiles = "";
+		previousFiles = "";
 		// Generate a comma seperated list
 		for (var i=0;i<top.ICEcoder.openFiles.length;i++) {
 			if (top.ICEcoder.openFiles[i]!="" && top.ICEcoder.openFiles[i].indexOf("[NEW]")==-1) {
-				lastOpenedFiles += top.ICEcoder.openFiles[i].replace(/\//g,"|");
-				if (i<top.ICEcoder.openFiles.length-1) {lastOpenedFiles += ","};
+				previousFiles += top.ICEcoder.openFiles[i].replace(/\//g,"|");
+				if (i<top.ICEcoder.openFiles.length-1) {previousFiles += ","};
 			}
 		}
-		if (lastOpenedFiles!="") {
-			// Then send through to the settings page to update setting
-			top.ICEcoder.serverQueue("add","lib/settings.php?saveFiles="+lastOpenedFiles);
-		} else {
-			top.ICEcoder.serverMessage();
-			top.ICEcoder.serverQueue("del",0);
-		}
+		if (previousFiles=="") {previousFiles="CLEAR"};
+		// Then send through to the settings page to update setting
+		top.ICEcoder.serverQueue("add","lib/settings.php?saveFiles="+previousFiles);
 	},

 	// Opens the last files we had open
 	autoOpenFiles: function() {
-		for (var i=0;i<=top.lastOpenFiles.length-1;i++) {
-			top.ICEcoder.rightClickedFile=top.ICEcoder.thisFileFolderLink=top.fullPath+top.lastOpenFiles[i].replace('|','/');
+		for (var i=0;i<=top.previousFiles.length-1;i++) {
+			top.ICEcoder.rightClickedFile=top.ICEcoder.thisFileFolderLink=top.fullPath+top.previousFiles[i].replace('|','/');
 			top.ICEcoder.thisFileFolderType='file';
 			top.ICEcoder.openFile();
 		}
@@ -1437,6 +1445,10 @@ var ICEcoder = {
 			top.document.getElementById('loadingMask').style.visibility = "hidden";
 			if (loginAttempt) {
 				if (loginAttempt == "loginOK") {
+					if (top.ICEcoder.openFiles.length==0) {
+						top.ICEcoder.content.style.visibility='visible';
+						top.ICEcoder.content.src = "editor.php";
+					}
 					top.document.getElementById('accountLogin').style.top = "-50px";
 					setTimeout(function() {top.document.getElementById('accountLoginContainer').style.display = "none";},300);
 				} else {
@@ -1502,5 +1514,47 @@ var ICEcoder = {
 	updateResultsDisplay: function(showHide) {
 		ICEcoder.findReplace('find',true,false);
 		document.getElementById('results').style.display = showHide == "show" ? 'inline-block' : 'none';
+	},
+
+	// Show file & folder count in server info screen
+	updateFileFolderCount: function() {
+		var fileText, dirText, unitSize, unitText, dContainer;
+
+		top.ICEcoder.dirCount > 1 ? dirText = "folders" : dirText = "folder";
+		top.ICEcoder.fileCount > 1 ? fileText = "files" : fileText = "file";
+		// Change into kilobytes
+		unitSize = Math.ceil(top.ICEcoder.fileBytes/1024);
+		unitText = "kb";
+		// Maybe we should show in megabytes?
+		if (unitSize >= 1024) {
+			unitSize = unitSize / 1024;
+			unitText = "mb";
+		}
+		// Update the display
+		dContainer = top.ICEcoder.content.contentWindow.document.getElementById('fileFolderCounts');
+		if (dContainer) {
+			dContainer.innerHTML = top.ICEcoder.fileCount+" "+fileText+", "+top.ICEcoder.dirCount+" "+dirText+"<br>~ "+unitSize+" "+unitText;
+		}
+	},
+
+	// Toggle full screen on/off
+	fullScreenSwitcher: function() {
+		var screenIcon;
+
+		screenIcon = top.document.getElementById('screenMode');
+
+		// Future use
+		if ("undefined" != typeof document.cancelFullScreen) {
+			document.fullScreen ? document.cancelFullScreen() : document.body.requestFullScreen();
+		// Moz specific
+		} else if ("undefined" != typeof document.mozCancelFullScreen) {
+			document.mozFullScreen ? document.mozCancelFullScreen() : document.body.mozRequestFullScreen();
+		// Chrome specific
+		} else if ("undefined" != typeof document.webkitCancelFullScreen) {
+			document.webkitIsFullScreen ? document.webkitCancelFullScreen() : document.body.webkitRequestFullScreen();
+		}
+
+		screenIcon.src.indexOf("images/full-screen.gif") > -1 ? screenIcon.src = "images/restored-screen.gif" : screenIcon.src = "images/full-screen.gif";
+		
 	}
 };
--- a/lib/config.php
+++ b/lib/config.php
@@ -1,5 +1,5 @@
 <?php
-$versionNo		= "v 0.6.9";
+$versionNo		= "v 0.7.2";
 $codeMirrorDir		= "CodeMirror-2.25";
 $cMThisVer		= 2.25;
 $tabsIndent		= true;
@@ -19,5 +19,6 @@ $plugins		= array(
 			array("Backup","images/backup-open-files.png","margin-top: 3px","plugins/backupOpenFiles/index.php","fileControl:<b>Zipping Open Files</b>","10")
 			);
 $theme			= "default";
-$lastOpenedFiles	= "";
+$previousFiles		= "";
+$last10Files		= "";
 ?>
--- a/lib/file-control.php
+++ b/lib/file-control.php
@@ -263,7 +263,7 @@ if (action=="save") {
 		if ("undefined" != typeof newFileName) {
 			top.ICEcoder.serverMessage('<b>Saving</b><br>'+newFileName);
 		}
-		document.saveFile.contents.innerHTML = top.document.getElementById('saveTemp1').value;
+		document.saveFile.contents.value = top.document.getElementById('saveTemp1').value;
 		document.saveFile.submit();
 	} else {
 		top.ICEcoder.serverMessage();top.ICEcoder.serverQueue("del",0);
--- a/lib/files.css
+++ b/lib/files.css
@@ -29,36 +29,42 @@ body {margin: 0; overflow: auto}
 	user-select: none;
 }

-.fileManager span {font-family: helvetica, arial, swiss, verdana;}
-.fileManager a {color: #eee;	text-decoration: none;}
-.fileManager .open {font-style: italic;}
-.fileManager .closed {font-style: normal;}
-.fileManager .pft-directory {list-style-image: url(../images/file-manager-icons/directory.png);}
-.fileManager li {margin-left: 15px;}
+.fileManager span {font-family: helvetica, arial, swiss, verdana}
+.fileManager a {color: #eee;	text-decoration: none}
+.fileManager .open {font-style: italic}
+.fileManager .closed {font-style: normal}
+.fileManager .pft-directory, .fileManager .pft-file {list-style-image: url(../images/blank.gif)}
+.fileManager li {margin-left: 15px}
 	
 /* Default file */
-.fileManager LI.pft-file { list-style-image: url(../images/file-manager-icons/file.png); }
+.fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
+	position: absolute; display: block; width: 16px; height: 16px; content: ""; margin-top: -2px; margin-left: -23px; background:url(../images/file-manager-icons.png) no-repeat 0 0;
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) { /* hacked for chrome and safari */
+	.fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
+		margin-top: -19px;
+	}
+}
+.fileManager LI.pft-file:before {background-position: -16px 0}

 /* Additional file types */
-.fileManager LI.ext-coffee { list-style-image: url(../images/file-manager-icons/coffee.png); }
-.fileManager LI.ext-css { list-style-image: url(../images/file-manager-icons/css.png); }
-.fileManager LI.ext-doc { list-style-image: url(../images/file-manager-icons/doc.png); }
-.fileManager LI.ext-gif { list-style-image: url(../images/file-manager-icons/gif.png); }
-.fileManager LI.ext-htm { list-style-image: url(../images/file-manager-icons/html.png); }
-.fileManager LI.ext-html { list-style-image: url(../images/file-manager-icons/html.png); }
-.fileManager LI.ext-jpg { list-style-image: url(../images/file-manager-icons/jpg.png); }
-.fileManager LI.ext-jpeg { list-style-image: url(../images/file-manager-icons/jpg.png); }
-.fileManager LI.ext-js { list-style-image: url(../images/file-manager-icons/js.png); }
-/*.fileManager LI.ext-pdf { list-style-image: url(../images/file-manager-icons/pdf.png); } */
-.fileManager LI.ext-php { list-style-image: url(../images/file-manager-icons/php.png); }
-.fileManager LI.ext-png { list-style-image: url(../images/file-manager-icons/png.png); }
-.fileManager LI.ext-rb { list-style-image: url(../images/file-manager-icons/ruby.png); }
-.fileManager LI.ext-rbx { list-style-image: url(../images/file-manager-icons/ruby.png); }
-.fileManager LI.ext-rhtml { list-style-image: url(../images/file-manager-icons/ruby.png); }
-.fileManager LI.ext-ruby { list-style-image: url(../images/file-manager-icons/ruby.png); }
-/*.fileManager LI.ext-sql { list-style-image: url(../images/file-manager-icons/sql.png); } */
-/*.fileManager LI.ext-swf { list-style-image: url(../images/file-manager-icons/swf.png); } */
-.fileManager LI.ext-txt { list-style-image: url(../images/file-manager-icons/txt.png); }
-/*.fileManager LI.ext-xls { list-style-image: url(../images/file-manager-icons/xls.png); } */
-/*.fileManager LI.ext-xml { list-style-image: url(../images/file-manager-icons/xml.png); } */
-/*.fileManager LI.ext-zip { list-style-image: url(../images/file-manager-icons/zip.png); } */
+.fileManager LI.ext-coffee:before {background-position: -32px 0}
+.fileManager LI.ext-css:before {background-position: -48px 0}
+.fileManager LI.ext-gif:before {background-position: -64px 0}
+.fileManager LI.ext-htm:before {background-position: -80px 0}
+.fileManager LI.ext-html:before {background-position: -80px 0}
+.fileManager LI.ext-jpg:before {background-position: -96px 0}
+.fileManager LI.ext-jpeg:before {background-position: -96px 0}
+.fileManager LI.ext-js:before {background-position: -112px 0}
+/*.fileManager LI.ext-pdf:before {background-position: -???px 0} */
+.fileManager LI.ext-php:before {background-position: -128px 0}
+.fileManager LI.ext-png:before {background-position: -144px 0}
+.fileManager LI.ext-rb:before {background-position: -160px 0}
+.fileManager LI.ext-rbx:before {background-position: -160px 0}
+.fileManager LI.ext-rhtml:before {background-position: -160px 0}
+.fileManager LI.ext-ruby:before {background-position: -160px 0}
+/*.fileManager LI.ext-sql:before {background-position: -???px 0} */
+/*.fileManager LI.ext-swf:before {background-position: -???px 0} */
+.fileManager LI.ext-txt:before {background-position: -176px 0}
+/*.fileManager LI.ext-xml:before {background-position: -???px 0} */
+.fileManager LI.ext-zip:before {background-position: -192px 0}
--- a/lib/settings.php
+++ b/lib/settings.php
@@ -19,9 +19,9 @@ include("config.php");
 if (isset($_POST["theme"]) && $_POST["theme"] && $_SESSION['userLevel'] == 10) {
 	$settingsFile = 'config.php';
 	$settingsContents = file_get_contents($settingsFile);
-	// Replace our lastOpenedFiles var with the the current
+	// Replace our settings vars
 	$repPosStart = strpos($settingsContents,'$tabsIndent');
-	$repPosEnd = strpos($settingsContents,'$lastOpenedFiles');
+	$repPosEnd = strpos($settingsContents,'$previousFiles');

 	// Prepare all our vars
 	if ($_POST['tabsIndent'])		{$tabsIndent = "true";} else {$tabsIndent = "false";};
@@ -55,7 +55,7 @@ if (isset($_POST["theme"]) && $_POST["theme"] && $_SESSION['userLevel'] == 10) {
 	// Compile our new settings
 	$settingsContents = substr($settingsContents,0,$repPosStart).$settingsNew.substr($settingsContents,($repPosEnd),strlen($settingsContents));
 	// Now update the config file
-	$fh = fopen($settingsFile, 'w') or die("can't update settings file");
+	$fh = fopen($settingsFile, 'w') or die("Can't update config file. Please set public write permissions on lib/config.php");
 	fwrite($fh, $settingsContents);
 	fclose($fh);

@@ -77,13 +77,32 @@ if (isset($_GET["saveFiles"]) && $_GET['saveFiles']) {
 	if ($_SESSION['userLevel'] == 10) {
 		$settingsFile = 'config.php';
 		$settingsContents = file_get_contents($settingsFile);
-		// Replace our lastOpenedFiles var with the the current
-		$repPosStart = strpos($settingsContents,'lastOpenedFiles	= "')+19;
+
+		// Replace our previousFiles var with the the current
+		$repPosStart = strpos($settingsContents,'previousFiles		= "')+18;
 		$repPosEnd = strpos($settingsContents,'";',$repPosStart)-$repPosStart;
-		$settingsContents = substr($settingsContents,0,$repPosStart).$_GET['saveFiles'].substr($settingsContents,($repPosStart+$repPosEnd),strlen($settingsContents));
+		if ($_GET['saveFiles']!="CLEAR") {$saveFiles=$_GET['saveFiles'];} else {$saveFiles="";};
+		$settingsContents1 = substr($settingsContents,0,$repPosStart).$saveFiles.substr($settingsContents,($repPosStart+$repPosEnd),strlen($settingsContents));
 		// Now update the config file
-		$fh = fopen($settingsFile, 'w') or die("can't update settings file");
-		fwrite($fh, $settingsContents);
+		$fh = fopen($settingsFile, 'w') or die("Can't update config file. Please set public write permissions on lib/config.php");
+		fwrite($fh, $settingsContents1);
+
+		// Update our top10Files var?
+		$saveFilesArray = explode(",",$saveFiles);
+		$last10FilesArray = explode(",",$last10Files);
+		for ($i=0;$i<count($saveFilesArray);$i++) {
+			$inLast10Files = in_array($saveFilesArray[$i],$last10FilesArray);
+			if (!$inLast10Files && $saveFilesArray[$i] !="") {
+				$repPosStart = strpos($settingsContents1,'last10Files		= "')+16;
+				$repPosEnd = strpos($settingsContents1,'";',$repPosStart)-$repPosStart;
+				if ($last10Files!="") {$commaExtra=",";} else {$commaExtra="";};
+				if (count($last10FilesArray)>=10) {$last10Files=substr($last10Files,0,strrpos($last10Files,','));};
+				$settingsContents2 = substr($settingsContents1,0,$repPosStart).$saveFilesArray[$i].$commaExtra.$last10Files.substr($settingsContents1,($repPosStart+$repPosEnd),strlen($settingsContents1));
+				// Now update the config file
+				$fh = fopen($settingsFile, 'w') or die("Can't update config file. Please set public write permissions on lib/config.php");
+				fwrite($fh, $settingsContents2);
+			}
+		}
 		fclose($fh);
 	}
 	echo '<script>top.ICEcoder.serverMessage();top.ICEcoder.serverQueue("del",0);</script>';
@@ -168,6 +187,11 @@ if ((isset($_POST["theme"]) && $_POST["theme"] && $_SESSION['userLevel'] == 10)
 	if ($openLastFiles) {
 		$onLoadExtras .= ";top.ICEcoder.autoOpenFiles()";
 	}
+
+	// Show server data if we're logged in
+	if ($_SESSION['userLevel'] == 10) {
+		$onLoadExtras .= ";top.ICEcoder.content.style.visibility='visible'";
+	}
 }

 // If we're due to show the settings screen
@@ -186,7 +210,7 @@ if ($accountPassword == "" && isset($_GET['settings'])) {
 	<div class="screenContainer">
 		<div class="screenVCenter">
 			<div class="screenCenter">
-			<img src="../images/ice-coder.gif">
+			<img src="../images/ice-coder.png">
 			<div class="version"><?php echo $versionNo;?></div>
 			<form name="settingsUpdate" action="../index.php" method="POST">
 			<input type="password" name="accountPassword" class="accountPassword">
@@ -212,7 +236,7 @@ if ($accountPassword == "" && isset($_GET['settings'])) {
 			// Replace our empty password with the one submitted by user
 			$settingsContents = str_replace('$accountPassword	= "";','$accountPassword	= "'.$password.'";',$settingsContents);
 			// Now update the config file
-			$fh = fopen($settingsFile, 'w') or die("can't update settings file");
+			$fh = fopen($settingsFile, 'w') or die("Can't update config file. Please set public write permissions on lib/config.php");
 			fwrite($fh, $settingsContents);
 			fclose($fh);
 			// Set the session user level
Author	SHA1	Message	Date
Matt Pass	2ac674f5c6	Version no update to v0.7.2	2012-06-09 18:44:10 +01:00
Matt Pass	2b5a16be70	FM visually linked to tabs & file setting updates Changed content indicator in tab doesn't count if undo history is back to the start File highlighting now visually linked with the tabs of open docs Selected file have blue BG, other open files 15% white BG lastOpenedFiles now previousFiles in a few places	2012-06-09 18:43:57 +01:00
Matt Pass	1fbe9df342	Server DT, last 10 files and improved layout Layout is now in 3 areas, collapsable too via CSS float Server name, OS & IP combined Date & time now shown under server This is also updated via JS	2012-06-09 18:39:12 +01:00
Matt Pass	1217d2d05e	previousFiles & last10Files renamed lastOpenedFiles to previousFiles Now also saves the last 10 opened files in new setting	2012-06-09 18:36:42 +01:00
Matt Pass	432795026c	renamed lastOpenedFiles to previousFiles	2012-06-09 18:31:44 +01:00
Matt Pass	ab23eaa6ff	previousFiles & last10Files renamed lastOpenedFiles to previousFiles New setting added - last10Files	2012-06-09 18:30:51 +01:00
Matt Pass	4583c0c713	Class fixes & new class for full screen .header & .files need top & left CSS props set to avoid centering in full screen New class for screenModeIcon	2012-06-07 07:53:07 +01:00
Matt Pass	d3a961f13f	Version no update to v 0.7.1	2012-06-07 07:51:45 +01:00
Matt Pass	7a97af2c1d	Function to switch screen mode Handles future proposed spec, plus Moz & Chrome prefixes for usage now Also changes icon on switching	2012-06-07 07:51:18 +01:00
Matt Pass	750cc59fd5	Screen mode switcher Small icon now shows in top right to switch between full screen and restored screen	2012-06-07 07:50:33 +01:00
Matt Pass	dfcf54d412	Spliting IE/FF & Chrome/Safari CSS styles IE & Firefox have different margin rendering to Chrome Chrome & Safari hack to provide different margin-top	2012-06-01 17:52:11 +01:00
Matt Pass	5fd1c35d85	Check if container exists before updating A quick check is performed container exists before attemping update	2012-06-01 17:51:07 +01:00
Matt Pass	21b61bd027	CSS handled differently, updating container moved Conditional IE hack removed as it needs to apply to Firefox too Now a CSS margin-top hack relating to Chrome only in CSS file Moved updating of file, folder, bytes container to editor.php file (This means it shows correctly on load)	2012-06-01 17:50:18 +01:00
Matt Pass	7fa28c6d8b	onLoad, update file, folder, byte display	2012-06-01 17:48:11 +01:00
Matt Pass	97e396794a	Server info display showing files, folders, bytes Files, folders & bytes along with supplementary text established This is then added to the container on the server info page	2012-06-01 17:18:08 +01:00
Matt Pass	b096ef3606	Files, folders & bytes now counted up Count of files & folders are running as files & folders are found Bytes of files also totalled onLoad, a new function is called to update the server info display	2012-06-01 17:16:46 +01:00
Matt Pass	74b0d86c36	Container to show file & folder count This is updated once the file manager has loaded	2012-06-01 17:13:08 +01:00
Matt Pass	319c509318	Handling CLEAR when updating lastOpenedFiles Now drops in correct value, either string array or empty value	2012-06-01 08:26:03 +01:00
Matt Pass	5703a040be	lastOpenedFiles handling on no files CLEAR now sent through as value if no files No need for else clause now	2012-06-01 08:24:44 +01:00
Matt Pass	6752b8ef50	Adding headings & margin adjusts to server info	2012-06-01 08:23:32 +01:00
Matt Pass	7062560eaa	Version number update only	2012-05-31 15:07:12 +01:00
Matt Pass	3be433c910	Visibility of content, padlock dir & IE fixes Removed comments/dislaimer at top, now use LICENSE file No longer show or hide content area, it's shown from init load if logged in Changed location of packlock icon IE now using e var for event and not event, fixes JS issue On refresh and successful login, set visibility & src of content area (This shows server info upon login)	2012-05-31 15:07:00 +01:00
Matt Pass	bd0969e870	Altered error text & showing content area on load Better error message to user re public write permissions on config.php If logged in, now shows content area and therefore server details	2012-05-31 15:01:07 +01:00
Matt Pass	ffbac321a4	Change of padlock image location & IE CSS hack Padlock now located in parent image folder IE differs in it's placement of icons, so have conditional IE CSS fix	2012-05-31 14:59:27 +01:00
Matt Pass	222f6589a9	FM icons now work from single sprite sheet All filetypes now show icons via single sprite sheet This works via setting a class with pseudo :before containing icon sized block with icon in BG blank.gif is used as a sizing placeholder for LI images Removed a few trailing semi colons	2012-05-31 14:57:59 +01:00
Matt Pass	a2245775a9	Adjustment to location of padlock image	2012-05-31 14:52:34 +01:00
Matt Pass	d594050166	Server & user info screen CodeMirror instances now on z-index of 1, above body Body by default now shows server & user details if logged in and no docs loaded	2012-05-31 14:51:46 +01:00
Matt Pass	2665055558	New FM icons sprite sheet & blank.gif All file manager icons now in single sprite sheet These are shown using CSS class pseudo's blank.gif is needed to easily determin height	2012-05-31 14:37:37 +01:00
Matt Pass	3e41afb0a6	Set value not innerHTML in textarea Setting innerHTML works fine in Chrome & Firefox but not IE In order to make IE compatible, made this improvement (More syntactically appropriate anyway)	2012-05-31 14:35:48 +01:00
Matt Pass	f1ec4a2453	Padlock & refresh icons moved Moved from FM dir (no longer exists) to parent 'images' dir	2012-05-31 14:32:59 +01:00
Matt Pass	98f1ace910	Removed single FM icons Removed individual file manager icons from own dir Icons now show via CSS and spritesheet	2012-05-31 14:32:09 +01:00
Matt Pass	401a3a7abb	New initAliases function & scoping of vars Initialisation of DOM vars now in own function (This allows Firefox loadstack to work fine & is more efficient too, only ever called once) 'this' also prefixes the DOM vars initialised, so works in Firefox	2012-05-29 17:53:41 +01:00
Matt Pass	6a0cc816a9	Aliases now initialised in seperate function Initialise once DOM load complete, prior to 1st setLayout call	2012-05-29 17:51:08 +01:00
Matt Pass	4bafb3aaa1	Need e not event Wasn't working in Firefox, this fixes issue	2012-05-29 17:50:14 +01:00
Matt Pass	782aac54e4	Logo now is a PNG Has transparent BG, so can show on white or dark grey BG	2012-05-29 17:11:44 +01:00
Matt Pass	06dd46c24f	Logo now is a PNG Has transparent BG, so can show on white or dark grey BG	2012-05-29 17:11:10 +01:00
Matt Pass	bc50886250	Alterations to the install process	2012-05-29 16:58:02 +01:00