From fc2123252351eb053e829f379ea949c0346776ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mike=20Schw=C3=B6rer?= <mailport@mikescher.de>
Date: Wed, 4 Jun 2014 13:33:57 +0200
Subject: [PATCH] Added initial Design for CollapsedHeader (index page)

---
 .idea/workspace.xml                  | 162 ++++++++++++++-------------
 www/css/styles.css                   |  30 +++++
 www/protected/components/MsHtml.php  |  13 +++
 www/protected/views/msmain/index.php |  40 ++++++-
 4 files changed, 162 insertions(+), 83 deletions(-)
 create mode 100644 www/protected/components/MsHtml.php

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 77189a3..7afef9c 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -63,28 +63,51 @@
   </component>
   <component name="FileEditorManager">
     <leaf>
-      <file leaf-file-name="MSMainController.php" pinned="false" current="true" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/www/protected/controllers/MSMainController.php">
+      <file leaf-file-name="index.php" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/www/protected/views/msmain/index.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="4" column="0" selection-start="53" selection-end="53" vertical-scroll-proportion="0.07631874" vertical-offset="0" max-vertical-offset="1887">
+            <state line="81" column="15" selection-start="2089" selection-end="2089" vertical-scroll-proportion="-11.384615" vertical-offset="1081" max-vertical-offset="2108">
+              <folding>
+                <marker date="1401881587072" expanded="true" signature="824:850" placeholder="SELECT * FRO..." />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="TbHtml.php" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/helpers/TbHtml.php">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="460" column="0" selection-start="15867" selection-end="15991" vertical-scroll-proportion="174.57692" vertical-offset="12240" max-vertical-offset="74018">
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="ProgramsController.php" pinned="false" current="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/www/protected/controllers/ProgramsController.php">
+      <file leaf-file-name="MsHtml.php" pinned="false" current="true" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/www/protected/components/MsHtml.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="5" column="39" selection-start="92" selection-end="92" vertical-scroll-proportion="-3.2692308" vertical-offset="0" max-vertical-offset="3689">
+            <state line="6" column="72" selection-start="204" selection-end="204" vertical-scroll-proportion="0.11447811" vertical-offset="0" max-vertical-offset="891">
+              <folding>
+                <marker date="1401881611056" expanded="true" signature="139:355" placeholder="..." />
+                <marker date="1401881611056" expanded="true" signature="139:177" placeholder="..." />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="thumbnailPreview.php" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="65" column="81" selection-start="1775" selection-end="1790" vertical-scroll-proportion="-24.807692" vertical-offset="460" max-vertical-offset="1377">
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="MSController.php" pinned="false" current="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/www/protected/components/MSController.php">
+      <file leaf-file-name="styles.css" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/www/css/styles.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="19" column="0" selection-start="680" selection-end="680" vertical-scroll-proportion="-12.423077" vertical-offset="0" max-vertical-offset="510">
+            <state line="176" column="18" selection-start="3146" selection-end="3146" vertical-scroll-proportion="0.0" vertical-offset="2126" max-vertical-offset="3111">
               <folding />
             </state>
           </provider>
@@ -134,7 +157,6 @@
         <option value="$PROJECT_DIR$/www/index.php" />
         <option value="$PROJECT_DIR$/www/protected/components/SeededRandom.php" />
         <option value="$PROJECT_DIR$/www/protected/components/ProgramHelper.php" />
-        <option value="$PROJECT_DIR$/www/css/styles.css" />
         <option value="$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php" />
         <option value="$PROJECT_DIR$/www/protected/components/ThumbnailPreview.php" />
         <option value="$PROJECT_DIR$/www/protected/views/programs/index.php" />
@@ -150,6 +172,9 @@
         <option value="$PROJECT_DIR$/www/protected/controllers/ProgramsController.php" />
         <option value="$PROJECT_DIR$/www/protected/components/MSController.php" />
         <option value="$PROJECT_DIR$/www/protected/controllers/MSMainController.php" />
+        <option value="$PROJECT_DIR$/www/css/styles.css" />
+        <option value="$PROJECT_DIR$/www/protected/views/msmain/index.php" />
+        <option value="$PROJECT_DIR$/www/protected/components/MsHtml.php" />
       </list>
     </option>
   </component>
@@ -514,24 +539,6 @@
               <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
             </PATH_ELEMENT>
           </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="www.mikescher.de" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="www.mikescher.de" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="www" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="javascript" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
           <PATH>
             <PATH_ELEMENT>
               <option name="myItemId" value="www.mikescher.de" />
@@ -550,20 +557,6 @@
               <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
             </PATH_ELEMENT>
           </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="www.mikescher.de" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="www.mikescher.de" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="framework" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
-            </PATH_ELEMENT>
-          </PATH>
         </subPane>
       </pane>
       <pane id="Scope">
@@ -765,11 +758,6 @@
     </breakpoint-manager>
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/demos/default/protected/controllers/SiteController.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="74" column="0" selection-start="1876" selection-end="2673" vertical-scroll-proportion="-2.6153846" vertical-offset="1190" max-vertical-offset="1938" />
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/demos/default/protected/models/LoginForm.php">
       <provider selected="true" editor-type-id="text-editor">
         <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="21.576923" vertical-offset="561" max-vertical-offset="1411" />
@@ -887,7 +875,9 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/components/ThumbnailPreview.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="18" column="0" selection-start="414" selection-end="414" vertical-scroll-proportion="0.0" vertical-offset="306" max-vertical-offset="493" />
+        <state line="18" column="0" selection-start="414" selection-end="414" vertical-scroll-proportion="0.0" vertical-offset="306" max-vertical-offset="493">
+          <folding />
+        </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/views/layouts/main.php">
@@ -900,23 +890,11 @@
         <state line="48" column="16" selection-start="1014" selection-end="1040" vertical-scroll-proportion="0.0" vertical-offset="816" max-vertical-offset="1666" />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="68" column="76" selection-start="1907" selection-end="1907" vertical-scroll-proportion="0.6718213" vertical-offset="765" max-vertical-offset="1377" />
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/behaviors/TbWidget.php">
       <provider selected="true" editor-type-id="text-editor">
         <state line="43" column="11" selection-start="1115" selection-end="1115" vertical-scroll-proportion="-7.769231" vertical-offset="427" max-vertical-offset="2856" />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/helpers/TbHtml.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="2906" column="19" selection-start="114917" selection-end="114917" vertical-scroll-proportion="-7.4615383" vertical-offset="49089" max-vertical-offset="74018">
-          <folding />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/tests/unit/TbHtmlTest.php">
       <provider selected="true" editor-type-id="text-editor">
         <state line="2102" column="24" selection-start="64541" selection-end="64541" vertical-scroll-proportion="-7.4615383" vertical-offset="35540" max-vertical-offset="66963" />
@@ -939,11 +917,6 @@
         <state line="45" column="11" selection-start="1058" selection-end="1058" vertical-scroll-proportion="-11.615385" vertical-offset="361" max-vertical-offset="969" />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/css/styles.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="147" column="1" selection-start="2730" selection-end="2730" vertical-scroll-proportion="1.5581014" vertical-offset="1547" max-vertical-offset="2601" />
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/config/env/.gitignore">
       <provider selected="true" editor-type-id="text-editor">
         <state line="0" column="2" selection-start="2" selection-end="2" vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="611">
@@ -958,15 +931,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/views/msmain/index.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="41" column="16" selection-start="782" selection-end="782" vertical-scroll-proportion="0.43883276" vertical-offset="306" max-vertical-offset="1564">
-          <folding>
-            <marker date="1401866608765" expanded="true" signature="-1:-1" placeholder="SELECT * FRO..." />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/models/Program.php">
       <provider selected="true" editor-type-id="text-editor">
         <state line="57" column="38" selection-start="2104" selection-end="2104" vertical-scroll-proportion="-1.7059538" vertical-offset="2373" max-vertical-offset="3196">
@@ -1048,27 +1012,67 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/components/MSController.php">
+    <entry file="file://$PROJECT_DIR$/www/protected/controllers/MSMainController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="19" column="0" selection-start="680" selection-end="680" vertical-scroll-proportion="-12.423077" vertical-offset="0" max-vertical-offset="510">
+        <state line="4" column="0" selection-start="53" selection-end="53" vertical-scroll-proportion="0.07631874" vertical-offset="0" max-vertical-offset="1887">
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/controllers/ProgramsController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="5" column="39" selection-start="92" selection-end="92" vertical-scroll-proportion="-3.2692308" vertical-offset="0" max-vertical-offset="3689">
+        <state line="5" column="39" selection-start="92" selection-end="92" vertical-scroll-proportion="0.095398426" vertical-offset="0" max-vertical-offset="3689">
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/controllers/MSMainController.php">
+    <entry file="file://$PROJECT_DIR$/www/protected/components/MSController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="4" column="0" selection-start="53" selection-end="53" vertical-scroll-proportion="0.07631874" vertical-offset="0" max-vertical-offset="1887">
+        <state line="19" column="0" selection-start="680" selection-end="680" vertical-scroll-proportion="0.36251402" vertical-offset="0" max-vertical-offset="891">
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/www/css/styles.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="176" column="18" selection-start="3146" selection-end="3146" vertical-scroll-proportion="0.0" vertical-offset="2126" max-vertical-offset="3111">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/helpers/TbHtml.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="460" column="0" selection-start="15867" selection-end="15991" vertical-scroll-proportion="174.57692" vertical-offset="12240" max-vertical-offset="74018">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/views/msmain/index.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="81" column="15" selection-start="2089" selection-end="2089" vertical-scroll-proportion="-11.384615" vertical-offset="1081" max-vertical-offset="2108">
+          <folding>
+            <marker date="1401881587072" expanded="true" signature="824:850" placeholder="SELECT * FRO..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="65" column="81" selection-start="1775" selection-end="1790" vertical-scroll-proportion="-24.807692" vertical-offset="460" max-vertical-offset="1377">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/components/MsHtml.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="6" column="72" selection-start="204" selection-end="204" vertical-scroll-proportion="0.11447811" vertical-offset="0" max-vertical-offset="891">
+          <folding>
+            <marker date="1401881611056" expanded="true" signature="139:355" placeholder="..." />
+            <marker date="1401881611056" expanded="true" signature="139:177" placeholder="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
   <component name="masterDetails">
     <states>
diff --git a/www/css/styles.css b/www/css/styles.css
index 9aeb3f6..76bd639 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -145,4 +145,34 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
 .thumbnailParentSpan .caption h5,
 .thumbnailParentSpan .caption h6 {
     text-align: center;
+}
+
+/* CollHeader
+-------------------------------------------------- */
+
+.collHeader {
+    border: 1px solid #D7E0E2;
+    padding: 0;
+}
+
+.collHeaderSpan-front {
+    float: left;
+
+    background-color: #D7E0E2;
+    width: 90px;
+    padding: 2px 15px;
+}
+
+.collHeaderSpan {
+    float: left;
+
+    font-weight: bold;
+    padding: 2px 10px;
+}
+
+.collHeaderSpan-drop {
+    float: right;
+
+    padding: 0 5px;
+    margin-top: 2px;
 }
\ No newline at end of file
diff --git a/www/protected/components/MsHtml.php b/www/protected/components/MsHtml.php
new file mode 100644
index 0000000..4d48a95
--- /dev/null
+++ b/www/protected/components/MsHtml.php
@@ -0,0 +1,13 @@
+<?php
+class MsHtml extends CHtml {
+	public static function collapsedHeader($date, $caption)
+	{
+		return
+		'<div class="well row collHeader">
+			<div class="collHeaderSpan-front">' . $date->format('d.m.y') . '</div>
+			<div class="collHeaderSpan">' . $caption . '</div>
+			<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+		</div>
+		';
+	}
+} 
\ No newline at end of file
diff --git a/www/protected/views/msmain/index.php b/www/protected/views/msmain/index.php
index 87c8b06..54fb083 100644
--- a/www/protected/views/msmain/index.php
+++ b/www/protected/views/msmain/index.php
@@ -79,9 +79,41 @@ $this->selectedNav = 'index';
 		</div>
 	</div>
 
-	<hr>
+	<?php echo MsHtml::collapsedHeader(new DateTime(), "Hello World"); ?>
 
-	<footer>
-		<p>&copy; Company 2012</p>
-	</footer>
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
+
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
+
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
+
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
+
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
+
+	<div class="well row collHeader">
+		<div class="collHeaderSpan-front">24.07.1999</div>
+		<div class="collHeaderSpan">Die neue Websiste ist online</div>
+		<div class="collHeaderSpan-drop"> <i class="icon-chevron-down" ></i> </div>
+	</div>
 </div>
\ No newline at end of file