SlatePermutate Changeset - bc5accd3cbd4 · protofusion repositories

Changeset - bc5accd3cbd4

Parent rev.

Child rev.

[Not reviewed]

default

0 3 0

ethanzonca - 15 years ago 2010-10-04 20:37:47

Added styling for output: color-coding and rounded edges

3 files changed with 62 insertions and 35 deletions:

class.schedule.php

styles/general.css

styles/output.css

0 comments (0 inline, 0 general)

class.schedule.php

➞

Show inline comments

@@ @@ -344,7 +344,7 @@ class Schedule @@
 	    $table .= "<table style=\"empty-cells:show;\" border=\"1\" cellspacing=\"0\">";
 	    // Header row
 	    $table .= "\n\t<tr>\n\t\t<td class=\"none\">" . ($i+1) . "</td>\n\t\t<td class=\"day\">Monday</td>\n\t\t<td class=\"day\">Tuesday</td>\n\t\t<td class=\"day\">Wednesday</td>\n\t\t<td class=\"day\">Thursday</td>\n\t\t<td class=\"day\">Friday</td>\n\t</tr>";
+	    $table .= "\n\t<tr>\n\t\t<td class=\"none permuteNum\">" . ($i+1) . "</td>\n\t\t<td class=\"day\">Monday</td>\n\t\t<td class=\"day\">Tuesday</td>\n\t\t<td class=\"day\">Wednesday</td>\n\t\t<td class=\"day\">Thursday</td>\n\t\t<td class=\"day\">Friday</td>\n\t</tr>";
 	    for($r = 0; $r < (count($time)-1); $r++)
+	      {
@@ @@ -368,11 +368,11 @@ class Schedule @@
+			      {
 				if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+				  {
 				    $table .= "\n\t\t<td class=\"top\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				    $table .= "\n\t\t<td class=\"top class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				    $M = $j;
 				    $filled = true;
 				  } else {
 				  $table .= "\n\t\t<td class=\"single\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				  $table .= "\n\t\t<td class=\"single class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				  $filled = true;
+				}
+			      }
@@ @@ -382,10 +382,10 @@ class Schedule @@
+			{
 			  if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+			    {
 			      $table .= "\n\t\t<td class=\"mid\">&nbsp;</td>";
+			      $table .= "\n\t\t<td class=\"mid class{$j}\">&nbsp;</td>";
 			      $filled = true;
 			    } else {
 			    $table .= "\n\t\t<td class=\"end\">&nbsp;</td>";
+			    $table .= "\n\t\t<td class=\"end class{$j}\">&nbsp;</td>";
 			    $M = -1;
 			    $filled = true;
+			  }
@@ @@ -411,11 +411,11 @@ class Schedule @@
+			      {
 				if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+				  {
 				    $table .= "\n\t\t<td class=\"top\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				    $table .= "\n\t\t<td class=\"top class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				    $Tu = $j;
 				    $filled = true;
 				  } else {
 				  $table .= "\n\t\t<td class=\"single\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				  $table .= "\n\t\t<td class=\"single class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				  $filled = true;
+				}
+			      }
@@ @@ -425,10 +425,10 @@ class Schedule @@
+			{
 			  if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+			    {
 			      $table .= "\n\t\t<td class=\"mid\">&nbsp;</td>";
+			      $table .= "\n\t\t<td class=\"mid class{$j}\">&nbsp;</td>";
 			      $filled = true;
 			    } else {
 			    $table .= "\n\t\t<td class=\"end\">&nbsp;</td>";
+			    $table .= "\n\t\t<td class=\"end class{$j}\">&nbsp;</td>";
 			    $Tu = -1;
 			    $filled = true;
+			  }
@@ @@ -454,11 +454,11 @@ class Schedule @@
+			      {
 				if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+				  {
 				    $table .= "\n\t\t<td class=\"top\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				    $table .= "\n\t\t<td class=\"top class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				    $W = $j;
 				    $filled = true;
 				  } else {
 				  $table .= "\n\t\t<td class=\"single\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				  $table .= "\n\t\t<td class=\"single class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				  $filled = true;
+				}
+			      }
@@ @@ -468,10 +468,10 @@ class Schedule @@
+			{
 			  if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+			    {
 			      $table .= "\n\t\t<td class=\"mid\">&nbsp;</td>";
+			      $table .= "\n\t\t<td class=\"mid class{$j}\">&nbsp;</td>";
 			      $filled = true;
 			    } else {
 			    $table .= "\n\t\t<td class=\"end\">&nbsp;</td>";
+			    $table .= "\n\t\t<td class=\"end class{$j}\">&nbsp;</td>";
 			    $W = -1;
 			    $filled = true;
+			  }
@@ @@ -497,11 +497,11 @@ class Schedule @@
+			      {
 				if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+				  {
 				    $table .= "\n\t\t<td class=\"top\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				    $table .= "\n\t\t<td class=\"top class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				    $Th = $j;
 				    $filled = true;
 				  } else {
 				  $table .= "\n\t\t<td class=\"single\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				  $table .= "\n\t\t<td class=\"single class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				  $filled = true;
+				}
+			      }
@@ @@ -511,10 +511,10 @@ class Schedule @@
+			{
 			  if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+			    {
 			      $table .= "\n\t\t<td class=\"mid\">&nbsp;</td>";
+			      $table .= "\n\t\t<td class=\"mid class{$j}\">&nbsp;</td>";
 			      $filled = true;
 			    } else {
 			    $table .= "\n\t\t<td class=\"end\">&nbsp;</td>";
+			    $table .= "\n\t\t<td class=\"end class{$j}\">&nbsp;</td>";
 			    $Th = -1;
 			    $filled = true;
+			  }
@@ @@ -540,11 +540,11 @@ class Schedule @@
+			      {
 				if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+				  {
 				    $table .= "\n\t\t<td class=\"top\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				    $table .= "\n\t\t<td class=\"top class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				    $F = $j;
 				    $filled = true;
 				  } else {
 				  $table .= "\n\t\t<td class=\"single\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
+				  $table .= "\n\t\t<td class=\"single class{$j}\">" . $this->classStorage[$j]->getName() . " " . $this->classStorage[$j]->getSection($this->storage[$i][$j])->getLetter() . "</td>";
 				  $filled = true;
+				}
+			      }
@@ @@ -554,10 +554,10 @@ class Schedule @@
+			{
 			  if($this->classStorage[$j]->getSection($this->storage[$i][$j])->getEndTime() > $time[$r+1])
+			    {
 			      $table .= "\n\t\t<td class=\"mid\">&nbsp;</td>";
+			      $table .= "\n\t\t<td class=\"mid class{$j}\">&nbsp;</td>";
 			      $filled = true;
 			    } else {
 			    $table .= "\n\t\t<td class=\"end\">&nbsp;</td>";
+			    $table .= "\n\t\t<td class=\"end class{$j}\">&nbsp;</td>";
 			    $F = -1;
 			    $filled = true;
+			  }

styles/general.css

➞

Show inline comments

@@ @@ -65,6 +65,9 @@ td.center { @@
 .section:nth-child(even) {
   background: #DDDDDD;
+}
 .section:nth-child(odd) {
   background: #DDDDDD;
+}
 .none {
   background: #fff;
+}
@@ @@ -148,4 +151,4 @@ td.center { @@
+}
 .centeredtext {
   text-align: center;
+}
@@ \ No newline at end of file @@
+}

styles/output.css

➞

Show inline comments

 /* Output Table Styling */
 .top{
         border-style:solid solid none solid;
 background-color:#dddddd;
   border-style:solid solid none solid;
   background-color:#dddddd;
   -moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   border-top-left-radius: 5px;
+}
 .mid{
         border-style:none solid none solid;
 background-color:#dddddd;
   border-style:none solid none solid;
   background-color:#dddddd;
+}
 .end{
         border-style:none solid solid solid;
 background-color:#dddddd;
   border-style:none solid solid solid;
   background-color:#dddddd;
   -moz-border-radius-bottomright: 5px;
   border-bottom-right-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-left-radius: 5px;
+}
 .none{
         border-style:none;
   border-style:none;
   border-bottom: 1px solid #DDD;
+}
 .single{
         border-style:solid;
         background-color:#dddddd;
   border-style:solid;
   background-color:#dddddd;
+}
 td{
         text-align:center;
 width:7em;
   text-align:center;
   width:7em;
+}
 .time{
-        border-style:none none solid none;
   border-style:none none solid none;
+}
 .day{
-        border-style:none none solid solid;
   border-style:none none solid solid;
+}
 /* Class Coloring */
 .class0 { background: #69c76f; }
 .class1 { background: #c5c769; }
 .class2 { background: #c76b69; }
 .class3 { background: #696fc7; }
 .class4 { background: #69a7c7; }
 .class5 { background: #c769c6; }
 .class6 { background: #989898; }
 .class7 { background: #e8e8e8; }
 .class8 { background: #111111; color: #fff; }
 .class9 { background: #00437d; color: #fff; }
 .class10 { background: #7e2400; color: #fff; }
 .permuteNum { border-bottom: 1px solid #000; font-weight: bold; color: #fff; background: #222; }

0 comments (0 inline, 0 general)