slide areas with jquery and slide click directive

1 files changed, 5 insertions, 3 deletions

diff --git a/templates/main.php b/templates/main.php
index 5e3fec9b1..2b8cc1188 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -10,12 +10,14 @@
 			<?php print_unescaped($this->inc('part.showall')); ?>
 		</ul>
 
-		<div id="app-settings" ng-class="{open: showSettings==true}"
-			 ng-controller="SettingsController" hide-settings-when-focus-lost>
+                <div id="app-settings" ng-controller="SettingsController">
 			<div id="app-settings-header">
 				<button name="app settings" 
 						class="settings-button"
-						ng-click="showSettings=!showSettings"></button>
+                                                click-slide-toggle="{
+                                                        selector: '#app-settings-content',
+                                                        hideOnFocusLost: true
+                                                }"></button>
 			</div>
 			<div id="app-settings-content">
 				<?php print_unescaped($this->inc('part.settings')) ?>