PageRenderTime 28ms CodeModel.GetById 22ms app.highlight 4ms RepoModel.GetById 0ms app.codeStats 1ms

/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<html lang="en">
  3<head>
  4	<meta charset="utf-8">
  5	<title>{SystemName}: {UserProfileFor}: {UserName}</title>
  6	<meta name="keywords" content="{SystemName}" />
  7	<meta name="description" content="{SystemName}"/>
  8	<link rel="shortcut icon" href="../images/icons/favicon.ico" />
  9	
 10	<script src="{SystemURL}/javascripts/jquery.min.js"></script>
 11
 12	<!-- StyleSwitch -->
 13	<script src="{SystemURL}/javascripts/styleswitch.js"></script>
 14	<link href="{SystemURL}/css/styles1.css" rel="stylesheet" type="text/css" media="screen" title="styles1" />
 15	<link href="{SystemURL}/css/styles2.css" rel="alternate stylesheet" type="text/css" title="styles2" media="screen" />
 16	<link href="{SystemURL}/css/styles3.css" rel="alternate stylesheet" type="text/css" title="styles3" media="screen" />
 17	<link href="{SystemURL}/css/styles4.css" rel="alternate stylesheet" type="text/css" title="styles4" media="screen" />
 18	<link href="{SystemURL}/css/styles5.css" rel="alternate stylesheet" type="text/css" title="styles5" media="screen" />
 19	
 20	<!-- date time -->
 21	<script src="{SystemURL}/javascripts/jquery.jclock.js"></script>
 22	<script type="text/javascript">
 23		$(function($) {var options1 = {format: '%A %B %d, %Y %I:%M:%S %p'} // 12-hour
 24		$('#jclock1').jclock(options1);
 25		var options2 = {format: '%a %b %d, %Y %H:%M:%S'} // 24-hour
 26		$('#jclock2').jclock(options2);
 27		var options3 = {format: '%Y-%m-%d %H:%M:%S'} // 24-hour
 28		$('#jclock3').jclock(options3);
 29		var options4 = {format: '%Y-%m-%d'}
 30		$('#jclock4').jclock(options4);
 31		var options5 = {format: '%m/%d/%y'}
 32		$('#jclock5').jclock(options5);});
 33	</script>
 34	
 35	<!-- Tooltips -->
 36	<script src="{SystemURL}/javascripts/jquery.tooltip.js"></script>
 37	<script>$(function() {$('#container *').tooltip({showURL: false});});</script>
 38
 39	<script src="{SystemURL}/javascripts/menu.profile.js"></script>
 40	<script>
 41	  $(document).ready(function() 
 42	  {
 43		$( '#container' ).fadeIn("slow");
 44		var result = {};
 45		// var sections = $("#menu li");
 46		var loading = $("#loading");
 47		var content = $("#content");
 48
 49		if (window.location.search)
 50		{
 51			// split up the query string and store in an associative array
 52			var params = window.location.search.slice(1).split("&");
 53			for (var i = 0; i < params.length; i++)
 54			{
 55				var tmp = params[i].split("=");
 56				result[tmp[0]] = unescape(tmp[1]);
 57			}
 58		}
 59		//load selected section
 60		var pageName = result["page"];
 61		var found = new Boolean(0);
 62		switch(pageName){
 63			case "base":
 64				content.load("base.html" + window.location.search);
 65				found = new Boolean(1);
 66				break;
 67			case "groups":
 68				content.load("groups.html" + window.location.search);
 69				found = new Boolean(1);
 70				break;
 71			case "picks":
 72				content.load("picks.html" + window.location.search);
 73				found = new Boolean(1);
 74				break;
 75		}
 76		if(found == 0)
 77			content.load("base.html" + window.location.search);
 78	});
 79    </script>
 80	
 81	<!-- Carousel -->
 82	<script src="../javascripts/jquery.jcarousel.min.js"></script>
 83
 84</head>
 85
 86<body>
 87<div id="container">
 88
 89<div id="topprofile">
 90	<ul id="menuprofile">
 91		<li id="base" class="fade active" alt="{TooltipsMenuHome}" title="{TooltipsMenuHome}">{MenuProfileTitle}</li>
 92		<li id="groups" class="fade" alt="{TooltipsMenuLogin}" title="{TooltipsMenuLogin}">{MenuGroupTitle}</li>
 93		<li id="picks" class="fade" alt="{TooltipsMenuRegister}" title="{TooltipsMenuRegister}">{MenuPicksTitle}</li>
 94	</ul>
 95</div>
 96<span class="clear"></span>
 97
 98<!-- <p class=jclock1><span id=jclock1></span></p> -->
 99<!-- <div id="loading"><img src="../images/icons/loading.gif" alt="Loading..." /></div> -->	
100<div id="content"></div>
101<span class="clear"></span>
102
103<div id="footer">
104{IfShowLanguageTranslatorBarBegin}
105	  <div class=languageswitch>
106	    <ul>
107		{StyleSwitcherLanguagesText}:
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		  <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		  <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		  <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		  <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		{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		</ul>
115	  </div>
116{IfShowLanguageTranslatorBarEnd}
117
118{IfShowStyleBarBegin}
119	  <div class=styleswitch>
120	    <ul>
121		{StyleSwitcherStylesText}:
122		  <li><a href="serversideSwitch.html?style=style1" rel="styles1" class="styleswitch" alt="{styles1}" title="{styles1}">1</a></li>
123		  <li><a href="serversideSwitch.html?style=style2" rel="styles2" class="styleswitch" alt="{styles2}" title="{styles2}">2</a></li>
124		  <li><a href="serversideSwitch.html?style=style3" rel="styles3" class="styleswitch" alt="{styles3}" title="{styles3}">3</a></li>
125		  <li><a href="serversideSwitch.html?style=style4" rel="styles4" class="styleswitch" alt="{styles4}" title="{styles4}">4</a></li>
126		  <li><a href="serversideSwitch.html?style=style5" rel="styles5" class="styleswitch" alt="{styles5}" title="{styles5}">5</a></li>
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		</ul>
129	  </div>
130{IfShowStyleBarEnd}
131	  <span class="clear"></span>
132	</div>
133</div>
134
135<script>
136	// fade class
137	$("li.fade, a.fade").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
138	$("a.languageswitch, a.styleswitch").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
139	$("a.webprofile, a.copyright").hover(function(){$(this).fadeOut(150);$(this).fadeIn(150);});
140</script>
141
142</body>
143</html>
144
145<!-- params to replace
146{SystemURL}
147{SystemName}
148{UserName}         
149{UserBorn}       
150{UserType}       
151{UserPartner}     
152{UserAboutMe}     
153{UserPictureURL}       
154{UserProfileFor}   User Profile For
155{ResidentSince}    Resident Since
156{AccountType}      Account Type
157{PartnersName}     Partner's Name
158{AboutMe}          About Me
159-->