/bin/html/webprofile/index.html

https://bitbucket.org/VirtualReality/software-testing · HTML · 159 lines · 122 code · 16 blank · 21 comment · 0 complexity · 349c2e069fb0470a383c9c949fcbdfed MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<title>{SystemName}: {UserProfileFor}: {UserName}</title>
    6. 

  6. 	<meta name="keywords" content="{SystemName}" />
    7. 

  7. 	<meta name="description" content="{SystemName}"/>
    8. 

  8. 	<link rel="shortcut icon" href="../images/icons/favicon.ico" />
    9. 

  9. 	
    10. 

  10. 	<script src="{SystemURL}/javascripts/jquery.min.js"></script>
    11. 

  11. 

  12. 	<!-- StyleSwitch -->
    13. 

  13. 	<script src="{SystemURL}/javascripts/styleswitch.js"></script>
    14. 

  14. 	<link href="{SystemURL}/css/styles1.css" rel="stylesheet" type="text/css" media="screen" title="styles1" />
    15. 

  15. 	<link href="{SystemURL}/css/styles2.css" rel="alternate stylesheet" type="text/css" title="styles2" media="screen" />
    16. 

  16. 	<link href="{SystemURL}/css/styles3.css" rel="alternate stylesheet" type="text/css" title="styles3" media="screen" />
    17. 

  17. 	<link href="{SystemURL}/css/styles4.css" rel="alternate stylesheet" type="text/css" title="styles4" media="screen" />
    18. 

  18. 	<link href="{SystemURL}/css/styles5.css" rel="alternate stylesheet" type="text/css" title="styles5" media="screen" />
    19. 

  19. 	
    20. 

  20. 	<!-- date time -->
    21. 

  21. 	<script src="{SystemURL}/javascripts/jquery.jclock.js"></script>
    22. 

  22. 	<script type="text/javascript">
    23. 

  23. 		$(function($) {var options1 = {format: '%A %B %d, %Y %I:%M:%S %p'} // 12-hour
    24. 

  24. 		$('#jclock1').jclock(options1);
    25. 

  25. 		var options2 = {format: '%a %b %d, %Y %H:%M:%S'} // 24-hour
    26. 

  26. 		$('#jclock2').jclock(options2);
    27. 

  27. 		var options3 = {format: '%Y-%m-%d %H:%M:%S'} // 24-hour
    28. 

  28. 		$('#jclock3').jclock(options3);
    29. 

  29. 		var options4 = {format: '%Y-%m-%d'}
    30. 

  30. 		$('#jclock4').jclock(options4);
    31. 

  31. 		var options5 = {format: '%m/%d/%y'}
    32. 

  32. 		$('#jclock5').jclock(options5);});
    33. 

  33. 	</script>
    34. 

  34. 	
    35. 

  35. 	<!-- Tooltips -->
    36. 

  36. 	<script src="{SystemURL}/javascripts/jquery.tooltip.js"></script>
    37. 

  37. 	<script>$(function() {$('#container *').tooltip({showURL: false});});</script>
    38. 

  38. 

  39. 	<script src="{SystemURL}/javascripts/menu.profile.js"></script>
    40. 

  40. 	<script>
    41. 

  41. 	  $(document).ready(function() 
    42. 

  42. 	  {
    43. 

  43. 		$( '#container' ).fadeIn("slow");
    44. 

  44. 		var result = {};
    45. 

  45. 		// var sections = $("#menu li");
    46. 

  46. 		var loading = $("#loading");
    47. 

  47. 		var content = $("#content");
    48. 

  48. 

  49. 		if (window.location.search)
    50. 

  50. 		{
    51. 

  51. 			// split up the query string and store in an associative array
    52. 

  52. 			var params = window.location.search.slice(1).split("&");
    53. 

  53. 			for (var i = 0; i < params.length; i++)
    54. 

  54. 			{
    55. 

  55. 				var tmp = params[i].split("=");
    56. 

  56. 				result[tmp[0]] = unescape(tmp[1]);
    57. 

  57. 			}
    58. 

  58. 		}
    59. 

  59. 		//load selected section
    60. 

  60. 		var pageName = result["page"];
    61. 

  61. 		var found = new Boolean(0);
    62. 

  62. 		switch(pageName){
    63. 

  63. 			case "base":
    64. 

  64. 				content.load("base.html" + window.location.search);
    65. 

  65. 				found = new Boolean(1);
    66. 

  66. 				break;
    67. 

  67. 			case "groups":
    68. 

  68. 				content.load("groups.html" + window.location.search);
    69. 

  69. 				found = new Boolean(1);
    70. 

  70. 				break;
    71. 

  71. 			case "picks":
    72. 

  72. 				content.load("picks.html" + window.location.search);
    73. 

  73. 				found = new Boolean(1);
    74. 

  74. 				break;
    75. 

  75. 		}
    76. 

  76. 		if(found == 0)
    77. 

  77. 			content.load("base.html" + window.location.search);
    78. 

  78. 	});
    79. 

  79.     </script>
    80. 

  80. 	
    81. 

  81. 	<!-- Carousel -->
    82. 

  82. 	<script src="../javascripts/jquery.jcarousel.min.js"></script>
    83. 

  83. 

  84. </head>
    85. 

  85. 

  86. <body>
    87. 

  87. <div id="container">
    88. 

  88. 

  89. <div id="topprofile">
    90. 

  90. 	<ul id="menuprofile">
    91. 

  91. 		<li id="base" class="fade active" alt="{TooltipsMenuHome}" title="{TooltipsMenuHome}">{MenuProfileTitle}</li>
    92. 

  92. 		<li id="groups" class="fade" alt="{TooltipsMenuLogin}" title="{TooltipsMenuLogin}">{MenuGroupTitle}</li>
    93. 

  93. 		<li id="picks" class="fade" alt="{TooltipsMenuRegister}" title="{TooltipsMenuRegister}">{MenuPicksTitle}</li>
    94. 

  94. 	</ul>
    95. 

  95. </div>
    96. 

  96. <span class="clear"></span>
    97. 

  97. 

  98. <!-- <p class=jclock1><span id=jclock1></span></p> -->
    99. 

  99. <!-- <div id="loading"><img src="../images/icons/loading.gif" alt="Loading..." /></div> -->	
    100. 

  100. <div id="content"></div>
    101. 

  101. <span class="clear"></span>
    102. 

  102. 

  103. <div id="footer">
    104. 

  104. {IfShowLanguageTranslatorBarBegin}
    105. 

  105. 	  <div class=languageswitch>
    106. 

  106. 	    <ul>
    107. 

  107. 		{StyleSwitcherLanguagesText}:
    108. 

  108. 		  <li><a href="?language=en" rel="en" class="languageswitch" alt="{en}" title="<img src='../images/flags/flag-en.png' alt='en' /> {en}">en</a></li>
    109. 

  109. 		  <li><a href="?language=fr" rel="fr" class="languageswitch" alt="{fr}" title="<img src='../images/flags/flag-fr.png' alt='fr' /> {fr}">fr</a></li>
    110. 

  110. 		  <li><a href="?language=de" rel="de" class="languageswitch" alt="{de}" title="<img src='../images/flags/flag-de.png' alt='de' /> {de}">de</a></li>
    111. 

  111. 		  <li><a href="?language=it" rel="it" class="languageswitch" alt="{it}" title="<img src='../images/flags/flag-it.png' alt='it' /> {it}">it</a></li>
    112. 

  112. 		  <li><a href="?language=es" rel="es" class="languageswitch" alt="{es}" title="<img src='../images/flags/flag-es.png' alt='es' /> {es}">es</a></li>
    113. 

  113. 		{StyleSwitcherChoiceText}: <span id="lg1">en</span><span id="lg2">fr</span><span id="lg3">de</span><span id="lg4">it</span><span id="lg5">es</span>  
    114. 

  114. 		</ul>
    115. 

  115. 	  </div>
    116. 

  116. {IfShowLanguageTranslatorBarEnd}
    117. 

  117. 

  118. {IfShowStyleBarBegin}
    119. 

  119. 	  <div class=styleswitch>
    120. 

  120. 	    <ul>
    121. 

  121. 		{StyleSwitcherStylesText}:
    122. 

  122. 		  <li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch" alt="{styles1}" title="{styles1}">1</a></li>
    123. 

  123. 		  <li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch" alt="{styles2}" title="{styles2}">2</a></li>
    124. 

  124. 		  <li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch" alt="{styles3}" title="{styles3}">3</a></li>
    125. 

  125. 		  <li><a href="serversideSwitch.html?style=style4" rel="styles4" class="styleswitch" alt="{styles4}" title="{styles4}">4</a></li>
    126. 

  126. 		  <li><a href="serversideSwitch.html?style=style5" rel="styles5" class="styleswitch" alt="{styles5}" title="{styles5}">5</a></li>
    127. 

  127. 		{StyleSwitcherChoiceText}: <span id="st1">1</span><span id="st2">2</span><span id="st3">3</span><span id="st4">4</span><span id="st5">5</span>| Copyright&nbsp;<a class='copyright' href="/" alt="{SystemName}" title="{SystemName}">{SystemName}</a>&nbsp;2011&nbsp;&copy;&nbsp;2012  
    128. 

  128. 		</ul>
    129. 

  129. 	  </div>
    130. 

  130. {IfShowStyleBarEnd}
    131. 

  131. 	  <span class="clear"></span>
    132. 

  132. 	</div>
    133. 

  133. </div>
    134. 

  134. 

  135. <script>
    136. 

  136. 	// fade class
    137. 

  137. 	$("li.fade, a.fade").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
    138. 

  138. 	$("a.languageswitch, a.styleswitch").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
    139. 

  139. 	$("a.webprofile, a.copyright").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
    140. 

  140. </script>
    141. 

  141. 

  142. </body>
    143. 

  143. </html>
    144. 

  144. 

  145. <!-- params to replace
    146. 

  146. {SystemURL}
    147. 

  147. {SystemName}
    148. 

  148. {UserName}         
    149. 

  149. {UserBorn}       
    150. 

  150. {UserType}       
    151. 

  151. {UserPartner}     
    152. 

  152. {UserAboutMe}     
    153. 

  153. {UserPictureURL}       
    154. 

  154. {UserProfileFor}   User Profile For
    155. 

  155. {ResidentSince}    Resident Since
    156. 

  156. {AccountType}      Account Type
    157. 

  157. {PartnersName}     Partner's Name
    158. 

  158. {AboutMe}          About Me
    159. 

  159. -->
    160.