Difference between revisions of "Dev/Team Information"

 
(193 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{HQ_Team_Information}}
 
<html>
 
<html>
  
−
<style>
+
 
−
/* BUTTON USED FOR DEMO */
+
−
.hide_info { background-color:#f2f2f2; padding:10px; text-align:center;font-weight:bold;padding-top:5px;cursor:pointer; float:right; z-index:50;}
+
−
.hide_info:hover { background-color:orange; }
+
−
</style>
+
  
 
<div class="clear"></div>
 
<div class="clear"></div>
  
 
<!-- BUTTON USED FOR DEMO -->
 
<!-- BUTTON USED FOR DEMO -->
−
<div class="hide_info" id= "super_user"> super user</div>
+
<div class="hide_info" id= "super_user"> no user</div>
  
 
<div class="hide_info team_user"> team user</div>
 
<div class="hide_info team_user"> team user</div>
Line 23: Line 20:
  
 
<div class="clear"></div>
 
<div class="clear"></div>
−
 
−
<!--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<STYLE>
 
−
 
−
 
−
 
−
 
−
.green_check_mark {background-color:green; color:white;}
 
−
 
−
/* LAYOUT  CLASSES */
 
−
 
−
/* general layout class for team information page */
 
−
#team_information .layout { float:left;  padding:10px 15px;}
 
−
 
−
/* full width of content layout column */
 
−
#team_information .full_width{ width: 915px; }
 
−
 
−
/* half width of content layout column */
 
−
#team_information .half_width { width: 442.3px; }
 
−
 
−
/* third width of content layout column */
 
−
#team_information .third_width { width: 285px;}
 
−
 
−
 
−
/* GENERAL PAGE WRAPPING/HOLDING CLASSES */
 
−
 
−
/* wrapping border for the content of the section, it can be collapse and expanded */
 
−
#team_information .section_collapse_wrapper { border: 2px solid white; background: white; float:left; width:auto; height:auto; margin-bottom:20px; }
 
−
 
−
/*  Section title  ex:General - Checklist - Contact */
 
−
#team_information .section_title { background: white; color: #5ba88a; float:left; padding:10px; font-size:20px; font-weight: bold; width:98%; }
 
−
 
−
/*  Section title hover effect */
 
−
#team_information .section_title:hover { background: #5ba88a; color: white; cursor:pointer; }
 
−
 
−
/*  Section title triangle icon ▼ */
 
−
#team_information .section_title_icon{ float:left; }
 
−
 
−
/*wrapper for the subtitle part ex: schools - team description - team status */
 
−
#team_information  .subtitle_wrapper { border-bottom: 1px solid #d3d3d3;  clear:both;  float:left;  height:30px;  width:100%; }
 
−
 
−
/*name holder*/
 
−
#team_information  .subtitle_name{  float:left; width:78%; }
 
−
 
−
/*info holder */
 
−
#team_information .subtitle_info { float:right;  width:35px; height: 30px; padding-top:5px; }
 
−
 
−
/*edit holder */
 
−
#team_information .subtitle_edit {  float:right; width:55px; height: 25px; padding-top: 3px; }
 
−
 
−
/* holds the data inside each section */
 
−
#team_information .subsection_content { padding: 15px; }
 
−
 
−
/* items inside content part of each section */
 
−
#team_information .subsection_item { float:left;padding-right:15px; font-weight:bold; }
 
−
 
−
 
−
 
−
/* STYLE AND CONTAINERS FOR THE BANNER PART  */
 
−
 
−
#team_information #ti_banner_wrapper {  margin: 0px -15px 20px -15px;  font-weight:bold;  text-align:center; }
 
−
 
−
#team_information .ti_banner_collapse { float: left; width: 59px; background-color: #f2f2f2; color: #5ba88a; padding: 12px 5px; font-size: 40px; height: 25px; }
 
−
 
−
#team_information .ti_banner_collapse:hover { background-color: #5ba88a; color:white; cursor:pointer; }
 
−
 
−
#team_information .ti_banner_team_name { float: left; font-size: 22px; width: 871px; text-align: left; padding: 15px 20px; background: #f2f2f2; }
 
−
 
−
 
−
.approved_green {  padding-left: 10px;  font-weight:bold; font-size:16px; padding-top:4px; margin-left:25px; color: green; }
 
−
.approved_red {  padding-left: 10px;  font-weight:bold; font-size:16px; padding-top:4px; margin-left:25px; color: red; }
 
−
 
−
 
−
#team_s_primary_pi  .subsection_item, #team_s_secondary_pi  .subsection_item,  #team_s_instructor  .subsection_item,  #team_s_student_leader  .subsection_item
 
−
{font-size:30px; font-weight:normal;}
 
−
 
−
.item_wrapper {clear:both;padding-top:10px; }
 
−
 
−
 
−
.check_item_wrap { margin-bottom:5px; height:25px;}
 
−
 
−
.check_list_mark {width:25.5px; background-color: #e9232f; float:left;text-align:center; height:21px; padding-top:4px;}
 
−
 
−
.mark_red {background-color:#e9232f; color:white;}
 
−
 
−
.mark_gray {background-color:#d3d3d3; color:#d3d3d3;}
 
−
 
−
.mark_green {background-color:green; color:white;}
 
−
 
−
 
−
.check_list_text { padding-left:40px; padding-top:4px; height:20.5px; border-bottom:1px solid #f2f2f2; background-color:white; color:#5ba88a; cursor:pointer; font-weight:bold; }
 
−
 
−
.check_list_text:hover { color:white; border-bottom:1px solid #f27631; background-color:#f27631; }
 
−
 
−
 
−
 
−
/* ROSTER ITEM WRAPPING */
 
−
 
−
.roster_user_wrap { height:25px; margin-bottom:5px;  clear:both; text-align:left; border-bottom:1px solid #f2f2f2; }
 
−
 
−
.roster_user_s_name { float:left; width:240px; height: 22px; padding-top: 3px; }
 
−
 
−
.roster_user_s_account { float:left;width:168px;height: 22px; padding-top: 3px; }
 
−
 
−
.roster_user_s_mail { float:left; width:238px;  height: 22px; padding-top: 3px; }
 
−
 
−
.roster_user_s_age { float:left;width:70px; height: 22px; padding-top: 3px;  text-align:center; }
 
−
 
−
.roster_user_s_gender { float:left; width:88px; height: 22px; padding-top: 3px;  text-align:center; }
 
−
 
−
 
−
 
−
 
−
/* SPECIAL CLASSES  */
 
−
 
−
/* private info that is hidden by default */
 
−
#team_information  .private_info {display:none;}
 
−
 
−
#team_information  .loading_info {color: #d3d3d3; }
 
−
 
−
 
−
/* link styling */
 
−
#team_information a { color:#f27631; font-weight:bold; text-decoration:none; }
 
−
 
−
/* link styling  hover */
 
−
#team_information a:hover { color: #fbceac; }
 
−
 
−
/* list styling */
 
−
#team_information ul{ padding: 0px; }
 
−
 
−
 
−
 
−
 
−
 
−
/* edit button */
 
−
#team_information .edit_button {  background:#f27631;  color:white; font-weight:bold; text-align:center;  border: 2px solid #f27631; border-radius: 3px;
 
−
cursor:pointer; padding-right:2px;}
 
−
 
−
/* edit button hover */
 
−
#team_information .edit_button:hover { background: white; color:#f27631; }
 
−
 
−
 
−
/* why button */
 
−
#team_information .why_button { border: 2px solid #5ba88a; color: white; background-color: #5ba88a; font-weight: bold; text-align: center; border-radius: 50%; float: none;
 
−
margin-right: 5px;margin-left: 5px; padding-left: 6px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; cursor: pointer; }
 
−
 
−
/* why button hover */
 
−
#team_information .why_button:hover { background-color: white;  color:#5ba88a; }
 
−
 
−
 
−
 
−
/* Holds the content being loaded */
 
−
 
−
.pop_box { display:none; left: 250px; top: 250px; background-color: white; padding: 15px; width: 500px; position: fixed;
 
−
border: 3px solid #f17530; border-radius: 3px; z-index: 100; }
 
−
 
−
 
−
.page_cover { display:none; z-index: 90; top: 0px; left: -20px; width: 100vw; height: 101%; float: left; position: absolute; opacity: 0.5; background-color: #b2b2b2; }
 
−
 
−
 
−
 
−
 
−
/*For the pop why class,creates the close button X */
 
−
.pop_close { font-size: 25px; border: 3px solid #e9232f;; padding: 5px; padding-top: 0px;  background-color: #e9232f; padding-right: 10px; color: white; border-radius: 5px;
 
−
cursor: pointer; font-weight: bold; width: 10px; height: 18px; float: right; }
 
−
   
 
−
 
−
.pop_close:hover { background-color: white;  color: #e9232f; }
 
−
 
−
#sideMenu {padding-bottom:0px; z-index: 0;}
 
−
 
−
 
−
 
−
 
−
 
−
/* save button */
 
−
#team_information .save_button { display:none; background:#177bf8; color: white; font-weight: bold; text-align: center; border: 3px solid #177bf8; width: 45px;
 
−
float: right; border-radius: 3px; cursor: pointer; padding-right: 2px; margin-top: 15px;}
 
−
 
−
/* save button hover */
 
−
#team_information .save_button:hover { background-color: white; color:#177bf8;  }
 
−
 
−
 
−
 
−
 
−
textarea.styled {
 
−
width: 100%;
 
−
border: 2px solid #d3d3d3;
 
−
padding: 5px;
 
−
height: 30px;
 
−
background-position: bottom right;
 
−
background-repeat: no-repeat;
 
−
}
 
−
 
−
</STYLE>
 
−
<!--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
  
Line 357: Line 158:
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"  data-json-name="proposal_submitted"> </div>  
+
<div class="check_list_mark mark_gray"  data-json-name="2015_resource_description"> </div>  
 
<div class="check_list_text" onClick=" parent.location= 'https://2016.igem.org'"> Resource Description </div>
 
<div class="check_list_text" onClick=" parent.location= 'https://2016.igem.org'"> Resource Description </div>
 
</div>
 
</div>
Line 433: Line 234:
 
<div class="subsection_content" id="team_s_primary_pi">
 
<div class="subsection_content" id="team_s_primary_pi">
  
−
<div class="subsection_item">  ☺ </div> <div class="loading_info" data-json-name="pi_name"> loading... </div>  
+
<div class="subsection_item">  Name  </div> <div class="loading_info" data-json-name="pi_name"> loading... </div>  
  
−
<div class="item_wrapper  private_info"> <div class="subsection_item">  ✆  </div>  
+
<div class="item_wrapper  private_info"> <div class="subsection_item">  Phone  </div>  
 
<div  class="loading_info"  data-json-name="pi_phone"> loading... </div></div>  
 
<div  class="loading_info"  data-json-name="pi_phone"> loading... </div></div>  
  
  
−
<div class="item_wrapper  private_info"><div class="subsection_item">  ✉   </div>  
+
<div class="item_wrapper  private_info"><div class="subsection_item">  Email   </div>  
 
<div class="loading_info" data-json-name="pi_email"> loading...  </div></div>
 
<div class="loading_info" data-json-name="pi_email"> loading...  </div></div>
 
 
Line 473: Line 274:
 
<div class="subsection_content" id="team_s_secondary_pi">
 
<div class="subsection_content" id="team_s_secondary_pi">
  
−
<div class="subsection_item">  ☺ </div> <div class="loading_info" data-json-name="secondary_pi_name"> loading...</div>  
+
<div class="subsection_item">  Name </div> <div class="loading_info" data-json-name="pi_name"> loading... </div>  
  
−
<div class="item_wrapper  private_info">
+
<div class="item_wrapper  private_info"> <div class="subsection_item">  Phone  </div>  
−
<div class="subsection_item">  ✆  </div> <div class="loading_info"  data-json-name="secondary_pi_phone"> loading...</div> </div>
+
<div class="loading_info"  data-json-name="pi_phone"> loading... </div></div>  
  
−
<div class="item_wrapper  private_info">
 
−
<div class="subsection_item">  ✉  </div> <div class="loading_info" data-json-name="secondary_pi_email"> loading... </div>
 
−
</div></div>
 
  
 +
<div class="item_wrapper  private_info"><div class="subsection_item">  Email  </div>
 +
<div class="loading_info" data-json-name="pi_email"> loading...  </div></div>
 +
 +
</div>
 
</div>
 
</div>
  
Line 511: Line 313:
 
<div class="subsection_content" id="team_s_instructor">
 
<div class="subsection_content" id="team_s_instructor">
  
−
<div class="subsection_item">  ☺ </div> <div class="loading_info" data-json-name="instructor_name"> loading... </div>  
+
<div class="subsection_item">  Name </div> <div class="loading_info" data-json-name="pi_name"> loading... </div>  
  
−
<div class="item_wrapper  private_info">
+
<div class="item_wrapper  private_info"> <div class="subsection_item">  Phone  </div>  
−
<div class="subsection_item">  ✆  </div> <div class="loading_info" data-json-name="instructor_phone"> loading... </div> </div>
+
<div class="loading_info" data-json-name="pi_phone"> loading... </div></div>  
  
−
<div class="item_wrapper  private_info">
+
 
−
<div class="subsection_item">  ✉   </div> <div class="loading_info" data-json-name="instructor_email"> loading... </div> </div>
+
<div class="item_wrapper  private_info"><div class="subsection_item">  Email   </div>  
 +
<div class="loading_info" data-json-name="pi_email"> loading... </div></div>
 +
 
</div>
 
</div>
  
Line 549: Line 353:
 
<div class="subsection_content" id="team_s_student_leader">
 
<div class="subsection_content" id="team_s_student_leader">
  
−
<div class="subsection_item">  ☺ </div> <div class="loading_info" data-json-name="student_leader_name"> loading... </div>  
+
<div class="subsection_item">  Name </div> <div class="loading_info" data-json-name="pi_name"> loading... </div>  
  
−
<div class="item_wrapper  private_info">
+
<div class="item_wrapper  private_info"> <div class="subsection_item">  Phone  </div>  
−
<div class="subsection_item">  ✆  </div> <div class="loading_info" data-json-name="student_leader_phone"> loading... </div> </div>
+
<div class="loading_info" data-json-name="pi_phone"> loading... </div> </div>  
  
−
<div class="item_wrapper  private_info">
 
−
<div class="subsection_item">  ✉  </div> <div class="loading_info" data-json-name="student_leader_email"> loading... </div></div>
 
−
</div>
 
  
 +
<div class="item_wrapper  private_info"><div class="subsection_item">  Email  </div>
 +
<div class="loading_info" data-json-name="pi_email"> loading...  </div></div>
 +
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 590: Line 395:
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray">  </div>  
+
<div class="check_list_mark mark_gray" data-json-name="2015_check_in">  </div>  
 
<div class="check_list_text"> Check In Form </div>
 
<div class="check_list_text"> Check In Form </div>
 
</div>
 
</div>
Line 618: Line 423:
 
<div class="check_list_text"> Track Selection</div>
 
<div class="check_list_text"> Track Selection</div>
 
</div>
 
</div>
 +
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray">   </div>  
+
<div class="check_list_mark mark_gray" data-json-name="2015_about_our_lab"> </div>  
−
<div class="check_list_text"> Judging Form </div>
+
<div class="check_list_text"> About our Lab Form </div>
 
</div>
 
</div>
 +
 +
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray">   </div>  
+
<div class="check_list_mark mark_gray" data-json-name="2015_about_our_project"> </div>  
−
<div class="check_list_text"> Wiki Freeze </div>
+
<div class="check_list_text"> About our Project Form</div>
 
</div>
 
</div>
  
Line 637: Line 445:
  
 
<div class="subsection_content">
 
<div class="subsection_content">
 +
 +
 +
 +
 +
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"> </div>  
+
<div class="check_list_mark mark_gray"> </div>  
−
<div class="check_list_text"> About our Lab Form  </div>
+
<div class="check_list_text"> Part Samples Submission </div>
 
</div>
 
</div>
 +
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"> </div>  
+
<div class="check_list_mark mark_gray"> </div>  
−
<div class="check_list_text"> About our Project Form</div>
+
<div class="check_list_text"> Parts Added </div>
 
</div>
 
</div>
−
 
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"> </div>  
+
<div class="check_list_mark mark_gray">   </div>  
−
<div class="check_list_text"> Final Safety Form</div>
+
<div class="check_list_text"> Judging Form </div>
 
</div>
 
</div>
 +
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"> </div>  
+
<div class="check_list_mark mark_gray" data-json-name="2015_final_safety_form"> </div>  
−
<div class="check_list_text"> Part Samples Submission </div>
+
<div class="check_list_text" > Final Safety Form</div>
 
</div>
 
</div>
  
  
 
<div class="check_item_wrap">
 
<div class="check_item_wrap">
−
<div class="check_list_mark mark_gray"> </div>  
+
<div class="check_list_mark mark_gray">   </div>  
−
<div class="check_list_text"> Parts Added </div>
+
<div class="check_list_text"> Wiki Freeze </div>
 
</div>
 
</div>
  
Line 951: Line 765:
 
<div class="clear"></div>
 
<div class="clear"></div>
  
−
<div class="subsection_content" id="medals">
+
<div class="subsection_content loading_info" data-json-name="medals">
−
gold
+
 
</div>
 
</div>
  
Line 1,004: Line 818:
  
 
</div>
 
</div>
 +
</html>
  
−
 
+
{{HQ_jquery}}
−
<script>
+
−
 
+
−
 
+
−
// PLACE JSON DATA
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// Place team's general information
+
−
 
+
−
jQuery.getJSON("http://dev.igem.org/cgi/aj/team_json.cgi?team_name=ETH_Zurich&year=2015" , function( data ) {
+
−
 
+
−
 
+
−
//Places all the info in it's respective data-json-name
+
−
Object.keys(data).forEach(function(key) {
+
−
 
+
−
// if the value is not a string,  it's probably a check mark ~
+
−
if ( data[key] == 1 || data[key] == 0 )  {
+
−
 
+
−
switch_checkmarks ($('[data-json-name="'+key+'"]'), data[key] );
+
−
}
+
−
 
+
−
// if the information is a string, append it to it's correct position
+
−
else {
+
−
$('[data-json-name="'+key+'"]').removeClass('loading_info').text(data[key] );
+
−
}
+
−
 
+
−
// handle special cases
+
−
special_cases (data );
+
−
});
+
−
+
−
finish_setup();
+
−
 
+
−
});
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// in case the information needs to be treated a special way -
+
−
 
+
−
function special_cases (data) {
+
−
 
+
−
        // team status
+
−
switch ( data.status) {
+
−
 
+
−
case "Accepted":
+
−
switch_checkmarks ( "#registration_completed > .check_list_mark"  , 1 );
+
−
break;
+
−
 
+
−
case "Pending" :
+
−
switch_checkmarks ( "#registration_completed > .check_list_mark"  , 0 );
+
−
break;
+
−
}
+
−
 
+
−
 
+
−
        // track preferences
+
−
 
+
−
        $('[data-json-name="track_preferences_1"]').removeClass( "loading_info" ).text(data.track_preferences[0]);
+
−
        $('[data-json-name="track_preferences_2"]').removeClass( "loading_info" ).text(data.track_preferences[1]);
+
−
        $('[data-json-name="track_preferences_3"]').removeClass( "loading_info" ).text(data.track_preferences[2]);
+
−
 
+
−
}
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// If a checkmark is used to display info, assign correct value
+
−
 
+
−
function switch_checkmarks (id_to_switch, value) {
+
−
+
−
if ( value == 1) {
+
−
$( id_to_switch ).html('').removeClass("mark_gray").addClass("mark_green").append(" ✔ ");
+
−
}
+
−
 
+
−
else {
+
−
$( id_to_switch ).html('').removeClass("mark_gray").addClass("mark_red").append(" ✘ ");
+
−
}
+
−
}
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// Clean up and make sure information that is missing is not left in loading state
+
−
 
+
−
function finish_setup ( ) {
+
−
 
+
−
//once the information is placed, create borders for the content
+
−
$('.section_collapse_wrapper').css('border', 'solid 2px #d3d3d3');
+
−
 
+
−
//if any items are missing, remove the "loading..." state
+
−
if ( $('.loading_info:visible').length =! 0)  {
+
−
$(".loading_info").empty();
+
−
+
−
}
+
−
 
+
−
// any leftover checkmark boxes in gray make "x"
+
−
$( ".mark_gray" ).each(function() {
+
−
$(this).removeClass("mark_gray").addClass("mark_red").append(" ✘ ");
+
−
});
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
// Team's roster
+
−
jQuery.getJSON("http://dev.igem.org/aj/roster_json.cgi?team_name=ETH_Zurich&year=2014", function( data ) {
+
−
 
+
−
data.roster.forEach(function(member) {
+
−
memberRow = "<div class='roster_user_wrap'>";
+
−
memberRow += "<div class='roster_user_s_account'>" + member.username + "</div>";
+
−
memberRow += "<div class='roster_user_s_name'>" + member.full_name + "</div>";
+
−
memberRow += "</div>";
+
−
 
+
−
 
+
−
switch ( member.role) {
+
−
case 'Advisor':
+
−
$('#advisors').append(memberRow);
+
−
break;
+
−
 
+
−
case 'Student':
+
−
$('#students').append(memberRow);
+
−
break;
+
−
 
+
−
case 'Primary Contact':
+
−
case 'Instructor':
+
−
$('#instructors').append(memberRow);
+
−
break;
+
−
}
+
−
 
+
−
});
+
−
 
+
−
});
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
// COLLAPSE - EXPAND
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
//Collapse - expand individually functionality
+
−
 
+
−
$(".section_title").click(function() {
+
−
 
+
−
if ( $(this).next(' .section_collapse_wrapper:visible').length == 0 ) {
+
−
$(this).next(".section_collapse_wrapper").show();
+
−
$(this).find(".section_title_icon").html("&#9660; &#160;"); //▼
+
−
}
+
−
else {
+
−
$(this).next(".section_collapse_wrapper").hide();
+
−
$(this).find(".section_title_icon").html("&#9654; &#160;");  //▶
+
−
}
+
−
 
+
−
//switch the main controller to reflect current status
+
−
if ( $('.section_collapse_wrapper:visible').length == 0) {
+
−
$(".ti_banner_collapse").html("+");
+
−
}
+
−
 
+
−
else {
+
−
$(".ti_banner_collapse").html("-");
+
−
}
+
−
});
+
−
 
+
−
 
+
−
//Collapse all - expand all  functionality
+
−
 
+
−
$(".ti_banner_collapse").click(function() {
+
−
 
+
−
if ( $('.section_collapse_wrapper:visible').length == 0) {
+
−
$(".section_collapse_wrapper").show();
+
−
$(".section_title_icon").html("&#9660; &#160;");  // ▼
+
−
$(".ti_banner_collapse").html("-");
+
−
}
+
−
 
+
−
else {
+
−
$(".section_collapse_wrapper").hide();
+
−
$(".section_title_icon").html("&#9654; &#160;");  // ▶
+
−
$(".ti_banner_collapse").html("+");
+
−
}
+
−
});
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
var which_pop_edit ; //STORES WHICH EDIT IS BEING CALLED, has a default assigned
+
−
var which_pop_why; //STORES WHICH WHY IS BEING CALLED, has a default assigned
+
−
 
+
−
$(document).ready(function(){
+
−
 
+
−
$(".edit_button").click(function() {
+
−
$(".pop_box").css("border-color", "#f17530");
+
−
pop_box_handle( "https://2016.igem.org/HQ:Team_Information_Edit" + " " + "#" + which_pop_edit , "edit"  );
+
−
});
+
−
 
+
−
 
+
−
 
+
−
$(".why_button").click(function() {
+
−
 
+
−
$(".pop_box").css("border-color", "#5ba88a");
+
−
pop_box_handle( "https://2016.igem.org/HQ:Team_Information_Why" + " " + "#" + which_pop_why, "why" );
+
−
});
+
−
 
+
−
});
+
−
 
+
−
 
+
−
 
+
−
function pop_box_handle (div_to_load, type ) {
+
−
 
+
−
$( "#pop_content" ).load( div_to_load );
+
−
 
+
−
$(".pop_box").show();
+
−
$(".page_cover").show();
+
−
 
+
−
 
+
−
 
+
−
if( type =="edit") {
+
−
 
+
−
$(".save_button").delay(800).fadeIn(400);
+
−
 
+
−
 
+
−
$(".save_button").click( function () {
+
−
$(".save_button").html("saved!");
+
−
});
+
−
}
+
−
 
+
−
 
+
−
$(".pop_close").click(function() {
+
−
pop_box_remove();
+
−
});
+
−
 
+
−
$(".page_cover").click( function () {
+
−
pop_box_remove();
+
−
});
+
−
 
+
−
}
+
−
 
+
−
 
+
−
function pop_box_remove( ) {
+
−
 
+
−
$(".pop_box").hide();
+
−
$(".page_cover").hide();
+
−
$( "#pop_content" ).empty().html(" <h3> Loading... </h3> ");
+
−
$(".save_button").empty().hide().html("save");
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
 
+
−
$(".private_info").show();
+
−
 
+
−
var testing_if = true;
+
−
$("#super_user").click(function() {
+
−
if (testing_if == false) {
+
−
testing_if = true;
+
−
$(".private_info").show();
+
−
$("#super_user").html ("super user");
+
−
}
+
−
// to close
+
−
else if (testing_if == true) {
+
−
$(".private_info").hide();
+
−
$("#super_user").html ("no user");
+
−
testing_if = false;
+
−
}
+
−
});
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
//default collapse a section
+
−
// $("#Contact").next(".section_collapse_wrapper").hide( function () {
+
−
// $("#Contact > .section_title_icon").html("▶ &#160;");
+
−
// });
+
−
 
+
−
// $("#General").next(".section_collapse_wrapper").hide( function () {
+
−
// $("#General > .section_title_icon").html("▶ &#160;");
+
−
// });
+
−
 
+
−
 
+
−
// $("#Awards").next(".section_collapse_wrapper").hide( function () {
+
−
// $("#Awards > .section_title_icon").html("▶ &#160;");
+
−
// });
+
−
 
+
−
// $("#Project").next(".section_collapse_wrapper").hide( function () {
+
−
// $("#Project > .section_title_icon").html("▶ &#160;");
+
−
// });
+
−
 
+
−
 
+
−
// $("#Checklist").next(".section_collapse_wrapper").hide( function () {
+
−
// $("#Checklist > .section_title_icon").html("▶ &#160;");
+
−
// });
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</script>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</html>
+

Latest revision as of 17:07, 26 January 2016

no user
team user
pi
team registration
×

Loading ...

save
-
Loading...
▼  
General

Schools

✎ edit
?
loading...

Team Description

✎ edit
?

Team Status

✎ edit
?
Application Date:
loading...
Registration Fee
Resource Description
Shipping Information
Acceptance Date:
loading...
loading...
Country:
loading...
Region:
loading...
Kind:
loading...
Section:
loading...
▼  
Contact

Primary PI

✎ edit
?
Name
loading...
Phone
loading...
Email
loading...

Secondary PI

✎ edit
?
Name
loading...
Phone
loading...
Email
loading...

Instructor

✎ edit
?
Name
loading...
Phone
loading...
Email
loading...

Student Leader

✎ edit
?
Name
loading...
Phone
loading...
Email
loading...
▼  
Check List
Final Roster
Registration Completed
Check In Form
Project Description
Title and Abstract
Track Selection
About our Lab Form
About our Project Form
Part Samples Submission
Parts Added
Judging Form
Final Safety Form
Wiki Freeze
▼  
Project

Track

✎ edit
?
Assigned Track

loading...
Track Preferences

  1. loading...
  2. loading...
  3. loading...

Part Numbers

?

BBa_K1769000 to BBa_K1769999

Title and Abstract

✎ edit
?

Title

The purpose of this project is to introduce the Sf9 cell line (Fall armyworm ovary, Spodoptera frugiperda cells) to synthetic biology and the iGEM Competition, by developing a tool kit of several biobricks for their use in this new chassis. We will use the Sf9 cells as an alternative for the production of proteins with high complexity and post-traductional modifications, because of their flexibility, cultivation time and minor cost compared with other expression systems.

▼  
Roster

Instructors

?

Students

?

Advisors

?
▼  
Awards

Medals

Awards

Awards

Nominations

Nominations