Difference between revisions of "Team:William and Mary/Outreach DB/Details"

@@ Line 14: / Line 14: @@
    <script src='https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/tabletop?action=raw&ctype=text/javascript'></script>
    <script src="https://2017.igem.org/Team:William_and_Mary/Outreach_DB/scripts/alasql?action=raw&ctype=text/javascript"></script>
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src='outreach_db.js' type='text/javascript'></script>
@@ Line 19: / Line 20: @@
      <div class='search-result'>
 <div style='padding-top: 80px;'></div>
-       <center><div class='project-title' style='font-size: 50px;'>{{[Outreach Project]}}</div></center>
+       <center><div class='project-title' style='font-size: 40px;line-height: 50px;'>{{[Outreach Project]}}</div></center>
 <div style='padding-top: 20px;'></div>
 <!----Product Description---->
@@ Line 27: / Line 28: @@
 <center><div style='padding-top: 0px;font-size: 16px;'>
-         {{{[Product Description]}}}
+         {{{[Description]}}}
        </div></center>
@@ Line 38: / Line 39: @@
        <span class='outreach-category'   style='font-size: 18px;padding-left: 30px;padding-right: 30px;' >{{[Outreach Category]}}</span><i class="fa fa-circle" aria-hidden="true"  style='font-size: 5px;'></i></center>
-<div style='padding-top: 40px;padding-bottom: 2px;'></div>
+<div style='padding-top: 20px;padding-bottom: 2px;'></div>
@@ Line 47: / Line 48: @@
 <!------Colored box 1----->
 <div style="background-color:#DBDBDB; text-align:left; vertical-align: middle; padding:10px 30px; margin: 30px; column-width: 400px;font-size: 16px;">
-<div><b>ID: </b>{{[id]}}</div>
+<div><b>ID: </b>{{id}}</div>
 <div><b>Section: </b>{{[Section]}}</div>
@@ Line 54: / Line 55: @@
 <div><b>Project Tag: </b>{{[Project Tag]}}</div>
-<div><b>Award: </b>{{[Award]}}</div>
+{{#if [Award]}}<div><b>Award: </b>{{[Award]}}</div>{{/if}}
-<div><b>Product: </b>{{[Product]}}</div>
+{{#if [Product]}}
+<div><b>Product: </b>{{{[Product]}}}</div>
 <div><b>Product Tag: </b>{{[Product Tag]}}</div>
 <div style='column-width: 600px;'><b>Product Description: </b>{{[Product Tag]}}</div>
+{{/if}}
@@ Line 73: / Line 76: @@
 <div style="background-color:#DBDBDB; text-align:left; padding:10px 30px; margin: 40px; font-size: 16px;width: 40%; float: left;">
 <div><b>Goal: </b>{{[Goal]}}</div>
-<div><b>Objectives: </b>{{[Objectives]}}</div>
+<div><b>Objectives: </b>{{{[Objectives]}}}</div>
@@ Line 84: / Line 87: @@
 <!-----3rd colored box------>
 <div style="background-color:#DBDBDB; text-align:left; padding:10px 30px; margin: 40px; font-size: 16px;width: 40%;float: right;">
+{{#if [Data Type]}}
 <div><b>Data Type: </b>{{[Data Type]}}</div>
 <div><b>Data: </b>{{[Data]}}</div>
-<div><b>Reach: </b>{{[Reach]}}</div>
+{{/if}}
-<div><b>Analysis: </b>{{[Analysis]}}</div>
+{{#if [Reach]}}<div><b>Reach: </b>{{[Reach]}}</div>{{/if}}
+{{#if [Analysis]}}<div><b>Analysis: </b>{{[Analysis]}}</div>{{/if}}
@@ Line 93: / Line 98: @@
 </div>
+<!----end of text---->
-<!---- end of boxes---->
        {{#each this}}
-         <h2>:</h2>
+         <h2>{{@ke}}</h2>
          <div>
+          {{{ths}}}
          </div>
+       {{/each}}
      </div>
-  </script>
+</script>
 </head>
 <body>
    <div class = 'container'>
@@ Line 127: / Line 136: @@
        $('#show-details').html(datastring);
        obj = JSON.parse(datastring);
-       console.log(obj)
+      var padInt5 = function ( i ){
-       show_details(obj)
+          return i.toString().padStart(5, '0');
+      };
+      obj.id = padInt5(obj.id);
+       console.log(obj);
+       show_details(obj);
      }
    )
@@ Line 134: / Line 147: @@
 </body>
 </html>
+{{Team:William_and_Mary/FOOTER_SMALL}}

Difference between revisions of "Team:William and Mary/Outreach DB/Details"

Latest revision as of 02:47, 2 November 2017