fixed #53

paulbarbu · Feb 28, 2013 · ae0f67a · ae0f67a
1 parent 85d0c0c
commit ae0f67a
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 5 deletions.
diff --git a/webchat/Static/Js/chat.js b/webchat/Static/Js/chat.js
@@ -11,6 +11,8 @@ function load_chat(){
     stream.addEventListener('users', handle_event_users);
     stream.addEventListener('ping', handle_event_ping);
 
+    set_spacing();
+
     display_rooms();
     display_users($('.tab-pane.active').attr('id'));
     $('#text').attr('data-provide', 'typeahead');

diff --git a/webchat/Static/Js/helpers.js b/webchat/Static/Js/helpers.js
@@ -210,4 +210,29 @@ function handle_tab_show(e) {
  */
 function handle_event_ping(e) {
     $.post(Url.PongEvent, 'PONG!');
+}
+
+/**
+ * Set the spacing according to the device's resolution
+ * More specifically: when on mobile phones, remove some spacing
+ */
+function set_spacing() {
+    if (window.screen.availHeight < 600 && window.screen.availWidth < 600) {
+        $('body').css('margin', '0px 0px 0px 0px');
+        $('.nav.nav-tabs').css('margin', '0px 0px 0px 0px');
+        $('#user-list').css('padding', '0px');
+        $('#user-list').css('margin', '1px');
+        $('label[for=text]').css('margin-bottom', '0px');
+        $('#text').css('margin-bottom', '0px');
+        $('#join_rooms').css('margin-bottom', '0px');
+        $('.well').css('margin-bottom', '0px');
+        $('.help-block').css('margin-bottom', '0px');
+
+        if(document.URL.indexOf('Chat') == -1 ){
+            $('#rooms').css('margin-bottom', '0px');
+            $('#nick').css('margin-bottom', '0px');
+            $('form').css('margin', '0px 0px 0px 0px');
+            $('br')[1].remove()
+        }
+    }
 }
diff --git a/webchat/Views/Chat/Index.cshtml b/webchat/Views/Chat/Index.cshtml
@@ -59,9 +59,6 @@
     };
 </script>
 
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
-    type="text/javascript"></script>
-
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"
     type="text/javascript"></script>
 

diff --git a/webchat/Views/Index/Index.cshtml b/webchat/Views/Index/Index.cshtml
@@ -29,4 +29,9 @@
 @if(!ViewData.ModelState.IsValid){
     var errors = ViewData.ModelState.Values.SelectMany(v => v.Errors).Select(t => t.ErrorMessage);
     @Html.ErrorSummary("form-errors", errors.ToList(), null, new { @class = "alert alert-error" })
-}
+}
+
+<script type="text/javascript" src="@Url.Content("~/Static/Js/helpers.js")"></script>
+<script type="text/javascript">
+    set_spacing();
+</script>
diff --git a/webchat/Views/_Layout.cshtml b/webchat/Views/_Layout.cshtml
@@ -6,7 +6,9 @@
     <meta charset="utf-8">
 
     <link rel="shortcut icon" href="@Url.Content("~/Static/favicon.ico")" />
-
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"
+        type="text/javascript"></script>
     <link type="text/css" href="@Url.Content("~/Static/Css/jquery-ui-1.8.22.custom.css")" rel="stylesheet" />
     <link type="text/css" href="@Url.Content("~/Static/Css/bootstrap.min.css")" rel="stylesheet" />
     <link type="text/css" href="@Url.Content("~/Static/Css/style.css")" rel="stylesheet" />