handle history list files

vubui · Nov 9, 2013 · 38cfc9d · 38cfc9d
1 parent abb85b3
commit 38cfc9d
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 9 deletions.
diff --git a/app/css/app.css b/app/css/app.css
@@ -127,7 +127,7 @@ hr {
   display:inline-block;
   vertical-align:top;
   color:#30693D;
-  width:100px;
+  width:200px;
   margin-left:10px;
   margin-right:5px;
   padding-top: 5px;

diff --git a/app/history.html b/app/history.html
@@ -19,7 +19,7 @@
   <link href="css/bootstrap.min.css" rel="stylesheet">
 
   <script src="https://www.dropbox.com/static/api/dropbox-datastores-1.0-latest.js"></script>
-  <script src="js/dropbox.js"></script>
+  <script src="js/history.js"></script>
 
 </head>
 <body>
@@ -33,7 +33,8 @@
     <hr>
 
     <h2 >File History</h2>
-    <div> </div>
+    <div class="statusbar"><div class="filename">FILE NAME</div><div class="filesize">DELETION TIME</div></div>
+    <div class="history"> </div>
 
   </div>
 

diff --git a/app/js/history.js b/app/js/history.js
@@ -7,13 +7,12 @@ function createStatusbar(obj)
      this.statusbar = $("<div class='statusbar "+row+"'></div>");
      this.filename = $("<div class='filename'></div>").appendTo(this.statusbar);
      this.size = $("<div class='filesize'></div>").appendTo(this.statusbar);
-     /*this.progressBar = $("<div class='progressBar'><div></div></div>").appendTo(this.statusbar);
-    */  
+
      obj.after(this.statusbar);
 
     this.setFileNameSize = function(name,size)
     {
-        var sizeStr="";
+/*        var sizeStr="";
         var sizeKB = size/1024;
         if(parseInt(sizeKB) > 1024)
         {
@@ -24,8 +23,36 @@ function createStatusbar(obj)
         {
             sizeStr = sizeKB.toFixed(2)+" KB";
         }
-
+ */
         this.filename.html(name);
-        this.size.html(sizeStr);
+        this.size.html(size);
     }
-}
+}
+
+function updateHistory(files,obj)
+{
+   for (var i = 0; i < files.length; i++) 
+   {
+        var status = new createStatusbar(obj); //Using this we can set progress.
+        status.setFileNameSize(files[i].file_name,files[i].deletion_date.$date);
+   }
+}
+
+files = {};
+
+// ajax
+$.ajax({
+  type: "GET",
+  dataType: "json",
+  url: "https://api.mongolab.com/api/1/databases/snapbox/collections/schedule?apiKey=YUKjYvofAmJT5vdbqQOs6uerLIkbeV7v",
+  success: function(response) {
+    files = response;
+    console.log(response);
+  },
+  error: function(error) {
+    console.log(error);
+  }
+}).done(function() {
+  var obj = $(".history");
+  updateHistory(files, obj);
+});