Adds the ability to clone existing certificates. (#513)

lemur/static/app/angular/certificates/certificate/certificate.js

@@ -208,4 +208,131 @@ angular.module('lemur')
     $scope.authorityService = AuthorityService;
     $scope.destinationService = DestinationService;
     $scope.notificationService = NotificationService;
+  })
+
+.controller('CertificateCloneController', function ($scope, $uibModalInstance, CertificateApi, CertificateService, DestinationService, AuthorityService, AuthorityApi, PluginService, MomentService, WizardHandler, LemurRestangular, NotificationService, toaster, editId) {
+  CertificateApi.get(editId).then(function (certificate) {
+    $scope.certificate = certificate;
+    $scope.certificate.name = ''; // we should prefer the generated name.
+    CertificateService.getDefaults($scope.certificate);
   });
+
+  $scope.cancel = function () {
+    $uibModalInstance.dismiss('cancel');
+  };
+
+  $scope.getAuthoritiesByName = function (value) {
+    return AuthorityService.findAuthorityByName(value).then(function (authorities) {
+      $scope.authorities = authorities;
+    });
+  };
+
+  $scope.dateOptions = {
+    formatYear: 'yy',
+    maxDate: new Date(2020, 5, 22),
+    minDate: new Date(),
+    startingDay: 1
+  };
+
+
+  $scope.open1 = function() {
+    $scope.popup1.opened = true;
+  };
+
+  $scope.open2 = function() {
+    $scope.popup2.opened = true;
+  };
+
+  $scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
+  $scope.format = $scope.formats[0];
+  $scope.altInputFormats = ['M!/d!/yyyy'];
+
+  $scope.popup1 = {
+    opened: false
+  };
+
+  $scope.popup2 = {
+    opened: false
+  };
+
+  $scope.clearDates = function () {
+    $scope.certificate.validityStart = null;
+    $scope.certificate.validityEnd = null;
+    $scope.certificate.validityYears = null;
+  };
+
+  $scope.create = function (certificate) {
+    WizardHandler.wizard().context.loading = true;
+    CertificateService.create(certificate).then(
+      function () {
+        toaster.pop({
+          type: 'success',
+          title: certificate.name,
+          body: 'Successfully created!'
+        });
+        $uibModalInstance.close();
+      },
+      function (response) {
+        toaster.pop({
+          type: 'error',
+          title: certificate.name,
+          body: 'lemur-bad-request',
+          bodyOutputType: 'directive',
+          directiveData: response.data,
+          timeout: 100000
+        });
+
+        WizardHandler.wizard().context.loading = false;
+      });
+  };
+
+  $scope.templates = [
+    {
+      'name': 'Client Certificate',
+      'description': '',
+      'extensions': {
+        'basicConstraints': {},
+        'keyUsage': {
+          'isCritical': true,
+          'useDigitalSignature': true
+        },
+        'extendedKeyUsage': {
+          'isCritical': true,
+          'useClientAuthentication': true
+        },
+        'subjectKeyIdentifier': {
+          'includeSKI': true
+        }
+      }
+    },
+    {
+      'name': 'Server Certificate',
+      'description': '',
+      'extensions' : {
+        'basicConstraints': {},
+        'keyUsage': {
+          'isCritical': true,
+          'useKeyEncipherment': true,
+          'useDigitalSignature': true
+        },
+        'extendedKeyUsage': {
+          'isCritical': true,
+          'useServerAuthentication': true
+        },
+        'subjectKeyIdentifier': {
+          'includeSKI': true
+        }
+      }
+    }
+  ];
+
+
+  PluginService.getByType('destination').then(function (plugins) {
+    $scope.plugins = plugins;
+  });
+
+  $scope.certificateService = CertificateService;
+  $scope.authorityService = AuthorityService;
+  $scope.destinationService = DestinationService;
+  $scope.notificationService = NotificationService;
+});

lemur/static/app/angular/certificates/certificate/certificateWizard.tpl.html

@@ -1,6 +1,6 @@
 <div class="modal-header">
     <button type="button" class="close" ng-click="cancel()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-    <h3 class="modal-title"><span ng-show="!certificate.id">Create</span><span ng-show="certificate.id">Edit</span> Certificate <span class="text-muted"><small>encrypt all the things</small></span></h3>
+    <h3 class="modal-title">Create Certificate <span class="text-muted"><small>encrypt all the things</small></span></h3>
 </div>
 <div class="modal-body">
     <div>

lemur/static/app/angular/certificates/certificate/edit.tpl.html

@@ -1,6 +1,6 @@
 <div class="modal-header">
     <button type="button" class="close" ng-click="cancel()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-    <h3>Edit <span class="text-muted"><small>{{ certificate.name }}</small></span></h3>
+    <h3 class="modal-title">Edit <span class="text-muted"><small>{{ certificate.name }}</small></span></h3>
 </div>
 <div class="modal-body">
     <form name="editForm" class="form-horizontal" role="form" novalidate>

lemur/static/app/angular/certificates/certificate/export.tpl.html

@@ -1,43 +1,51 @@
 <div class="modal-header">
-  <div class="modal-title">
-    <button type="button" class="close" ng-click="cancel()" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-    <h3 class="modal-header">Export <span class="text-muted"><small>{{ certificate.name }}</small></span></h3>
-  </div>
-  <div class="modal-body">
+    <button type="button" class="close" ng-click="cancel()" aria-label="Close"><span aria-hidden="true">&times;</span>
+    </button>
+    <h3 class="modal-title">Export <span class="text-muted"><small>{{ certificate.name }}</small></span></h3>
+</div>
+<div class="modal-body">
     <form ng-show="!passphrase" name="exportForm" class="form-horizontal" role="form" novalidate>
-      <div class="form-group">
-        <label class="control-label col-sm-2">
-          Plugin
-        </label>
-        <div class="col-sm-10">
-          <select class="form-control" ng-model="certificate.plugin" ng-options="plugin.title for plugin in plugins" required></select>
-        </div>
-      </div>
-      <div class="form-group" ng-repeat="item in certificate.plugin.pluginOptions">
-        <ng-form name="subForm" class="form-horizontal" role="form" novalidate>
-          <div ng-class="{'has-error': subForm.sub.$invalid, 'has-success': !subForm.sub.$invalid&&subForm.sub.$dirty}">
+        <div class="form-group">
             <label class="control-label col-sm-2">
-              {{ item.name | titleCase }}
+                Plugin
             </label>
             <div class="col-sm-10">
-              <input name="sub" ng-if="item.type == 'int'" type="number" ng-pattern="/^[0-9]{12,12}$/" class="form-control" ng-model="item.value"/>
-              <select name="sub" ng-if="item.type == 'select'" class="form-control" ng-options="i for i in item.available" ng-model="item.value"></select>
-              <input name="sub" ng-if="item.type == 'bool'" class="form-control" type="checkbox" ng-model="item.value">
-              <input name="sub" ng-if="item.type == 'str'" type="text" class="form-control" ng-model="item.value" ng-pattern="item.validation"/>
-              <p ng-show="subForm.sub.$invalid && !subForm.sub.$pristine" class="help-block">{{ item.helpMessage }}</p>
+                <select class="form-control" ng-model="certificate.plugin"
+                        ng-options="plugin.title for plugin in plugins" required></select>
             </div>
-          </div>
-        </ng-form>
-      </div>
+        </div>
+        <div class="form-group" ng-repeat="item in certificate.plugin.pluginOptions">
+            <ng-form name="subForm" class="form-horizontal" role="form" novalidate>
+                <div
+                  ng-class="{'has-error': subForm.sub.$invalid, 'has-success': !subForm.sub.$invalid&&subForm.sub.$dirty}">
+                    <label class="control-label col-sm-2">
+                        {{ item.name | titleCase }}
+                    </label>
+                    <div class="col-sm-10">
+                        <input name="sub" ng-if="item.type == 'int'" type="number" ng-pattern="/^[0-9]{12,12}$/"
+                               class="form-control" ng-model="item.value"/>
+                        <select name="sub" ng-if="item.type == 'select'" class="form-control"
+                                ng-options="i for i in item.available" ng-model="item.value"></select>
+                        <input name="sub" ng-if="item.type == 'bool'" class="form-control" type="checkbox"
+                               ng-model="item.value">
+                        <input name="sub" ng-if="item.type == 'str'" type="text" class="form-control"
+                               ng-model="item.value" ng-pattern="item.validation"/>
+                        <p ng-show="subForm.sub.$invalid && !subForm.sub.$pristine"
+                           class="help-block">{{ item.helpMessage }}</p>
+                    </div>
+                </div>
+            </ng-form>
+        </div>
     </form>
     <div ng-show="passphrase">
-      <h3>Successfully exported!</h3>
-      <h4>Your passphrase is: <strong>{{ passphrase }}</strong></h4>
-      <p ng-show="additional">{{ additional }}</p>
+        <h3>Successfully exported!</h3>
+        <h4>Your passphrase is: <strong>{{ passphrase }}</strong></h4>
+        <p ng-show="additional">{{ additional }}</p>
     </div>
-  </div>
-  <div class="modal-footer">
-    <button type="submit" ng-show="!passphrase" ng-click="save(certificate)" ng-disabled="exportForm.$invalid" class="btn btn-success">Export</button>
-    <button ng-click="cancel()" class="btn btn-danger">{{ passphrase ? "Close" : "Cancel" }}</button>
-  </div>
+</div>
+<div class="modal-footer">
+    <button type="submit" ng-show="!passphrase" ng-click="save(certificate)" ng-disabled="exportForm.$invalid"
+            class="btn btn-success">Export
+    </button>
+    <button ng-click="cancel()" class="btn btn-danger">{{ passphrase ? "Close" : "Cancel" }}</button>
 </div>