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-17 13:57:02 +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
10 changed files with 82 additions and 24 deletions
--- a/editor.php
+++ b/editor.php
@@ -36,10 +36,11 @@ span.CodeMirror-matchhighlight {background: #555}
 </style>
 </head>

-<body style="color: #fff; 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: 35px 43px; font-family: arial; font-size: 10px; color: #dddddd">
+<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;
@@ -49,13 +50,17 @@ span.CodeMirror-matchhighlight {background: #555}
 	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><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;
 }; ?>
--- 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);
@@ -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,19 +154,19 @@ function php4_scandir($dir) {
 <head>
 <title>ICE Coder File Manager</title>
 <link rel="stylesheet" type="text/css" href="lib/files.css">
-<!--[if IE]>
-<style type="text/css">
-.fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
-	margin-top: -2px;
-}
-</style>
-<![endif]-->
+
 <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/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/full-screen.gif
+++ b/images/full-screen.gif
--- a/images/restored-screen.gif
+++ b/images/restored-screen.gif
--- a/index.php
+++ b/index.php
@@ -92,7 +92,7 @@ lastOpenFiles = [<?php
 	<div class="plugins" id="pluginsContainer">
 	<?php echo $pluginsDisplay; ?>
 	</div>
-	<div class="version"><?php echo $versionNo;?></div>
+	<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>

--- 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
@@ -1404,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
@@ -1501,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.7.0";
+$versionNo		= "v 0.7.1";
 $codeMirrorDir		= "CodeMirror-2.25";
 $cMThisVer		= 2.25;
 $tabsIndent		= true;
--- a/lib/files.css
+++ b/lib/files.css
@@ -38,7 +38,12 @@ body {margin: 0; overflow: auto}
 	
 /* Default file */
 .fileManager LI.pft-directory:before, .fileManager LI.pft-file:before {
-	position: absolute; display: block; width: 16px; height: 16px; content: ""; margin-top: -19px; margin-left: -23px; background:url(../images/file-manager-icons.png) no-repeat 0 0;
+	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}

--- a/lib/settings.php
+++ b/lib/settings.php
@@ -80,7 +80,8 @@ 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 config file. Please set public write permissions on lib/config.php");
 		fwrite($fh, $settingsContents);
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