From 43c8a28633af618c046aa304247b3add39fe9ee8 Mon Sep 17 00:00:00 2001
From: james <james@sourcefabric-DX4840.(none)>
Date: Wed, 29 Jun 2011 17:28:51 -0400
Subject: [PATCH] CC-2455:Show what i am sending heading

-fixed
---
 .../scripts/form/preferences_support.phtml    | 20 +++++++---------
 .../views/scripts/form/register-dialog.phtml  |  8 +++----
 airtime_mvc/public/css/styles.css             | 24 +++++++++++++++++--
 .../public/js/airtime/nowplaying/register.js  |  5 ++++
 .../js/airtime/preferences/preferences.js     |  5 ++++
 5 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/airtime_mvc/application/views/scripts/form/preferences_support.phtml b/airtime_mvc/application/views/scripts/form/preferences_support.phtml
index a527dd868..bc30c78cd 100644
--- a/airtime_mvc/application/views/scripts/form/preferences_support.phtml
+++ b/airtime_mvc/application/views/scripts/form/preferences_support.phtml
@@ -129,18 +129,16 @@
             <?php endif; ?>
         </dd>
     </dl>
-    <h3 class="collapsible-header">
-		<span class="arrow-icon"></span>Show me what I am sending
-	</h3>
 
-	<div class="collapsible-content" id="show_what_sending" style="display: none;">
-		<fieldset class="display_field">
-			<dl>
-				<?php echo $this->element->getElement('SendInfo') ?>
-			</dl>
-		</fieldset>
-	</div>
-	<div>
+    <div id="show_what_sending" style="display: block;">
+        <fieldset class="display_field toggle closed">
+        <legend style="cursor: pointer;"><span class="ui-icon ui-icon-triangle-2-n-s"></span>Show me what I am sending </legend>
+            <dl>
+                <?php echo $this->element->getElement('SendInfo') ?>
+            </dl>
+        </fieldset>
+    </div>
+    <div>
         <br>
     	<label class="optional" for="Privacy">
             <?php echo $this->element->getElement('Privacy') ?>
diff --git a/airtime_mvc/application/views/scripts/form/register-dialog.phtml b/airtime_mvc/application/views/scripts/form/register-dialog.phtml
index 1587402d4..2b4ac1d37 100644
--- a/airtime_mvc/application/views/scripts/form/register-dialog.phtml
+++ b/airtime_mvc/application/views/scripts/form/register-dialog.phtml
@@ -149,12 +149,10 @@
 		        </dd>
 		    </dl>
             </fieldset>
-		    <h3 class="collapsible-header">
-				<span class="arrow-icon"></span>Show me what I am sending
-			</h3>
 		
-			<div class="collapsible-content" id="show_what_sending" style="display: none;">
-				<fieldset class="display_field">
+			<div id="show_what_sending" style="display: block;">
+				<fieldset class="display_field toggle closed">
+				<legend style="cursor: pointer;"><span class="ui-icon ui-icon-triangle-2-n-s"></span>Show me what I am sending </legend>
 					<dl>
 						<?php echo $this->element->getElement('SendInfo') ?>
 					</dl>
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index 677d55d97..8eeb2f535 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -1736,8 +1736,8 @@ button.ui-button.md-cancel {
 }
 
 fieldset.display_field {
-	background-color:#d5d5d5;
-	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
+	/*background-color:#d5d5d5;
+	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/
 	padding:10px;
 	border: 1px solid #8F8F8F;
 }
@@ -1838,6 +1838,26 @@ label span {
 	float:left;
 }
 
+fieldset > legend {
+    color: #4F4F4F;
+    font-size: 12px;
+    line-height: 140%;
+}
+fieldset.closed, fieldset.display_field.closed {
+    border-width: 1px 0 0;
+    margin-bottom: -6px;
+    margin-left: 1px;
+}
+
+fieldset.closed dl, fieldset.closed textarea, fieldset.closed div {
+    display:none;
+}
+
+fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon {
+    background-image: url(redmond/images/ui-icons_454545_256x240.png);
+    float: left;
+}
+
 input[type="checkbox"][disabled] {
     opacity: 0.6;
 }
diff --git a/airtime_mvc/public/js/airtime/nowplaying/register.js b/airtime_mvc/public/js/airtime/nowplaying/register.js
index f55a58559..ed9aea512 100644
--- a/airtime_mvc/public/js/airtime/nowplaying/register.js
+++ b/airtime_mvc/public/js/airtime/nowplaying/register.js
@@ -92,6 +92,11 @@ $(document).ready(function(){
     $("#link_to_privacy").live('click', function(){
         window.open("http://www.sourcefabric.org/en/about/policy/");
     });
+    
+    $('.toggle legend').live('click',function() {
+        $('.toggle').toggleClass('closed');
+        return false;
+    }); 
 });
 
 function validateFields(){
diff --git a/airtime_mvc/public/js/airtime/preferences/preferences.js b/airtime_mvc/public/js/airtime/preferences/preferences.js
index 7c402592d..8a9b48c07 100644
--- a/airtime_mvc/public/js/airtime/preferences/preferences.js
+++ b/airtime_mvc/public/js/airtime/preferences/preferences.js
@@ -67,4 +67,9 @@ $(document).ready(function() {
     $("#link_to_privacy").live('click', function(){
         window.open("http://www.sourcefabric.org/en/about/policy/");
     });
+    
+    $('.toggle legend').click(function() {
+        $('.toggle').toggleClass('closed');
+        return false;
+    }); 
 });