From b76bfb433186c3b4ed47b0f492338ce50e7c1d8b Mon Sep 17 00:00:00 2001
From: ilan <ilan@ilan-Aspire.(none)>
Date: Tue, 19 Mar 2013 14:39:09 +0200
Subject: [PATCH] properties template added

---
 app/assets/javascripts/entry.js.coffee     |  4 ++++
 app/assets/javascripts/templates.js.coffee | 23 +++++++++++++++++++-
 app/assets/stylesheets/entry.css.sass      | 25 +++++++++++++++++++++-
 3 files changed, 50 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/entry.js.coffee b/app/assets/javascripts/entry.js.coffee
index 47248bb..98aa196 100755
--- a/app/assets/javascripts/entry.js.coffee
+++ b/app/assets/javascripts/entry.js.coffee
@@ -102,6 +102,10 @@ class jqapi.Entry
     for arg in args                                       # for every argument
       if arg and arg.name
         argsEl.append $(templates.argumentsItem(arg))     # build and append element from template
+        if arg.property
+          for prop in arg.property
+            argsEl.append $(templates.propertyItem(prop))
+
 
   insertExamples: (examples, el) ->
     examples   = [examples] unless $.isArray(examples)
diff --git a/app/assets/javascripts/templates.js.coffee b/app/assets/javascripts/templates.js.coffee
index ff17d2a..ad4881b 100644
--- a/app/assets/javascripts/templates.js.coffee
+++ b/app/assets/javascripts/templates.js.coffee
@@ -68,14 +68,35 @@ class jqapi.Templates
     """
 
   argumentsItem: (arg) ->
+    argn = arg.name
+    if arg and arg.optional 
+      argn = "[#{arg.name}]"
+      
     """
     <tr>
-      <td class='name'>#{arg.name}</td>
+      <td class='name'>#{argn}</td>
       <td class='type'>#{arg.type}</td>
       <td class='desc'>#{arg.desc}</td>
     </tr>
     """
 
+  propertyItem: (prop) ->
+    if prop.default?
+      prop.def = "(default: <em>#{prop.default}</em>)"
+    else
+      prop.def = ""
+
+    """
+    <tr class="property"><td colspan=3>
+      #{prop.name}
+      #{prop.def}
+      <br>
+      Type: 
+      <a href="//api.jquery.com/Types##{prop.type}">#{prop.type}</a>
+      <p>#{prop.desc}</p>
+    </td></tr>   
+    """
+
   examplesItem: (example) ->
     """
     <li class='example clearfix'>
diff --git a/app/assets/stylesheets/entry.css.sass b/app/assets/stylesheets/entry.css.sass
index 7631af2..3bf103f 100755
--- a/app/assets/stylesheets/entry.css.sass
+++ b/app/assets/stylesheets/entry.css.sass
@@ -259,4 +259,27 @@
                   color: #888
 
             tr:nth-child(even)
-              background: #e5edf9
\ No newline at end of file
+              background: #e5edf9
+
+            tr.property
+              
+              td          
+                color: pink
+                
+                padding-left: 30px
+                background: rgb(34, 34, 34)
+
+                p
+                  font-size: 1em
+                  margin: 0
+                ul
+                  padding-left: 30px
+
+                  li::after
+                    content: "\00a0"
+                    display: block
+                    border: 0
+                    border-top: 1px dashed #ccc
+                    line-height: 4px
+
+