WIP - download layer component, html

web-app/src/ng1/admin/layers/index.js

@@ -5,11 +5,13 @@ import adminLayerEdit from './layer.edit.component';
 import adminLayerPreview from './layer.preview.component';
 import adminLayerDelete from './layer.delete.component';
 import adminLayerWmsEdit from './layer.wms.edit.component';
+import adminLayerDownload from './layer.download.component';
 
 angular.module('mage')
   .component('adminLayer', adminLayer)
   .component('adminLayers', adminLayers)
   .component('adminLayerEdit', adminLayerEdit)
   .component('adminLayerPreview', adminLayerPreview)
   .component('adminLayerDelete', adminLayerDelete)
-  .component('adminLayerWmsEdit',adminLayerWmsEdit);
+  .component('adminLayerWmsEdit', adminLayerWmsEdit)
+  .component('adminLayerDownload', adminLayerDownload);

web-app/src/ng1/admin/layers/layer.component.js

@@ -21,6 +21,7 @@ class AdminLayerController {
 
     this.hasLayerEditPermission = _.contains(UserService.myself.role.permissions, 'UPDATE_LAYER');
     this.hasLayerDeletePermission = _.contains(UserService.myself.role.permissions, 'DELETE_LAYER');
+    this.hasLayerDownloadPermission = _.contains(UserService.myself.role.permissions,'DOWNLOAD_LAYER');
 
     this.fileUploadOptions = {
       acceptFileTypes: /(\.|\/)(kml)$/i,

web-app/src/ng1/admin/layers/layer.download.component.js

@@ -0,0 +1,29 @@
+class AdminLayerDownloadController {
+  constructor() {}
+
+  $onInit() {
+    this.layer = this.resolve.layer;
+  }
+
+  downloadLayer(layer) {
+    // Logic to handle downloading the layer goes here
+
+    // Once complete, close the modal.
+    this.modalInstance.close(layer);
+  }
+
+  cancel() {
+    this.modalInstance.dismiss('cancel');
+  }
+}
+
+AdminLayerDownloadController.$inject = [];
+
+export default {
+  template: require('./layer.download.html'),
+  bindings: {
+    resolve: '<',
+    modalInstance: '<'
+  },
+  controller: AdminLayerDownloadController
+};

web-app/src/ng1/admin/layers/layer.download.html

@@ -0,0 +1,14 @@
+<div class="col-md-6">
+  <div class="card" ng-if="$ctrl.hasLayerDownloadPermission">
+    <div class="card-content">
+      <strong>Download Layer</strong>
+      <p>Click the button to download the layer's data.</p>
+      <button
+        class="btn btn-primary top-gap"
+        ng-click="$ctrl.downloadLayer($ctrl.layer)"
+      >
+        <i class="fa fa-download"></i> Download
+      </button>
+    </div>
+  </div>
+</div>