document info

www/index.html

         <span class="lead">Document are shown here. Go to 'home' and select a document.</span>
       </div>
       <div class="autodoc_document_body d-none">
+        <div class="row">
+          <div class="col-12">
+            <table class="table table-condensed">
+              <tr>
+                <th scope="row">Name</th>
+                <td>
+                  <span class="autodoc_document_name"></span>
+                  <input type="text" class="d-none autodoc_document_name">
+                </td>
+                <td>
+                  <button type="button" class="btn btn-sm btn-outline-primary">Edit</button>
+                </td>
+              </tr>
+              <tr>
+                <th scope="row">Created</th>
+                <td class="autodoc_document_created"></td>
+              </tr>
+              <tr>
+                <th scope="row">Languages</th>
+                <td class="autodoc_document_languages"></td>
+              </tr>
+              <tr>
+                <th scope="row">Creator</th>
+                <td class="autodoc_document_owner"></td>
+              </tr>
+              <tr>
+                <th scope="row">Pages</th>
+                <td class="autodoc_document_pages"></td>
+              </tr>
+              <tr>
+                <th scope="row">
+                  Tags
+                </th>
+                <td class="autodoc_document_tags">
+                </td>
+                <td>
+                  <button type="button" class="autodoc_document_tags_show btn btn-outline-primary btn-sm">Add</button>
+                  <input type="text" class="d-none form-control typeahead autodoc_document_tags_add" autocomplete="off"
+                    data-provide="typeahead">
+                </td>
+              </tr>
+            </table>
+          </div>
+        </div>
         <div class="row">
           <div class="col">
             <span class="lead">Document</span>

www/js/autodoc.js

   $.getJSON(
     conf.openapi + "/documents/" + docid,
     function (doc) {
-      if ( $('.slick-slide').length>0 ) {
+      if ($('.slick-slide').length > 0) {
         $('.autodoc_document_carousel').slick('unslick');
       }
       $('.autodoc_document_carousel').children().remove();
       }
       $('.autodoc_document_carousel').slick({
         lazyLoad: 'ondemand',
-        slidesToShow: 4,
+        slidesToShow: 8,
         slidesToScroll: 4,
         dots: true,
-        infinite: true      
+        infinite: true
       });
 
     }