Style sync with astakos
[snf-cloudcms] / cloudcms / static / cloudcms / js / common.js
index c93fe8d..05e4f39 100644 (file)
@@ -13,6 +13,16 @@ function setContainerMinHeight( applicableDiv){
 \r
 }\r
 \r
+function tableFixedCols(table, firstColWidth ){\r
+       ColsNum = $('table th').size();\r
+       var ColWidth = parseFloat( (100 - firstColWidth)/ColsNum ).toFixed(0);\r
+       var ColWidthPercentage = ColWidth+'%';\r
+       var firstColWidthPercentage = firstColWidth+'%';\r
+       $('table th, table td').attr('width',ColWidthPercentage ); \r
+       $('table tr td:first-child, table tr th:first-child').attr('width',firstColWidthPercentage );\r
+       \r
+}\r
+\r
 \r
 //equal heights\r
  \r
@@ -68,7 +78,7 @@ $(document).ready(function() {
        \r
         \r
     setContainerMinHeight('.container .wrapper');\r
-    \r
+    tableFixedCols('my-projects', 25);\r
        \r
     $('.show-extra').click(function(e) {\r
         e.preventDefault();\r
@@ -111,39 +121,21 @@ $(document).ready(function() {
         });\r
     });        \r
     \r
-    \r
      \r
-       $('select').dropkick();\r
\r
-    \r
-    $('.top-msg .success').parents('.top-msg').css(\r
-       {\r
-               backgroundColor: '#77C596',\r
-               color: '#fff'\r
-       }\r
-    );\r
-    \r
-    $('.top-msg .error').parents('.top-msg').css(\r
-       {\r
-               backgroundColor: '#EF4F54',\r
-               color: '#fff'\r
-       }\r
-    );\r
-    \r
-    \r
-    $('.top-msg .warning').parents('.top-msg').css(\r
-       {\r
-               backgroundColor: '#F6921E',\r
-               color: '#fff'\r
-       }\r
-    );\r
+       $('select.dropkicked').dropkick({\r
+               change: function (value, label) {\r
+                   $(this).parents('form').submit();\r
+                   \r
+               }\r
+       });\r
+       \r
+       $('.with-info select').attr('tabindex','1');\r
+    $('.with-info select').dropkick();\r
     \r
-    $('.top-msg .info').parents('.top-msg').css(\r
-       {\r
-               backgroundColor: '#C3C3B9',\r
-               color: '#fff'\r
-       }\r
-    );\r
+    $('.top-msg .success').parents('.top-msg').addClass('success');\r
+    $('.top-msg .error').parents('.top-msg').addClass('error');\r
+    $('.top-msg .warning').parents('.top-msg').addClass('warning');\r
+    $('.top-msg .info').parents('.top-msg').addClass('info');\r
     \r
     // clouds homepage animation\r
     $('#animation a').hover(\r
@@ -175,54 +167,114 @@ $(document).ready(function() {
     );\r
     \r
     \r
-   \r
     \r
     \r
-    if ($('.widjets'.length > 0)) {\r
-               $('.widjets li div').equalHeights();\r
-       }\r
-    \r
-    $(function() {\r
-       if($("#id_issue_date").length > 0 ){\r
-                       $( "#id_issue_date" ).datepicker({\r
-                               defaultDate: "+0", \r
-                               dateFormat: "yy-mm-dd",\r
-                               onSelect: function( selectedDate ) {\r
-                                       $( "#id_expiration_date" ).datepicker( "option", "minDate", selectedDate );\r
-                               }\r
-                       });\r
-                       $( "#id_expiration_date" ).datepicker({\r
-                               defaultDate: "+1w", \r
-                               dateFormat: "yy-mm-dd",\r
-                               onSelect: function( selectedDate ) {\r
-                                       $( "#id_issue_date" ).datepicker( "option", "maxDate", selectedDate );\r
-                               }\r
-                       });\r
-               }\r
+    $(function() {              \r
+               $( "#id_start_date" ).datepicker({\r
+                       minDate: 0,\r
+                       defaultDate: "+0", \r
+            dateFormat: "yy-mm-dd",\r
+            onSelect: function( selectedDate ) {\r
+                $( "#id_end_date" ).datepicker( "option", "minDate", selectedDate );\r
+            }\r
+        });\r
+        \r
+        $( "#id_end_date" ).datepicker({\r
+               defaultDate: "+3w", \r
+            dateFormat: "yy-mm-dd",\r
+            onSelect: function( selectedDate ) {\r
+                $( "#id_start_date" ).datepicker( "option", "maxDate", selectedDate );\r
+            }\r
+        });\r
        });\r
        \r
+        \r
        \r
-       $(".table_sorting").tablesorter(); \r
-       \r
-       // Billing functionality\r
-       $('.billing table.complex tr:nth-child(4n+1), .billing table.complex tr:nth-child(4n+2)').addClass('zebra');\r
-       $('.billing table.complex table tr').removeClass('zebra');\r
-       $('.billing table a').click(function(e){\r
+       $('table .more-info').click(function(e){\r
                e.preventDefault();\r
+               $(this).toggleClass('open');\r
+               if ($(this).hasClass('open')){\r
+                       $(this).html('- less info ')\r
+               } else {\r
+                       $(this).html('+ more info ')\r
+               }\r
                $(this).parents('tr').next('tr').toggle();\r
-               \r
-       })\r
+                \r
+       });\r
        \r
+       $('.projects .details .edit').click( function(e){\r
+               e.preventDefault();\r
+               $(this).parents('.details').children('.data').hide();\r
+               $(this).parents('.details').children('.editable').slideDown(500, 'linear');\r
+               $(this).hide();\r
+       });\r
        \r
+       $('.editable .form-row').each(function() {\r
+                       if ( $(this).hasClass('with-errors') ){\r
+                               $('.editable').show();\r
+                               $('.projects .details a.edit, .projects .details .data').hide();\r
+                               \r
+                       }\r
+               });\r
        \r
\r
+       $("input.leave, input.join").click(function () {\r
+               $('dialog').hide();\r
+               $(this).parents('.msg-wrap').find('.dialog').show();\r
+               return false;      \r
+               \r
+    });\r
+    \r
+     $('.msg-wrap .no').click( function(e){\r
+               e.preventDefault();\r
+               $(this).parents('.dialog').hide();\r
+       })\r
+    \r
+    $('.msg-wrap .yes').click( function(e){\r
+               e.preventDefault();\r
+               $(this).parents('.dialog').siblings('form').submit();\r
+       })\r
+    \r
+    $('.hidden-submit input[readonly!="True"]').focus(function () {\r
+         $('.hidden-submit .form-row.submit').slideDown(500);\r
+    });\r
+    \r
+    \r
+    \r
+     $('.auth_methods').find('li>a').click(function(e){\r
+       e.preventDefault();\r
+       $(this).siblings('.wrap').toggle('slow');\r
+       $(this).toggleClass('up');\r
+     });\r
+     \r
+     $('.auth_methods a.red').click(function(e){\r
+       e.preventDefault();\r
+       $(this).siblings('.dialog').show();\r
+     })\r
+     \r
+      \r
+     $('.auth_methods .dialog .no').click( function(e){         \r
+       e.preventDefault();\r
+       console.log($(this));\r
+       $(this).parents('.dialog').hide();\r
+     })\r
+    \r
+    setTimeout(function() {\r
+      if ($('input#id_username').val()){ \r
+       $('input#id_username').siblings('label').css('opacity','0');\r
+      };\r
+      if ($('input#id_password').val()){ \r
+       $('input#id_password').siblings('label').css('opacity','0');\r
+      }\r
+       }, 100);\r
        \r
+        \r
+           \r
 });\r
-\r
+       \r
 $(window).resize(function() {\r
     \r
    setContainerMinHeight('.container .wrapper');\r
-   if ($('.widjets').length > 0) {\r
-               $('.widjets  li div').equalHeights();\r
-       }\r
+    \r
 \r
-}); 
\ No newline at end of file
+});
\ No newline at end of file