nitdoc: Correcting message box

Correcting error message displaying when we try to sing in without
informed user/password fields.
Adding a better way to center the message box in terms of the screen
size

Signed-off-by: Stefan Lage <lagestfan@gmail.com>

diff --git a/share/nitdoc/scripts/js-facilities.js b/share/nitdoc/scripts/js-facilities.js
index 656c39e..a40f2de 100644 (file)
--- a/share/nitdoc/scripts/js-facilities.js
+++ b/share/nitdoc/scripts/js-facilities.js
@@ -422,7 +422,7 @@ $(document).ready(function() {
        // Sign In an github user or Log out him\r
        $("#signIn").click(function(){\r
                if(!sessionStarted){\r
-                       if($('#loginGit').val() == "" || $('#passwordGit').val() == ""){ displayMessage('The comment field is empty!', 40, 45); }\r
+                       if($('#loginGit').val() == "" || $('#passwordGit').val() == ""){ displayMessage('Please informed login/password field!', 40, 45); }\r
                        else\r
                        {\r
                                userName = $('#loginGit').val();\r
@@ -1156,13 +1156,18 @@ function getCommentLastCommit(path){
 function displayMessage(msg, widthDiv, margModal){\r
        spinner.stop();\r
        $('#modal').hide();\r
-       $('#btnCreateBranch').css('margin-left',widthDiv + '%');\r
        $('#txtQuestion').text(msg);\r
        $('#btnCreateBranch').text("Ok");\r
-       $('#btnCancelBranch').hide();\r
-       $('#modalQuestion').css({'left' : margModal + '%'})\r
-       $('#modalQuestion').show();\r
+       $('#btnCancelBranch').hide();   \r
        $('#modalQuestion').show().prepend('<a class="close"><img src="resources/icons/close.png" class="btnCloseQuestion" title="Close" alt="Close" /></a>');\r
+       var xModal = $('#modalQuestion').css('width').split('px')[0];\r
+       var yModal = $('#modalQuestion').css('height').split('px')[0];\r
+       var x = $(document).width/2 - xModal/2;\r
+       var y = $(document).height/2 - yModal/2;\r
+       var xBtnBranch = $('#btnCreateBranch').css('width').split('px')[0];\r
+       $('#modalQuestion').css({'left' : x, 'top' : y});\r
+       $('#modalQuestion').show();\r
+       $('#btnCreateBranch').css('margin-left', xModal/2 - xBtnBranch);\r
        $('body').append('<div id="fade"></div>');\r
        $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();\r
 }\r