Feature/add requestgroups pages

package.json

@@ -11,16 +11,20 @@
   },
   "dependencies": {
     "bootstrap": "^4.3.1",
+    "bootstrap-table": "^1.14.2",
     "bootstrap-vue": "^2.15.0",
     "core-js": "^3.6.5",
     "chart.js": "^2.8.0",
     "chartjs-plugin-annotation": "^0.5.7",
     "jquery": "^3.5.0",
+    "jquery-file-download": "^1.4.6",
     "lodash": "^4.17.13",
     "moment": "^2.22.1",
     "popper.js": "^1.16.1",
+    "vis": "4.19.1",
     "vue": "^2.6.11",
     "vue-router": "^3.2.0",
+    "vue-ctk-date-time-picker": "^2.0.9",
     "vuex": "^3.4.0"
   },
   "devDependencies": {

public/config/urls.json

@@ -1,5 +1,7 @@
 {
     "observationPortalApiUrl": "http://127.0.0.1:8000",
     "archiveApiUrl": "http://127.0.0.1:8000",
-    "simbadServiceUrl": "http://127.0.0.1:8000"
+    "archiveClientUrl": "http://127.0.0.1:8000",
+    "simbadServiceUrl": "http://127.0.0.1:8000",
+    "thumbnailServiceUrl": "http://127.0.0.1:8000"
 }

src/archive.js

@@ -0,0 +1,39 @@
+import $ from 'jquery';
+import 'jquery-file-download';
+
+export { downloadZip, downloadAll, getLatestFrame };
+
+function downloadZip(frameIds, archiveRoot, archiveToken) {
+  let postData = {};
+  for (let i = 0; i < frameIds.length; i++) {
+    postData['frame_ids[' + i + ']'] = frameIds[i];
+  }
+  postData['auth_token'] = archiveToken;
+  $.fileDownload(archiveRoot + '/frames/zip/', {
+    httpMethod: 'POST',
+    data: postData,
+  });
+}
+
+function downloadAll(requestId, archiveRoot, archiveClientUrl, archiveToken) {
+  $.getJSON(archiveRoot + '/frames/?limit=1000&REQNUM=' + requestId, function(data) {
+    if (data.count > 1000) {
+      alert('Over 1000 products found. Please use ' + archiveClientUrl + ' to download your data');
+      return false;
+    }
+    let frameIds = [];
+    for (let i = 0; i < data.results.length; i++) {
+      frameIds.push(data.results[i].id);
+    }
+    downloadZip(frameIds, archiveRoot, archiveToken);
+  });
+}
+
+function getLatestFrame(requestId, archiveRoot, callback) {
+  $.ajax({
+    url: archiveRoot + '/frames/?ordering=-id&limit=1&REQNUM=' + requestId,
+    dataType: 'json',
+  }).done(function(response) {
+    callback(response.results[0]);
+  });
+}