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
Version no update to v 0.7.1
2026-03-16 13:27:05 +01:00 · 2012-06-07 07:53:07 +01:00 · 2012-06-07 07:51:45 +01:00 · 2012-06-07 07:51:18 +01:00 · 2012-06-07 07:50:33 +01:00 · 2012-06-01 17:52:11 +01:00
32 changed files with 171 additions and 78 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,35 @@ 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 '<h2 style="color: rgba(0,198,255,0.7)">server</h2>'.PHP_EOL;
+	echo '<span style="color:#888">Server name:</span><br>'.PHP_EOL;
+	echo $_SERVER['SERVER_NAME'].'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">Server OS:</span><br>'.PHP_EOL;
+	echo $_SERVER['SERVER_SOFTWARE'].'<br><br>'.PHP_EOL;
+	echo '<span style="color:#888">Server IP:</span><br>'.PHP_EOL;
+	echo $_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><br><br>'.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'].'<br><br><br>'.PHP_EOL;
+
+	echo '<h2 style="color: rgba(0,198,255,0.7)">general</h2>'.PHP_EOL;
+	echo '<span style="color:#888">Date & time:</span><br>'.PHP_EOL;
+	echo date("D jS M Y g:i:sa").'<br><br>'.PHP_EOL;
+}; ?>
+</div>

 <script>
 function createNewCMInstance(num) {
@@ -79,7 +107,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
@@ -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
@@ -400,7 +397,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");
@@ -559,7 +555,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
@@ -1001,7 +996,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 +1088,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;
 		}
@@ -1409,13 +1404,9 @@ var ICEcoder = {
 				if (i<top.ICEcoder.openFiles.length-1) {lastOpenedFiles += ","};
 			}
 		}
-		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 (lastOpenedFiles=="") {lastOpenedFiles="CLEAR"};
+		// Then send through to the settings page to update setting
+		top.ICEcoder.serverQueue("add","lib/settings.php?saveFiles="+lastOpenedFiles);
 	},

 	// Opens the last files we had open
@@ -1437,6 +1428,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 +1497,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.1";
 $codeMirrorDir		= "CodeMirror-2.25";
 $cMThisVer		= 2.25;
 $tabsIndent		= true;
--- 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
@@ -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);

@@ -80,9 +80,10 @@ if (isset($_GET["saveFiles"]) && $_GET['saveFiles']) {
 		// Replace our lastOpenedFiles var with the the current
 		$repPosStart = strpos($settingsContents,'lastOpenedFiles	= "')+19;
 		$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="";};
+		$settingsContents = 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");
+		$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);
 	}
@@ -168,6 +169,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 +192,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 +218,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	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