use the /document/ route instead of /dashboard + minor fixes

pboard/pboard/templates/data.mak

         %endfor
     </table>
 
+  <div class="well span3 text-center">
+    <div>
+    </div>
+    <table id='keyboard'>
+      <tr>
+        <td colspan="5">
+          <input type='text' class="text-right" id='calculation'/><br/>
+          <input type='text' class="text-right" readonly id='result'/>
+        </td>
+      </tr>
+      <tr>
+        <td><span class='btn'>7</span></td>
+        <td><span class='btn'>8</span></td>
+        <td><span class='btn'>9</span></td>
+        <td><span class='btn'>(</span></td>
+        <td><span class='btn'>)</span></td>
+      </tr>
+      <tr>
+        <td><span class='btn'>4</span></td>
+        <td><span class='btn'>5</span></td>
+        <td><span class='btn'>6</span></td>
+        <td><span class='btn'>-</span></td>
+        <td><span class='btn'>+</span></td>
+      </tr>
+      <tr>
+        <td><span class='btn'>1</span></td>
+        <td><span class='btn'>2</span></td>
+        <td><span class='btn'>3</span></td>
+        <td><span class='btn'>/</span></td>
+        <td><span class='btn'>*</span></td>
+      </tr>
+      <tr>
+        <td><span class='btn'>.</span></td>
+        <td><span class='btn'>0</span></td>
+        <td><span class='btn'>%</span></td>
+        <td><span class='btn btn-success'>=</span></td>
+        <td><span class='btn btn-danger'>C</span></td>
+      </tr>
+    </table>
+    <script src="http://code.jquery.com/jquery.js"></script>
+    <script src="${tg.url('/javascript/bootstrap.min.js')}"></script>
+
+    <script>
+      $(document).ready(function() {
+        $('#keyboard span').on('click', function (e) {
+          current_value = $(this).text()
+          if(current_value=='C') {
+            $('#calculation').val('');
+            $('#result').val('');
+          } else if(current_value=='=') {
+            string = $('#calculation').val().replace(/[^0-9+-/\*\%\(\)]/gi, ''); // replace('/[^0-9()*/-+]/g', "");
+            console.log("Compute value of "+string)
+            calculation = eval(string);
+            console.log("Result is: "+calculation)
+            $('#result').val(calculation)
+          } else {
+            field = $('#calculation')
+            field.oldval = field.val();
+            field.val(field.oldval+current_value)
+          }
+        });
+      });
+    </script>
+  </div>

pboard/pboard/templates/document.mak

             <li class="active"><a href="#tags" data-toggle="tab" title="${_('Tags')}"><i class='icon-g-tags'></i></a></li>
             <li><a href="#events" data-toggle="tab" title="History"><i class="icon-g-history"></i></a></li>
             <li><a href="#contacts" data-toggle="tab" title="Contacts"><i class="icon-g-user""></i> </a></li>
-            <li><a href="#comments" data-toggle="tab" title="Comments"><i class="icon-g-comments"></i> </a></li>
+            <li><a href="#comments" data-toggle="tab" title="Comments"><i class="icon-g-conversation"></i> </a></li>
             <li><a href="#files" data-toggle="tab" title="Files"><i class="icon-g-attach"></i> </a></li>
         </ul>
         <div class="tab-content">
             % else:
               <table class="table table-striped table-hover table-condensed">
                 % for comment in current_node.getComments():
-                  <tr title="Last updated: ${event.updated_at}">
+                  <tr title="Last updated: ${comment.updated_at}">
                     <td>
+                      <i>The ${comment.getFormattedDate(comment.updated_at)} at ${comment.getFormattedTime(comment.updated_at)}, comment.author wrote: </i><br/>
                       <b>${comment.data_label}</b><br/>
-                      <i>commented by comment.author the ${comment.getFormattedDate(comment.updated_at)} at ${comment.getFormattedTime(comment.updated_at)}</i></br>
                       <p>
                         ${comment.data_content|n}
                       </p>
             % else:
               <table class="table table-striped table-hover table-condensed">
                 % for current_file in current_node.getFiles():
-                  <tr title="Last updated: ${event.updated_at}">
+                  <tr title="Last updated: ${current_file.updated_at}">
                     <td>
                       <img src="${tg.url('/api/get_file_content_thumbnail/%s'%(current_file.node_id))}" class="img-polaroid">
                     </td>
                     <td>
                       <b>${current_file.data_label}</b><br/>
-                      <i>commented by comment.author the ${current_file.getFormattedDate(comment.updated_at)} at ${current_file.getFormattedTime(comment.updated_at)}</i></br>
+                      <i>commented by comment.author the ${current_file.getFormattedDate(current_file.updated_at)} at ${current_file.getFormattedTime(current_file.updated_at)}</i></br>
                       <p>
                         ${current_file.data_content|n}
                       </p>

pboard/pboard/templates/master.mak

         <a class="brand" href="#"><!--img src="${tg.url('/img/turbogears_logo.png')}" alt="TurboGears 2"/--> <strong>pod</strong></a>
         <div class="nav-collapse">
           <ul class="nav">
-            <li class="active"><a href="${tg.url('/dashboard')}"><i class="icon-home icon-white"></i> Dashboard</a></li>
+            <li class="active"><a href="${tg.url('/document')}"><i class="icon-g-book-open"></i> ${_('Documents')}</a></li>
             <li>
               <a title="${_('Toggle view mode: narrow')}" id='view-size-toggle-button-small' style="display: none;"><i class='icon-g-eye-open'></i> ${_('View mode')}</a>
               <a title="${_('Toggle view mode: medium')}" id='view-size-toggle-button-medium'><i class='icon-g-eye-open'></i> ${_('View mode')}</a>
               <a title="${_('Toggle view mode: large')}" id='view-size-toggle-button-large' style="display: none;"><i class='icon-g-eye-open'></i> ${_('View mode')}</a>
             </li>
-            <li><a href="#">Link</a></li>
+            <li><a href="${tg.url('/iconset')}"><i class="icon-g-show-thumbnails"></i> ${_('Icons')}</a></li>
 
           % if request.identity:
             <li class="dropdown">