visual change only

paulosuzart · Jun 7, 2011 · 67db2cc · 67db2cc
1 parent d1b747d
commit 67db2cc
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 17 deletions.
diff --git a/html/index.html b/html/index.html
@@ -1,30 +1,33 @@
 <!DOCTYPE HTML SYSTEM>
 <html>
 <head>
-	<title>Gosigner. A simple HMA SHA1 Signer</title>
+	<title>Gosigner. A simple HMAC SHA1 Signer</title>
         <script type='text/javascript' src='/static/javascripts/jquery-1.6.1.js'></script>
         <script type='text/javascript' src='/static/javascripts/underscore.js'></script>
+        <script type='text/javascript' src='/static/javascripts/underscore.string.min.js'></script>
         <script type='text/javascript' src='/static/javascripts/backbone.js'></script>
         <script type='text/javascript' src='/static/javascripts/application.js'></script>
         <link rel='stylesheet' type='text/css' href='/static/css/sandbar-forms.css'>
         <link rel='stylesheet' type='text/css' href='/static/css/sandbar.css'>
         <script type='text/template' id='index_template'>
-
-                <a href="#/about" id="about">about</a>
                 <div class='sandbar-form'>
+                <a href="#/about" id="about" style='text-align: left;'>about</a>
+                <div class='form-title'>GoSign</div>
                 <form>
-                        <div class='field-label'>Content</div>
-                        <div class='textfield'>
-                                <input type='text' name='Content' value='<%= model.get('Content') || ''%>'/>
+                        <div class='field-label'>Content to be signed:</div>
+                        <div>
+                                <textarea  rows='10' name='Content'><%= model.get('Content') || ''%></textarea>
                         </div>
-                        <div class='field-label'>Key</div>
-                        <div class='textfield'>
-                                <input type='text' name='Key' value='<%= model.get('Key') || ''%>'/>
+                        <div class='field-label'>Signing Key:</div>
+                        <div> 
+                                <input class='textfield' type='text' name='Key' value='<%= model.get('Key') || ''%>'/>
                         </div>
                         <div class='buttons'>
                                 <button class='sandbar-button'>Sign</button>
                         </div>
+                        <div id='sign'  style='visibility: hidden;'>
                         <label>Signature: <%= model.get('Signature') || '' %></label>
+                        </div>
                 </form>
                 </div>
         </script>

diff --git a/static/css/sandbar-forms.css b/static/css/sandbar-forms.css
@@ -3,7 +3,6 @@ div.sandbar-form {
    color: #666;
    margin: 10px;
    margin-top: 20px;
-   font-size: 12px;
 }
 
 div.sandbar-form input.textfield {
@@ -12,6 +11,8 @@ div.sandbar-form input.textfield {
    border: 1px solid #ccc;
    padding: 5px; 
    color: #4d4d4d;
+   background: #F5F5F5;
+   width: 100%;
 }
 
 div.sandbar-form textarea {
@@ -20,6 +21,8 @@ div.sandbar-form textarea {
    border: 1px solid #ccc;
    padding: 5px; 
    color: #4d4d4d;
+   background: #F5F5F5;
+   width: 100%;
 }
 
 div.sandbar-form span.group-title {
@@ -50,7 +53,6 @@ div.sandbar-form input.sandbar-button {
 div.sandbar-form div.error-message {
    height: 24px;
    padding-left: 24px;
-   background: url(../images/warning.png) no-repeat 4px 0px;
    color: red;
    vertical-align: bottom;
 }
@@ -75,7 +77,6 @@ div.sandbar-form div.field-label span.required {
 
 div.sandbar-form div.form-header {
    padding: 3px;
-   background: #e8ecf5 url(../images/form_blue_edit.png) no-repeat 4px 4px;
    border: 1px solid #C0C0C0;
    margin-bottom: 10px;
    padding-left: 30px;
@@ -85,13 +86,15 @@ div.sandbar-form div.form-header table {
  width: 100%;
 }
 
-div.sandbar-form span.form-title {
+div.sandbar-form div.form-title {
  font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
- font-size: 18px;
+ font-size: 28px;
  font-weight: bold;
  height: 40px;
  vertical-align: top;
  color: #666666;
+ width: 100%;
+ background-color: #C0C0C0;
 }
 
 div.form-header span.header-buttons {

diff --git a/static/css/sandbar.css b/static/css/sandbar.css
@@ -1,9 +1,17 @@
 html, body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
-   font-size: 12px;
+   font-size: 16px;
    background-color: #ffffff;
 }
 
+#sandbar-form {
+    margin: 50px auto;
+    width: 620px;
+    display: block;
+    outline 0 none;
+    vertical-align: baseline;
+}
+
 div.error, div.message, div.warning, div.help {
    background-color: #ffffcc;
    border: 1px solid #ccc;

diff --git a/static/javascripts/application.js b/static/javascripts/application.js
@@ -2,6 +2,14 @@ var Signature = Backbone.Model.extend({
     url: function() {
         var base = "sign";
         return base;
+    },
+    validate: function(attrs){
+        if (_(attrs.Content).trim().length == 0) {
+                return "You should put some conent to be signed :)."
+        }
+        if ((attrs.Key).trim().length == 0) {
+                return "Where is the Key to sign?"
+        }
     }
 });
 
@@ -17,8 +25,13 @@ var App = {
 App.Views.Index = Backbone.View.extend({
     events: {
         "submit form" : "sign",
+        "click [name=Content]" : "clear" 
     },
 
+    clear: function(){
+      $("#sign").css('visibility','hidden');      
+    },
+
     initialize: function() {
         _.bindAll(this, 'render');
         this.model.bind('change', this.render);
@@ -42,10 +55,15 @@ App.Views.Index = Backbone.View.extend({
             success: function(model, resp) {
                 self.model = model;
                 self.render();
+                $("#sign").css('visibility', 'visible');
                 self.delegateEvents();
             },
-            error: function() {
-                alert('Failed to sign.');
+            error: function(self, error) {
+                if (error) {
+                        alert(error);
+                } else {
+                        alert('Failed to sign.');
+                }
             }
         });
         return false;