#185: prepare home design for widgets

docs-web/src/main/webapp/src/partial/docs/directive.auditlog.html

@@ -8,15 +8,17 @@
       </a>
     </td>
     <td>
+      <span ng-class="{ 'text-danger': log.type == 'DELETE', 'text-info': log.type == 'UPDATE', 'text-success': log.type == 'CREATE' }">
         {{ 'directive.auditlog.' + log.class | translate }}
         <span ng-switch="log.type">
           <span ng-switch-when="CREATE">{{ 'directive.auditlog.log_created' | translate }}</span>
           <span ng-switch-when="UPDATE">{{ 'directive.auditlog.log_updated' | translate }}</span>
           <span ng-switch-when="DELETE">{{ 'directive.auditlog.log_deleted' | translate }}</span>
         </span>
+        :
+      </span>
 
       <span ng-switch="log.class">
-            :
         <span ng-switch-when="Document">
           <a ng-href="#/document/view/{{ log.target }}">{{ log.message }}</a>
         </span>

docs-web/src/main/webapp/src/partial/docs/document.default.html

@@ -1,8 +1,6 @@
-<img src="img/loader.gif" ng-show="!logs" />
+<div class="well well-3d" style="background-color: #f6f9fc">
-
+  <h3 class="well-3d-header text-muted">
-<div>
+    {{ 'document.default.quick_upload' | translate }}
-  <h3 class="page-header">
-    <span class="glyphicon glyphicon-cloud-upload"></span> {{ 'document.default.quick_upload' | translate }}
   </h3>
   <div class="row upload-zone"
        ngf-drop="fileDropped($files)"
@@ -36,7 +34,7 @@
       </div>
     </div>
 
-    <p class="text-center well-lg" ng-if="files.length == 0">
+    <p class="text-center well-lg text-muted" ng-if="files.length == 0">
       <span class="glyphicon glyphicon-move"></span>
       {{ 'document.default.drop_zone' | translate }}
     </p>
@@ -50,7 +48,7 @@
     </button>
 
     <button ng-show="checkedFiles().length == 0"
-            class="btn btn-primary"
+            class="btn btn-default"
             ngf-select
             ngf-change="fileDropped($files, $event)"
             input-file-multiple="multiple"
@@ -58,16 +56,33 @@
       {{ 'document.default.add_files' | translate }}
     </button>
   </p>
+</div>
 
-  <div ui-view="file"></div>
+<!--<div class="row widgets">
+  <div class="col-md-6">
+    <div class="well well-3d mr-10">
+      <h3 class="well-3d-header">Widget 1</h3>
+    </div>
+  </div>
+  <div class="col-md-6">
+    <div class="well well-3d ml-10">
+      <h3 class="well-3d-header">Widget 2</h3>
+    </div>
+  </div>
+</div>-->
 
-  <div ng-show="logs.length > 0">
+<div class="mb-19 text-center" ng-show="!logs">
-    <h3 class="page-header">
+  <img src="img/loader.gif" />
-      <span class="glyphicon glyphicon-tasks"></span> {{ 'document.default.latest_activity' | translate }}
+</div>
+
+<div class="well well-3d"  ng-show="logs.length > 0">
+  <h3 class="well-3d-header text-muted">
+    {{ 'document.default.latest_activity' | translate }}
   </h3>
   <audit-log logs="logs" />
 </div>
-</div>
+
+<div ui-view="file"></div>
 
 <a href class="feedback" ng-click="openFeedback()">
   {{ 'document.default.feedback' | translate }}

docs-web/src/main/webapp/src/style/main.less

@@ -533,6 +533,14 @@ input[readonly].share-link {
   margin-bottom: 19px;
 }
 
+.ml-10 {
+  margin-left: 10px;
+}
+
+.mr-10 {
+  margin-right: 10px;
+}
+
 // BS customizations
 .btn {
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
@@ -575,6 +583,17 @@ input[readonly].share-link {
   box-shadow: 0 7px 14px 0 rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
   background: none;
   border-radius: 4px;
+
+  .well-3d-header {
+    font-size: 20px;
+    font-weight: 400;
+    margin-top: 0;
+    margin-bottom: 19px;
+  }
+
+  table {
+    margin-bottom: 0;
+  }
 }
 
 // Cards
@@ -587,3 +606,9 @@ input[readonly].share-link {
   border-radius: .25em;
   padding: 1.25em;
 }
+
+// Home widgets
+.widgets .col-md-6 {
+  padding-left: 0;
+  padding-right: 0;
+}