ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html
changeset 3 0954f5dd2cd0
parent 0 1450b09d0cfd
child 16 3c88a81ff781
--- a/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html	Fri May 14 15:40:36 2010 +0300
+++ b/ginebra2/chrome/bedrockchrome/settingsview.superpage/SettingsView.html	Tue Jun 29 00:46:29 2010 -0400
@@ -2,6 +2,15 @@
 <html>
 <head>
 
+  <script src="../../js/3rdparty/jquery-1.4.2.min.js" type="text/javascript"></script>
+  <script src="../../js/3rdparty/jquery-ui/ui.core.js" type="text/javascript"></script>
+  <script src="../../js/3rdparty/jquery-ui/effects.core.js" type="text/javascript"></script>
+  <script src="../../js/3rdparty/jquery-ui/effects.blind.js" type="text/javascript"></script>
+  <script src="../../js/3rdparty/jquery-ui/dima.js" type="text/javascript"></script>
+  <link rel="stylesheet" id="CSSLink" type="text/css" href="settingsview.css"/>
+  <meta name = "viewport" content = "width = device-width, height = device-height, initial-scale = 1.0, user-scalable = no">
+
+
   <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
   <title>Settings</title>
   <script src="settingsview.js" type="text/javascript"></script>
@@ -10,33 +19,354 @@
   <script language="JavaScript">
 
   </script>
+
+  <script>
+
+
+
+
+
+ $(document).ready(function() {
+
+    //HIDE THE DIVS ON PAGE LOAD
+    var settingsLoaded = window.pageController.getSettingsLoaded();
+    var image1;
+    var image2;
+    var image3;   
+    var imagesrc1;
+    var imagesrc2;
+    var imagesrc3;    
+    
+    if(settingsLoaded == 0)
+    {
+    	$("div.accordionContent").hide();
+    	image1 = document.getElementById("im1");   
+	   	image1.setAttribute("src", "icons/list_headerarrow_closed.png")	
+	   	imagesrc1 = "icons/list_headerarrow_closed.png";
+    	
+  	    image2 = document.getElementById("im2");   
+   		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
+   		imagesrc2 = "icons/list_headerarrow_closed.png";
+
+  	    image3 = document.getElementById("im3");   
+   		image3.setAttribute("src", "icons/list_headerarrow_closed.png");  
+   		imagesrc3 = "icons/list_headerarrow_closed.png";
+
+    }
+    else if(settingsLoaded == 1){
+      $('div.accordionButtonGS').next().show();
+      
+        image1 = document.getElementById("im1");   
+	   	image1.setAttribute("src", "icons/list_headerarrow_open.png")	
+	   	imagesrc1 = "icons/list_headerarrow_open.png";
+    	
+  	    image2 = document.getElementById("im2");   
+   		image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
+   		imagesrc2 = "icons/list_headerarrow_closed.png";
+   		
+   	    image3 = document.getElementById("im3");   
+   		image3.setAttribute("src", "icons/list_headerarrow_closed.png");  
+   		imagesrc3 = "icons/list_headerarrow_closed.png";   		
+    }  
+    else if(settingsLoaded == 2)
+    {	
+      $('div.accordionButtonCD').next().show();
+      
+       image1 = document.getElementById("im1");   
+	   image1.setAttribute("src", "icons/list_headerarrow_closed.png");	
+	   imagesrc1 = "icons/list_headerarrow_closed.png";
+    	
+  	   image2 = document.getElementById("im2");   
+   	   image2.setAttribute("src", "icons/list_headerarrow_open.png");  
+   	   imagesrc2 = "icons/list_headerarrow_open.png";
+   		 
+   	   image3 = document.getElementById("im3");   
+   	   image3.setAttribute("src", "icons/list_headerarrow_closed.png");  
+       imagesrc3 = "icons/list_headerarrow_closed.png";
+
+   	}	
+    else if(settingsLoaded == 3)
+    {	
+      $('div.accordionButtonABT').next().show();
+      
+       image1 = document.getElementById("im1");   
+	   image1.setAttribute("src", "icons/list_headerarrow_closed.png");	
+	   imagesrc1 = "icons/list_headerarrow_closed.png";
+    	
+  	   image2 = document.getElementById("im2");   
+   	   image2.setAttribute("src", "icons/list_headerarrow_closed.png");  
+   	   imagesrc2 = "icons/list_headerarrow_closed.png";
+   		 
+  	   image3 = document.getElementById("im3");   
+   	   image3.setAttribute("src", "icons/list_headerarrow_open.png");  
+   	   imagesrc3 = "icons/list_headerarrow_open.png";
+   	}	  
+  
+    //ACCORDION BUTTON ACTION
+    $('div.accordionButtonGS').click(function() {
+        //$('div.accordionContent').slideUp('normal');
+        //$(this).next().slideDown('normal');
+
+        $(this).next().toggle();
+        $('div.accordionButtonCD').next().hide();  
+        $('div.accordionButtonABT').next().hide();  
+                
+        image1 = document.getElementById("im1");   
+        image2 = document.getElementById("im2");  
+        image3 = document.getElementById("im3");  
+                
+        if(imagesrc1 == "icons/list_headerarrow_closed.png") // current state
+        {
+        	imagesrc1 = "icons/list_headerarrow_open.png";
+        	imagesrc2 = "icons/list_headerarrow_closed.png";        	
+        	imagesrc3 = "icons/list_headerarrow_closed.png";        		
+        }       
+        else // imagesrc1 == "icons/list_headerarrow_open.png"
+        {
+        	imagesrc1 = "icons/list_headerarrow_closed.png";
+        }       
+        image1.setAttribute("src", imagesrc1);
+        image2.setAttribute("src", imagesrc2);  
+        image3.setAttribute("src", imagesrc3);  
+
+    });
+
+    $('div.accordionButtonCD').click(function() {
+
+        $(this).next().toggle();
+        $('div.accordionButtonGS').next().hide();
+        $('div.accordionButtonABT').next().hide();
+        
+        image1 = document.getElementById("im1");   
+        image2 = document.getElementById("im2");  
+        image3 = document.getElementById("im3");  
+                
+        if(imagesrc2 == "icons/list_headerarrow_closed.png") // current state
+        {
+        	imagesrc2 = "icons/list_headerarrow_open.png";
+        	imagesrc1 = "icons/list_headerarrow_closed.png"; 
+        	imagesrc3 = "icons/list_headerarrow_closed.png";       	
+        		
+        }       
+        else // imagesrc2 == "icons/list_headerarrow_open.png"
+        {
+        	imagesrc2 = "icons/list_headerarrow_closed.png";
+        }       
+        image1.setAttribute("src", imagesrc1);
+        image2.setAttribute("src", imagesrc2);
+        image3.setAttribute("src", imagesrc3);       
+
+    });
+
+    $('div.accordionButtonABT').click(function() {
+
+        $(this).next().toggle();
+        $('div.accordionButtonGS').next().hide();
+        $('div.accordionButtonCD').next().hide();
+                
+        image1 = document.getElementById("im1");   
+        image2 = document.getElementById("im2");  
+        image3 = document.getElementById("im3");  
+        
+        if(imagesrc3 == "icons/list_headerarrow_closed.png") // current state
+        {
+        	imagesrc3 = "icons/list_headerarrow_open.png";
+        	imagesrc1 = "icons/list_headerarrow_closed.png";        	
+        	imagesrc2 = "icons/list_headerarrow_closed.png";        		
+        }       
+        else // imagesrc3 == "icons/list_headerarrow_open.png"
+        {
+        	imagesrc3 = "icons/list_headerarrow_closed.png";
+        }       
+        image1.setAttribute("src", imagesrc1);
+        image2.setAttribute("src", imagesrc2);       
+     image3.setAttribute("src", imagesrc3);          
+
+    });
+   
+     
+    
+
+});
+
+  </script>
+
 </head>
 
 
 <body>
 
-<br>
+<div id="wrapper">
+       
+       <div class="accordionButtonGS">&nbsp;&nbsp;&nbsp;&nbsp;<span id="txt_browser_settings_general_settings"></span>   <img id="im1" align="right" style="padding-right: 20px; vertical-align: middle; " ></div>                
+        
+        <div class="accordionContent"><br />
 
-<form name="blockpopup"> <b>Block Popups</b> <br>
-<input type="radio" value="1" name="blockpopupbutton" />Yes &nbsp;
-<input type="radio" value="0" name="blockpopupbutton" />No &nbsp;
-<input type="submit" name="submitit" onclick="valbutton(blockpopup);return false;" value="Save" />
-<input type="reset" name="reset" value="Clear" />
-</form>
+            <form name="encoding" ><span id="txt_browser_settings_general_settings_character_encoding"></span> <br> 
+            	
+            <table width="100%" cellspacing="0">
+         	 <tr>
+           <td style="text-align: center;">
+           	<select onChange="setValue(this.selectedIndex)" name="formbutton">
+            <option value="Automatic">Automatic            
+            <option value="Big5">Big5                
+						<option value="Big5-HKSCS">Big5-HKSCS
+						<option value="CP949">CP949 
+						<option value="EUC-JP">EUC-JP 
+						<option value="EUC-KR">EUC-KR 
+						<option value="GB18030-0">GB18030-0 
+						<option value="IBM-850">IBM-850 
+						<option value="IBM-866">IBM-866 
+						<option value="IBM-874">IBM-874
+						<option value="ISO-2022-JP">ISO-2022-JP 
+						<option value="ISO-8859-1">ISO-8859-1  
+						<option value="ISO-8859-2">ISO-8859-2
+						<option value="ISO-8859-3">ISO-8859-3
+						<option value="ISO-8859-4">ISO-8859-4
+						<option value="ISO-8859-5">ISO-8859-5
+						<option value="ISO-8859-6">ISO-8859-6
+						<option value="ISO-8859-7">ISO-8859-7
+						<option value="ISO-8859-8">ISO-8859-8
+						<option value="ISO-8859-9">ISO-8859-9
+						<option value="ISO-8859-10">ISO-8859-10
+						<option value="ISO-8859-13">ISO-8859-13
+						<option value="ISO-8859-14">ISO-8859-14
+						<option value="ISO-8859-15">ISO-8859-15
+						<option value="ISO-8859-16">ISO-8859-16
+						<option value="KOI8-R">KOI8-R 
+						<option value="KOI8-U">KOI8-U
+						<option value="MuleLao-1">MuleLao-1 
+						<option value="ROMAN8">ROMAN8 
+						<option value="Shift-JIS">Shift-JIS 
+						<option value="TIS-620">TIS-620 
+						<option value="TSCII">TSCII
+						<option value="UTF-8">UTF-8 
+						<option value="UTF-16">UTF-16 
+						<option value="UTF-16BE">UTF-16BE 
+						<option value="UTF-16LE">UTF-16LE 
+						<option value="UTF-32">UTF-32 
+						<option value="UTF-32BE">UTF-32BE 
+						<option value="UTF-32LE">UTF-32LE 
+						<option value="Windows-1250">Windows-1250 
+						<option value="Windows-1251">Windows-1251
+						<option value="Windows-1252">Windows-1252
+						<option value="Windows-1253">Windows-1253
+						<option value="Windows-1254">Windows-1254
+						<option value="Windows-1255">Windows-1255
+						<option value="Windows-1256">Windows-1256
+						<option value="Windows-1257">Windows-1257
+						<option value="Windows-1258">Windows-1258           	
+            </select>
+               </td> 
+           </tr>
+         </table>
+            	
+            	
+           
+            </form> 
+           
+           
+         <table width="100%" cellspacing="0">
+         	 <tr>
+            <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_general_settings_save_browser_history"></span></td>
+            <td style="border-top: solid 1px #E0E0E0;"><input id="saverestore1" onclick="saveSR('yes')"    type="image" STYLE="vertical-align: middle; padding:5px" >
+                <input id="saverestore2" onclick="saveSR('no')"     type="image" STYLE="vertical-align: middle; padding:5px" ></td> 
+           </tr>
+           
+           <!--
+           <tr> 
+            <td class="settingstext" style="border-top: solid 1px #E0E0E0;">Save Form/Passwords</td>
+            <td style="border-top: solid 1px #E0E0E0;"><input id="formpwd1" onclick="saveFP('yes')" type="image" STYLE="vertical-align: middle; padding:5px" >
+                																			 <input id="formpwd2" onclick="saveFP('no')"  type="image" STYLE="vertical-align: middle; padding:5px" ></td>
+           </tr> -->
+            
+         </table>         
+           
+
+        </div>
 
 
-<form name="deleteform"> <b>Clear Data</b><br>
+        <div class="accordionButtonCD">&nbsp;&nbsp;&nbsp;&nbsp;<span id="txt_browser_settings_clear_data"></span> <img id="im2" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
+        <div class="accordionContent"><br />
+             <form name="deleteform">
+
+                  <table width="100%" cellspacing="0">
+
 
-  <input name="list" value="1" type="checkbox">Cache<br>
-  <input name="list" value="2" type="checkbox">Cookies<br>
-  <input name="list" value="3" type="checkbox">.dat files<br>
+								  <tr>
+								    <td class="settingstext"><span id="txt_browser_settings_clear_data_cache"></span>&nbsp;&nbsp;</td>
+								    <td style="text-align: right;  white-space: nowrap;"><img id="id1" onclick="clearSelected('cache')"     type="image" STYLE="vertical-align: middle;"></td>
+								  </tr>
+								  <tr>
+								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_cookies"></span>&nbsp;&nbsp;</td>
+								    <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id2" onclick="clearSelected('cookies')"   type="image" STYLE="vertical-align: middle;" ></td>
+								  </tr>
+								  <tr>
+								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_history"></span>&nbsp;&nbsp;</td>
+								    <td style="text-align: right; border-top: solid 1px #E0E0E0;  white-space: nowrap;"><img id="id3" onclick="clearSelected('history')"   type="image" STYLE="vertical-align: middle;" ></td>
+								  </tr>
+								  <tr>
+								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_bookmarks"></span>&nbsp;&nbsp;</td>
+								    <td style="text-align: right; border-top: solid 1px #E0E0E0;  white-space: nowrap;"><img id="id4" onclick="clearSelected('bookmarks')"   type="image" STYLE="vertical-align: middle;" ></td>
+								  </tr>
+								  
+								  <tr>
+								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;"><span id="txt_browser_settings_clear_data_all"></span>&nbsp;&nbsp;</td>
+								    <td style="text-align: right; border-top: solid 1px #E0E0E0; white-space: nowrap;"><img id="id6" onclick="clearSelected('all')"   type="image" STYLE="vertical-align: middle;" ></td>
+								  </tr>
+								</table>
+                  
+            </form>
+        </div>
+
+        <div class="accordionButtonABT">&nbsp;&nbsp;&nbsp;&nbsp;<span id="txt_browser_settings_general_settings_about"></span> <img id="im3" align="right" style="padding-right: 20px; vertical-align: middle; "></div>
+        <div class="accordionContent"><br />
+            <form name="aboutform">
 
- 
-  <input name="CheckAll" value="Check All" onclick="checkAll(document.deleteform.list)" type="button">
-  <input name="UnCheckAll" value="Uncheck All" onclick="uncheckAll(document.deleteform.list)" type="button">
-  <input name="ClearSelected" value="Clear Selected" onclick="clearSelected(document.deleteform.list)" type="button"><br>
+                  <table width="100%" cellspacing="0">
+								  <tr>
+								    <td class="settingstext">Nokia Browser&nbsp;&nbsp;</td>
+								  </tr>
+								  <tr>
+								    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">
+								                <div id="release_version">
+	                				<script type="text/javascript">
+					                var UAString = navigator.userAgent;
+	            				    var brNameVer = "unknown";
+					                var UALen = 1;
+	            				    var nameStart = 1;	        
+					                UALen = UAString.length;
+	            				    nameStart = UAString.indexOf("NokiaBrowser");
+					                // test to see if "NokiaBrowser" is in the UA String at all
+	            				    if (nameStart < 0)
+					                    brNameVer = "NOT a NokiaBrowser Browser";
+	            				    else
+					                {
+	            				        // crop string starting at "NokiaBrowser"
+					                    brNameVer = UAString.substring(nameStart, UALen);
+	            				        // limit substring to "NokiaBrowser" and version only 
+					                    brNameVer = brNameVer.substr(0, brNameVer.indexOf(" "));
+	            				        // clean up string for presentation
+					                    brNameVer = brNameVer.replace("NokiaBrowser/", " Version: ");
+	            				    }
+					                document.write(brNameVer);
+									document.write("<br/>");
+					            </script>
+            					</div>	
+								</td> 
+								</tr>
+								    
+								<tr>
+							    <td class="settingstext" style="border-top: solid 1px #E0E0E0;">
+							    <iframe src = "LegalNotice.html" frameborder="0" scrolling="auto"> 
+								</iframe>						    	
+								</td>
+								</tr>
+								</table>                  
+            </form>
+        </div>
 
-</form>
-
+    </div>
+    <div id="BottomPad"></div>
 </body>
 </html>