Add files via upload

more/more.html

@@ -22,7 +22,7 @@
 			offset = parseInt(offset);
 			
 			var perpage = findGetParameter("perpage");
-			if(perpage === null){perpage = 15;}
+			if(perpage === null){perpage = 25;}
 			perpage = parseInt(perpage);
 			
 			var search = findGetParameter("search");
@@ -53,7 +53,7 @@
             });
 
 			function CheckRunning(scriptName){
-			
+				
 				return false;
 			}
 			
@@ -117,6 +117,17 @@
 				font-variant: normal;
 				text-transform: none;
 			}
+
+			font.pager {
+				font-family: Arial, Helvetica, sans-serif;
+				font-size: 14px;
+				color: #B2B5D9;
+				font-weight: 600;
+				text-decoration: none;
+				font-style: normal;
+				font-variant: normal;
+				text-transform: none;
+			}
 			
 			div.iconContainer{
 				border-radius: 15px;
@@ -137,6 +148,7 @@
 			}
 
 			button.install {
+				font-family: Arial, Helvetica, sans-serif;
 				background-color: #008CBA;
 				font-size: 16px;
 				color: #ffffff;
@@ -152,6 +164,7 @@
 			}
 
 			button.uninstall {
+				font-family: Arial, Helvetica, sans-serif;
 				background-color: #b34700;
 				font-size: 16px;
 				color: #ffffff;
@@ -190,27 +203,28 @@
 		
 		<table style = "width:100%;">
 			<tr >
-				<td style = "vertical-align: middle; text-align: left;">
+				<td style = "vertical-align:middle; text-align:left;">
 					<table>
 						<tr>
-							<td style = "vertical-align: middle; text-align: left;">
+							<td style = "vertical-align:middle; text-align:left;">
 								<div class = "searchbox">
-									<input class = "searchtextbox" name = "searchtextbox" size = "25" maxlength="32"> <a href="#" onclick='clearSearch();'><img src="del-x-16.png"></a>
+									<input class = "searchtextbox" name = "searchtextbox" size = "26" maxlength="32"> <a href="#" onclick='clearSearch();'><img src="del-x-16.png"></a>
 								</div>
 							</td>
-							<td style = "vertical-align: middle; text-align: center;">
-								<a href = "#" onclick = 'doSearch(document.searchbar.searchtextbox.value);'>S</a>
+							<td style = "vertical-align:middle; text-align:left;">
+								<a href = "#" onclick = 'doSearch(document.searchbar.searchtextbox.value);'><img src="search-32.png"></a>
 							</td>
 						</tr>
 					</table>
 				</td>
-				<td style = "vertical-align: middle; text-align: right;">
-					<div id = 'pager'></div>
+				<td style = "vertical-align:middle; text-align:right;">
+					<div id = 'pager_top'  style = "vertical-align: middle;"></div>
 				</td>				
 			</tr>
 		</table>
 		</form><br>
-		
+		<div id = "data"></div>
+		<div style="width:100%; text-align:right;"><div style = "vertical-align: middle;" id = 'pager_footer'></div>		
 		
 		<script>
 
@@ -218,8 +232,8 @@
 			
 
 			function DisplayApp(item) {
-				document.write("<a name = '" + window.btoa(item.name) + "'><table class='item'><tr>");
-				document.write("<td><div class='iconContainer'><img src='" + rootPath + item.icon + "' style='width:50px;'><br><font class = 'caption'>" + item.caption + "</font></div></td>");
+				pageContent = pageContent + "<a name = '" + window.btoa(item.name) + "'><table class='item'><tr>";
+				pageContent = pageContent + "<td><div class='iconContainer'><img src='" + rootPath + item.icon + "' style='width:50px;'><br><font class = 'caption'>" + item.caption + "</font></div></td>";
 				var btn = "";
 				var absoluteJsFile = rootPath + item.jsfile;
 				if(CheckRunning(absoluteJsFile) != false){
@@ -231,8 +245,8 @@
 				}
 				
 				
-				document.write("<td><font class='appname'>" + item.name + "<br></font><font class = 'appdesc'>" + item.description + "<br></font><div align='right'>" + btn + "</div></td>");
-				document.write("</tr></table><br><br>");				
+				pageContent = pageContent + "<td><font class='appname'>" + item.name + "<br></font><font class = 'appdesc'>" + item.description + "<br></font><div id = '"+ window.btoa(item.name) +"' align='right'>" + btn + "</div></td>";
+				pageContent = pageContent + "</tr></table><br><br>";				
 			}
 		
 
@@ -241,6 +255,7 @@
 			var index = 0;
 			var lowItem = "";
 			var needNext = false;
+			var pageContent = "";
 			
 			for (index = 0; index < metadata.applications.length; index++){
 				lowItem = metadata.applications[index].name.toLowerCase();
@@ -272,25 +287,27 @@
 				location.href = "more.html?offset=" + offset + "&perpage=" + perpage + "&search=" + encodeURI(search);
 			}
 			
-			var pagerPrevious = "<a href='#' onclick='pagetoPrevious();'>&lt;</a>";
+			var pagerPrevious = "<a href='#' onclick='pagetoPrevious();'><img src='minus-16.png'></a>";
 			if (offset <= 0){
-				pagerPrevious = "";
+				pagerPrevious = "<img src='blank_minus-16.png'>";
 			}
 			
-			var pagerNext = "<a href='#' onclick='pagetoNext();'>&gt;</a>";
+			var pagerNext = "<a href='#' onclick='pagetoNext();'><img src='plus-16.png'></a>";
 			if (needNext == false){
-				pagerNext = "";
+				pagerNext = "<img src='blank_plus-16.png'>";
 			}			
 			
 			var countA = offset + 1;
 			
 			var countB = offset + counterDisp;
 			
-			
-			document.getElementById( "pager" ).innerHTML = pagerPrevious + "<font class='pager'>&nbsp;&nbsp;" + countA + " - " + countB  + "&nbsp;&nbsp;</font>" + pagerNext; //offset = 0 will do for < btn | offset + counterDir = perpage then >
-
+			var pagerHtml = pagerPrevious + "<font class='pager'>&nbsp;&nbsp;" + countA + " - " + countB  + "&nbsp;&nbsp;</font>" + pagerNext; 
+			document.getElementById("pager_top").innerHTML = pagerHtml;
+			document.getElementById("data").innerHTML = pageContent;
+			document.getElementById("pager_footer").innerHTML = pagerHtml;
 
 		</script>
 
+		
 	</body>
 </html>