From 8ce54b7273977242f873f504753fefdf6d7d2fc4 Mon Sep 17 00:00:00 2001
From: "DESKTOP-8O9J4BH\\wodnj" <jaewon.lee@mail.mcgill.ca>
Date: Wed, 28 Mar 2018 19:23:59 -0400
Subject: [PATCH] Admin Landing/listing modified

---
 .idea/workspace.xml                   | 206 ++++++++++++++------------
 src/bodies/adminLanding.js            |  17 ++-
 src/bodies/components/adminListing.js | 130 +++++++++++-----
 3 files changed, 218 insertions(+), 135 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 7e3e6439..7810f27c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -14,23 +14,11 @@
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="navigationBar.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/navbar/navigationBar.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="836">
-              <caret line="50" column="59" lean-forward="false" selection-start-line="50" selection-start-column="59" selection-end-line="50" selection-end-column="59" />
-              <folding>
-                <marker date="1522277146351" expanded="true" signature="1291:1319" ph="&lt;NavItem/&gt;" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
       <file leaf-file-name="studentListing.js" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/bodies/components/studentListing.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="19">
-              <caret line="3" column="7" lean-forward="false" selection-start-line="3" selection-start-column="7" selection-end-line="3" selection-end-column="7" />
+            <state relative-caret-position="274">
+              <caret line="165" column="6" lean-forward="true" selection-start-line="165" selection-start-column="6" selection-end-line="174" selection-end-column="12" />
               <folding>
                 <element signature="e#49#90#0" expanded="true" />
               </folding>
@@ -38,30 +26,6 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="classSettings.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/bodies/classSettings.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="5605">
-              <caret line="299" column="18" lean-forward="false" selection-start-line="299" selection-start-column="18" selection-end-line="299" selection-end-column="18" />
-              <folding>
-                <marker date="1522277146271" expanded="true" signature="10317:10323" ph="{...}" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="index.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/index.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="133">
-              <caret line="22" column="27" lean-forward="false" selection-start-line="22" selection-start-column="27" selection-end-line="22" selection-end-column="27" />
-              <folding>
-                <element signature="e#304#340#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
       <file leaf-file-name="about.js" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/bodies/about.js">
           <provider selected="true" editor-type-id="text-editor">
@@ -91,16 +55,60 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
+      <file leaf-file-name="index.html" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/public/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="94">
-              <caret line="13" column="76" lean-forward="false" selection-start-line="13" selection-start-column="76" selection-end-line="13" selection-end-column="76" />
+            <state relative-caret-position="512">
+              <caret line="35" column="25" lean-forward="true" selection-start-line="35" selection-start-column="25" selection-end-line="35" selection-end-column="25" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="main.js" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/bodies/main.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="423">
+              <caret line="214" column="5" lean-forward="true" selection-start-line="214" selection-start-column="5" selection-end-line="214" selection-end-column="5" />
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="adminLanding.js" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/bodies/adminLanding.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="246">
+              <caret line="44" column="35" lean-forward="false" selection-start-line="44" selection-start-column="35" selection-end-line="44" selection-end-column="35" />
+              <folding>
+                <element signature="e#49#90#0" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="adminListing.js" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/src/bodies/components/adminListing.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="616">
+              <caret line="101" column="58" lean-forward="false" selection-start-line="101" selection-start-column="58" selection-end-line="101" selection-end-column="58" />
               <folding />
             </state>
           </provider>
         </entry>
       </file>
+      <file leaf-file-name="profListing.js" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/bodies/components/profListing.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="-1216">
+              <caret line="19" column="0" lean-forward="true" selection-start-line="19" selection-start-column="0" selection-end-line="19" selection-end-column="0" />
+              <folding>
+                <element signature="n#!!doc" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
       <file leaf-file-name="contact.js" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/bodies/contact.js">
           <provider selected="true" editor-type-id="text-editor">
@@ -147,13 +155,13 @@
       <find>window.conirm</find>
       <find>confi</find>
       <find>confirm</find>
-      <find>login</find>
       <find>prof</find>
       <find>login to</find>
       <find>thum</find>
       <find>image</find>
       <find>mainbg</find>
       <find>img</find>
+      <find>login</find>
     </findStrings>
   </component>
   <component name="Git.Settings">
@@ -179,8 +187,6 @@
         <option value="$PROJECT_DIR$/src/bodies/classSettings.js" />
         <option value="$PROJECT_DIR$/src/bodies/components/courseListing.js" />
         <option value="$PROJECT_DIR$/src/bodies/professorLanding.js" />
-        <option value="$PROJECT_DIR$/src/bodies/adminLanding.js" />
-        <option value="$PROJECT_DIR$/src/bodies/components/adminListing.js" />
         <option value="$PROJECT_DIR$/src/bodies/components/studentListing.js" />
         <option value="$PROJECT_DIR$/src/bodies/components/classListing.js" />
         <option value="$PROJECT_DIR$/src/bodies/main.js" />
@@ -190,6 +196,8 @@
         <option value="$PROJECT_DIR$/src/bodies/contact.js" />
         <option value="$PROJECT_DIR$/src/bodies/about.js" />
         <option value="$PROJECT_DIR$/public/index.html" />
+        <option value="$PROJECT_DIR$/src/bodies/components/adminListing.js" />
+        <option value="$PROJECT_DIR$/src/bodies/adminLanding.js" />
       </list>
     </option>
   </component>
@@ -202,11 +210,10 @@
   <component name="NodeModulesDirectoryManager">
     <handled-path value="$PROJECT_DIR$/node_modules" />
   </component>
-  <component name="ProjectFrameBounds" extendedState="1">
-    <option name="x" value="280" />
-    <option name="y" value="234" />
-    <option name="width" value="1459" />
-    <option name="height" value="700" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="418" />
+    <option name="width" value="1509" />
+    <option name="height" value="1047" />
   </component>
   <component name="ProjectInspectionProfilesVisibleTreeState">
     <entry key="Project Default">
@@ -425,25 +432,25 @@
       <workItem from="1521745139016" duration="1681000" />
       <workItem from="1521912951915" duration="631000" />
       <workItem from="1522257205915" duration="3406000" />
-      <workItem from="1522277169161" duration="434000" />
+      <workItem from="1522277169161" duration="2258000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="75484000" />
+    <option name="totallyTimeSpent" value="77308000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="280" y="234" width="1459" height="700" extended-state="1" />
+    <frame x="418" y="0" width="1509" height="1047" extended-state="0" />
     <editor active="true" />
     <layout>
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.25756508" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19646499" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Docker" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.18735892" sideWeight="0.5104167" order="8" side_tool="true" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.26459855" sideWeight="0.48958334" order="10" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.17318435" sideWeight="0.48958334" order="10" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
@@ -487,13 +494,6 @@
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/src/bodies/adminLanding.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="165">
-          <caret line="11" column="8" lean-forward="false" selection-start-line="11" selection-start-column="8" selection-end-line="11" selection-end-column="13" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/bodies/components/adminListing.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="1035">
@@ -564,6 +564,7 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
           <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
         </state>
       </provider>
     </entry>
@@ -628,13 +629,6 @@
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/src/bodies/components/courseListing.js" />
-    <entry file="file://$PROJECT_DIR$/src/bodies/components/adminListing.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1701">
-          <caret line="92" column="0" lean-forward="false" selection-start-line="92" selection-start-column="0" selection-end-line="92" selection-end-column="0" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/bodies/components/classListing.js" />
     <entry file="file://$PROJECT_DIR$/src/bodies/professorLanding.js">
       <provider selected="true" editor-type-id="text-editor">
@@ -657,13 +651,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/bodies/adminLanding.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="126">
-          <caret line="17" column="21" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="73" selection-end-column="0" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/index.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="882">
@@ -677,7 +664,7 @@
         <state relative-caret-position="133">
           <caret line="22" column="27" lean-forward="false" selection-start-line="22" selection-start-column="27" selection-end-line="22" selection-end-column="27" />
           <folding>
-            <element signature="e#304#340#0" expanded="true" />
+            <element signature="e#304#340#0" expanded="false" />
           </folding>
         </state>
       </provider>
@@ -703,23 +690,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/bodies/main.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="63">
-          <caret line="9" column="10" lean-forward="false" selection-start-line="9" selection-start-column="10" selection-end-line="9" selection-end-column="10" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/bodies/components/studentListing.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="19">
-          <caret line="3" column="7" lean-forward="false" selection-start-line="3" selection-start-column="7" selection-end-line="3" selection-end-column="7" />
-          <folding>
-            <element signature="e#49#90#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/bodies/contact.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="1026">
@@ -768,8 +738,54 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/public/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="94">
-          <caret line="13" column="76" lean-forward="false" selection-start-line="13" selection-start-column="76" selection-end-line="13" selection-end-column="76" />
+        <state relative-caret-position="512">
+          <caret line="35" column="25" lean-forward="true" selection-start-line="35" selection-start-column="25" selection-end-line="35" selection-end-column="25" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/bodies/main.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="423">
+          <caret line="214" column="5" lean-forward="true" selection-start-line="214" selection-start-column="5" selection-end-line="214" selection-end-column="5" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/bodies/components/profListing.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-1216">
+          <caret line="19" column="0" lean-forward="true" selection-start-line="19" selection-start-column="0" selection-end-line="19" selection-end-column="0" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/bodies/components/studentListing.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="274">
+          <caret line="165" column="6" lean-forward="true" selection-start-line="165" selection-start-column="6" selection-end-line="174" selection-end-column="12" />
+          <folding>
+            <element signature="e#49#90#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/bodies/adminLanding.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="246">
+          <caret line="44" column="35" lean-forward="false" selection-start-line="44" selection-start-column="35" selection-end-line="44" selection-end-column="35" />
+          <folding>
+            <element signature="e#49#90#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/bodies/components/adminListing.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="616">
+          <caret line="101" column="58" lean-forward="false" selection-start-line="101" selection-start-column="58" selection-end-line="101" selection-end-column="58" />
           <folding />
         </state>
       </provider>
diff --git a/src/bodies/adminLanding.js b/src/bodies/adminLanding.js
index ea0dd085..e4c531f2 100644
--- a/src/bodies/adminLanding.js
+++ b/src/bodies/adminLanding.js
@@ -42,7 +42,7 @@ class AdminLanding extends Component {
   render() {
     return (
       <div className="landingPage" style={{height:this.state.height-100}}>
-        <Col lg={8} md={8} sm={8} xs={12} className="landingPageHalfCol">
+        <Col lg={12} md={12} sm={12} xs={12} className="landingPageHalfCol">
           <div className="classListWrapper scroll">
           {
             this.state.classes.map((item,i)=>{
@@ -54,7 +54,14 @@ class AdminLanding extends Component {
           </div>
         </Col>
 
-        <Col lg={4} md={4} sm={4} xs={12} className="landingPageHalfCol">
+
+      </div>
+    );
+  }
+}
+
+/*
+<Col lg={4} md={4} sm={4} xs={12} className="landingPageHalfCol">
           <div className="center rightSideWrapper" style={{width:(this.state.width-160)*1/3-90}}>
             <div className="center rightSideButton">
               <p>Manage Professors</p>
@@ -67,9 +74,5 @@ class AdminLanding extends Component {
             </div>
           </div>
         </Col>
-      </div>
-    );
-  }
-}
-
+ */
  export default AdminLanding;
diff --git a/src/bodies/components/adminListing.js b/src/bodies/components/adminListing.js
index c7a83519..8955ef67 100644
--- a/src/bodies/components/adminListing.js
+++ b/src/bodies/components/adminListing.js
@@ -9,6 +9,7 @@ import{
     Col,
     Panel
 } from 'react-bootstrap'
+import * as firebase from "firebase";
 
 const comments = [1,2];
 
@@ -17,7 +18,9 @@ class AdminListing extends Component {
         super(props);
         this.state = {
             showPanel:false,
-            color_blue: false
+            color_blue: false,
+            comments:[],
+            polls:[]
         };
         this.comment = this.comment.bind(this)
     }
@@ -25,47 +28,108 @@ class AdminListing extends Component {
     changeColor(){
         this.setState({color_blue: !this.state.color_blue})
     }
+    getRating(item){
+        var rating = 0;
+        if (item.val().up && item.val().down) {
+            rating = item.val().up.list.length - item.val().down.list.length;
+        } else if (item.val().up) {
+            rating = item.val().up.list.length;
+        } else if (item.val().down) {
+            rating = -item.val().down.list.length;
+        }
 
-    comment(){
+        return (rating);
+    }
+    componentDidMount() {
+        firebase.database().ref('/classes/'+this.props.item.key+'/feedback').on('value',(snapshot) =>{
+            var comments = this.state.comments;
+            comments =[];
+
+            snapshot.forEach(function(item) {
+                comments.push(item);
+            });
+
+            comments.sort((a, b)=>{
+                return (this.getRating(b)-this.getRating(a));
+            });
+
+            this.setState({comments});
+        })
+//poll
+
+        firebase.database().ref('classes/' +this.props.item.key+ '/poll').on('value',(snapshot) =>{
+            var polls = this.state.polls;
+            polls = [];
+            snapshot.forEach(function(item) {
+                polls.push(item);
+            });
+            this.setState({polls});
+        })
+    }
+
+    comment(item,i){
         return(
-          <div style={{height:100,border:"solid",borderColor:'#343f4b'}}>
-              <Col lg={2} md={2} sm={2} xs={2} className='center' style={{height:'100%',fontSize:15}}>
-                  <p style={{width:'100%'}}>ID: 260000000</p>
-              </Col>
-              <Col lg={6} md={6} sm={6} xs={6} className='center' style={{height:'100%',fontSize:15}}>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt congue ligula in rutrum. Morbi nec lacus condimentum, hendrerit mi eu, feugiat.
-              </Col>
-              <Col lg={3} md={3} sm={3} xs={3} className='center' style={{height:'100%',fontSize:30}}>
-                  Rating: 0
-              </Col>
-          </div>
+            <div className="bottomsep commentWrapper" key ={i}>
+                <Col lg={2} md={2} sm={2} xs={2} className="center commentCol">
+                    <p className="center commentType">{item.val().tag?item.val().tag:"No Tag"}</p>
+                </Col>
+                <Col lg={6} md={6} sm={6} xs={6} className="center commentCol">
+                    <p className="center comment">{item.val().comment}</p>
+                </Col>
+                <Col lg={2} md={2} sm={2} xs={2} className="center commentCol">
+
+                </Col>
+                <Col lg={2} md={2} sm={2} xs={2} className="center rating">
+                    <p>Rating: {this.getRating(item)}</p>
+                </Col>
+            </div>
+        )
+    }
+    poll(item,i){
+        return(
+            <div className="commentWrapper">
+                <div className="poll">
+                    <Col lg={7} md={7} sm={7} xs={7} className="center pollCol">
+                        <h3 className="pollQuestion">{item.val().pollQuestion}</h3>
+                    </Col>
+                    <Col lg={7} md={7} sm={7} xs={7} className="center pollCol">
+                        <p className="pollAnswers">{item.val().ans1}</p>
+                    </Col>
+                    <Col lg={2} md={2} sm={2} xs={2} className="center pollCol">
+                        <p className="pollAnswers">{item.val().ans1count}</p>
+                    </Col>
+                    <Col lg={7} md={7} sm={7} xs={7} className="center pollCol">
+                        <p className="pollAnswers">{item.val().ans2}</p>
+                    </Col>
+                    <Col lg={2} md={2} sm={2} xs={2} className="center pollCol">
+                        <p className="pollAnswers">{item.val().ans2count}</p>
+                    </Col>
+                </div>
+            </div>
         )
     }
 
     render() {
       let bgColor = this.state.color_blue ? "#3D99D4" : "white"
         return (
-            <div>
-                <div style={{height:150,border:"solid",borderColor:'#343f4b', background: bgColor}} onClick={()=>this.setState({showPanel:!this.state.showPanel}, this.changeColor.bind(this))}>
-                    <Col lg={7} md={7} sm={7} xs={7} className='center' style={{height:'100%',fontSize:30}}>
-                        <p style={{width:'100%'}}>ECSE 321</p>
-                    </Col>
-                    <Col lg={4} md={4} sm={4} xs={4} className='center' style={{height:'100%',fontSize:30}}>
-                        Prof. Jane Smith
-                    </Col>
+
+                <div style ={{background:"white",borderRadius : 8}}>
+                    <div className="listing" onClick={()=>this.setState({showPanel:!this.state.showPanel})}>
+                        <p className="listingProf">{this.props.item.val().course.code}</p>
+                        <p className="listingTitle">{" "+this.props.item.val().course.title}</p>
+                    </div>
+                    {
+                        this.state.showPanel ?
+                            <div>
+                                {this.state.polls.map((item,i)=>this.poll(item, i))}
+                                {this.state.comments.map((item,i)=>this.comment(item, i))}
+                            </div>
+                            :
+                            null
+                    }
                 </div>
-                {this.state.showPanel?
-                    <Panel style={{width:'100%',height:250}}>
-                        <div>
-                          {
-                            comments.map(()=>this.comment())
-                          }
-                        </div>
-                    </Panel>
-                    :
-                    null
-                }
-            </div>
+
+
         );
     }
 }