Difference between revisions of "Sitemap"

 
(163 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Main2017}}
 
{{Main2017}}
 
<html>
 
<html>
 +
<link rel="stylesheet" type="text/css" href="https://igem.org/wiki/index.php?title=HQ:Sitemap.css&action=raw&ctype=text/css" />
 +
<script src="https://igem.org/wiki/index.php?title=HQ:Sitemap.js&action=raw&ctype=text/javascript"></script>
  
<div class="column full_size" >
 
<h1>SITEMAP </h1>
 
<p> iGEM is a multifaceted competition with many different components. Our websites have a lot of information, from requirements of the competition to tips on how make fundraising easier. This page is here to help you navigate our site and make sure you have access to all of its content. </p>
 
</div>
 
  
 +
<script>
  
<style>
+
var site_name = "2017.igem.org";
.view_format {
+
    width: 12%;
+
    float: left;
+
    background-color: #f2f2f2;
+
    color: #797979;
+
    padding: 5px 10px;
+
    text-align: center;
+
    margin: 0px 29.703px;
+
    border-radius: 7px;
+
cursor:pointer;
+
font-weight:bold;
+
}
+
  
.view_format.selected_view {
+
</script>
background-color: #00bdcd;
+
color:white;
+
}
+
  
.view_format_content {display:none; }
 
  
.view_format_content.selected_content {display:block; }
+
<div class="column full_size" >
</style>
+
<h1>SITEMAP </h1>
 
+
<p> iGEM is a multifaceted competition with many different components. Our websites have a lot of information, from requirements of the competition to tips on how make fundraising easier. This page is here to help you navigate our site and make sure you have access to all of its content. </p>
<div class="column full_size">
+
<div class="view_format selected_view" id="list_view"> LIST </div>
+
<div class="view_format" id="menu_view"> MENU </div>
+
<div class="view_format" id="team_view"> TEAMS </div>
+
<div class="view_format" id="hq_view"> HQ </div>
+
<div class="view_format" id="all_view"> ALL </div>
+
 
</div>
 
</div>
  
  
  
<div class="clear"></div>
 
  
  
<div class="column full_size view_format_content selected_content" id="list_view_content">
 
<h2> LIST </h2>
 
</div>
 
  
  
<div class="column full_size view_format_content" id="menu_view_content">
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<h2> MENU </h2>
+
</div>
+
  
  
<div class="column full_size view_format_content" id="teams_view_content">
 
<h2> TEAMS </h2>
 
</div>
 
  
  
<div class="column full_size view_format_content" id="hq_view_content">
 
<h2> HQ </h2>
 
</div>
 
  
 
+
<div class="column full_size">
<div class="column full_size view_format_content" id="all_view_content">
+
<div class="view_format selected_view" id="list_view"> PAGE LIST </div>
<h2> ALL </h2>
+
<div class="view_format" id="team_view"> TEAM PAGES </div>
 +
<div class="view_format HQ_info" id="hq_view"> HQ </div>
 
</div>
 
</div>
  
  
  
 +
<div class="clear"></div>
  
<script>
 
  
$(document).ready(function() {
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
load_page_list("https://2017.igem.org/Special:AllPages");
+
<div class="column full_size multiple_links  view_format_content selected_content" id="list_view_content">
 +
<h2> LIST </h2>
  
 +
<ol  id="organized_pages">
  
//switching between views
+
</ol>
  
$(".view_format").click(function() {
+
</div>
$(".view_format").removeClass("selected_view");
+
$(".view_format_content").removeClass("selected_content");
+
+
$(this).addClass("selected_view");
+
current_view_format = this.id +"_content";
+
$("#"+this.id+"_content").addClass("selected_content");
+
});
+
  
// place total number of pages in each category
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
//$("#wiki_pages_count").html( $("#organized_pages li").size() );
+
//$("#total_pages_count").html( $("#all_pages li").size() );
+
//$("#hq_pages_count").html( $("#HQ li").size() );
+
//$("#redirect_pages_count").html( $("#redirect li").size() );
+
//$("#not_sorted_pages_count").html( $("#not_sorted li").size() );
+
  
});
 
  
  
  
 +
<div class="view_format_content" id="team_view_content">
 +
<div class = "column full_size">
 +
<h2> TEAMS </h2>     
 +
</div>
  
function load_page_list ( page_url ) {
+
<div class="column half_size">
          $.get(page_url).then(function(page_html) {
+
<ol id="team_list">
              var $link_page = $(page_html);
+
</ol>
 +
</div>
  
              $link_page.find('.mw-allpages-chunk li').each(function () {
 
                  sort_pages( $(this).text(),  $(this).html() );
 
              });
 
  
              var next_page_url = $link_page.find('.mw-allpages-nav a:contains("Next page")').attr('href');
+
<div class="column half_size">
 +
<p class="loading"> Loading all team pages... </p>
 +
</div>
 +
</div>
  
              if (next_page_url) {
 
                  load_page_list(next_page_url);
 
              }
 
  
  
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
          });
 
}
 
  
 +
<div class="HQ_info">
 +
<div class="column full_size view_format_content"  id="hq_view_content">
  
 +
<h2> HQ </h2>
 +
<p> This is the view for iGEM HQ </p>
  
  
function sort_pages ( page_name , page_link ) {
 
  
// these variables will be used in some of the functions bellow - they show variations of page_name for #id purposes
+
<table>
var clean_name = page_name.replace( /\//g , "-");
+
<tr>
var no_underscores_name = page_name.replace( /_/g , " ");
+
<th> Total pages </th> <th> Wiki pages </th> <th> HQ pages </th> <th> Redirect pages </th>  <th> Not sorted </th> <th> Team pages </th>
 +
</tr>
  
+
<tr align="center">
if ( is_it_a_special_page ( page_name, page_link ) == false ) {   // check if a page is a redirect
+
<td id="total_pages_count">   <p class="loading"> ... </p>  </td>
+
<td id="wiki_pages_count"> <p class="loading"> ... </p> </td>
 +
<td id="hq_pages_count">  <p class="loading"> ... </p> </td>
 +
<td id="redirect_pages_count"> <p class="loading"> ... </p> </td>
 +
<td id="not_sorted_pages_count"> <p class="loading"> ... </p></td>
 +
<td id="team_pages_count">  <p class="loading"> ... </p> </td>
 +
</tr>
  
page_name = page_name.replace(/ /g,"_").replace(/:/g, "_");  // clean string from empty spaces
 
  
 +
</table>
  
switch  ( (page_name.match( /\//g ) || []).length  ) {  // check how many "tiers" (  /  ) the page name has in order to nest it
 
  
case 0:  // this might be a hub or an unassigned page
+
<div class="column half_size">
append_tier_one ( page_name, no_underscores_name) ;
+
break;
+
  
case 1: //this page is likely to have a hub to append to
+
<h3> HQ pages </h2>
append_tier_two ( page_name, no_underscores_name, clean_name  ); 
+
break;
+
  
case 2: //this page might be a subpage inside a page in a hub list
+
<ol id="HQ">
append_tier_three ( page_name, no_underscores_name, clean_name ); 
+
</ol>
break;
+
</div>
  
case 3: //this page might be a subpage inside a page in a hub list
+
<div class="column half_size">
append_to_not_sorted  (page_name );
+
<h3> Redirects </h3>
break;
+
<ol id="redirect">
}
+
</ol>
  
}
 
  
+
<h3> Not Sorted </h3>
}
+
<ol id="not_sorted">
 +
</ol>
  
 +
</div>
  
//Function to check if the page is a redirect ( a non existing page)
+
</div>
function is_it_a_special_page ( page_name, page_link ) {
+
</div>
 
+
// is it a HQ page or a Dev page ?
+
if( page_name.substring(0, 2 ) == "HQ"  ||  page_name.substring(0, page_name.indexOf("/") ) == "Dev" ) {
+
$("#HQ").append("<li ><a  href='/"+page_name+"'>"+page_name +"</a> </li>");
+
return true;
+
}
+
 
+
 
+
// is this a page from a team ?
+
else if ( page_name.substring(0, 4 ) == "Team") {
+
return true;  // page is from a team - we will figure out what to do later
+
}
+
+
// is it a redirect?
+
else if( page_link.indexOf("mw-redirect") >= 0)  {
+
$("#redirect").append("<li >"+ page_link+"</li>" );
+
return true;
+
}
+
 
+
// this page is not a special case, let's sort it!
+
else {
+
return false;
+
}
+
 
+
}
+
 
+
 
+
 
+
function append_to_not_sorted  (page_name) {
+
 
+
$("#not_sorted").append("<li> <a  href='"+page_name+"'>"+page_name +"</a></li>");
+
 
+
}
+
 
+
 
+
function append_tier_one ( page_name, no_underscores_name ) {
+
+
page_id = "map0"+page_name;
+
$("#organized_pages").append("<li> <a href='"+page_name+"'>"+no_underscores_name+"</a> <ul  id='"+page_id+"' ></ul> </li>");
+
 
+
}
+
 
+
function append_tier_two (page_name, no_underscores_name, clean_name ) {
+
page_id  = "map0"+page_name;
+
$("#"+page_id.substring(0, page_id.indexOf("/") ) ).append("<li><a href='"+page_name+"'> "+no_underscores_name.substring( page_id.indexOf("/") -3, page_id.length) +"</a>  <ol id='"+clean_name+"'>  </ol></li>");
+
 
+
}
+
 
+
 
+
+
function append_tier_three (page_name,  no_underscores_name, clean_name ) {
+
 
+
$("#"+clean_name.substring(0,  clean_name.lastIndexOf("-") ) ).append("<li id='"+page_name+"'><a href='"+page_name+"'>"+no_underscores_name.substring( page_name.lastIndexOf("/")+1, page_name.length )+"</a></li>");
+
+
 
+
}
+
 
+
 
+
</script>
+
 
+
 
+
 
+
 
+
 
+
</html>
+

Latest revision as of 15:47, 19 May 2017

MENU

SITEMAP

iGEM is a multifaceted competition with many different components. Our websites have a lot of information, from requirements of the competition to tips on how make fundraising easier. This page is here to help you navigate our site and make sure you have access to all of its content.

PAGE LIST
TEAM PAGES
HQ

TEAMS

Loading all team pages...

HQ

This is the view for iGEM HQ

Total pages Wiki pages HQ pages Redirect pages Not sorted Team pages

...

...

...

...

...

...

HQ pages

Redirects

Not Sorted