From d093f3670b2c5b310a8ca5d05c471d513d1fb5fe Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Tue, 28 Jan 2020 16:20:01 +0100
Subject: [PATCH] admin: on pki page, press enter to associate certificate

---
 admin/static/js/app.js      | 17 +++++++++++++++++
 admin/static/views/pki.html | 34 ++++++++++++++++++++++++----------
 2 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/admin/static/js/app.js b/admin/static/js/app.js
index 5c48d8ef..374d1bf1 100644
--- a/admin/static/js/app.js
+++ b/admin/static/js/app.js
@@ -659,6 +659,23 @@ angular.module("FICApp")
 	    }
 	};
 
+        $scope.validateSearch = function(keyEvent) {
+	  if (keyEvent.which === 13) {
+	    var myCertificate = null;
+	    $scope.certificates.forEach(function(certificate) {
+	      if (String(certificate.id).indexOf($scope.query.toUpperCase()) >= 0) {
+		if (myCertificate === null)
+		  myCertificate = certificate;
+		else
+		  myCertificate = false;
+	      }
+	    });
+	    if (myCertificate && myCertificate.id_team == null) {
+	      $('#associationModal').data('certificate', myCertificate.id)
+	      $('#associationModal').modal()
+	    }
+	  }
+        };
         $scope.validatePKIForm = function(keyEvent) {
 	  if (keyEvent.which === 13)
 	    $scope.associate()
diff --git a/admin/static/views/pki.html b/admin/static/views/pki.html
index 8a4e1414..245571ce 100644
--- a/admin/static/views/pki.html
+++ b/admin/static/views/pki.html
@@ -7,7 +7,7 @@
   </div>
 </h2>
 
-<p><input type="search" class="form-control" placeholder="Search" ng-model="query" autofocus></p>
+<p><input type="search" class="form-control" placeholder="Search" ng-model="query" ng-keypress="validateSearch($event)" autofocus></p>
 <table class="table table-hover table-bordered table-striped table-sm">
   <thead class="thead-dark">
     <tr>
@@ -81,15 +81,23 @@
 	</button>
       </div>
       <form ng-submit="associate()">
-	<div class="modal-body row">
-	  <label for="tteam" class="col-md-auto col-form-label">Équipe</label>
-	  <div class="col-md-auto">
-	    <select class="custom-select custom-select-sm" id="tteam" ng-model="selectedTeam" ng-options="t.id as t.name for t in teams" ng-keypress="validatePKIForm($event)"></select>
+	<div class="modal-body">
+	  <div class="form-group row">
+	    <label for="tcert" class="col-md-3 col-form-label">Certificate</label>
+	    <div class="col-md-9">
+	      <input type="text" readonly class="form-control-plaintext" id="tcert">
+	    </div>
+	  </div>
+	  <div class="form-group row">
+	    <label for="tteam" class="col-md-3 col-form-label">Équipe</label>
+	    <div class="col-md-9">
+	      <select class="custom-select custom-select-sm" id="tteam" ng-model="selectedTeam" ng-options="t.id as t.name for t in teams" ng-keypress="validatePKIForm($event)"></select>
+	    </div>
+	  </div>
+	  <div class="modal-footer">
+	    <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
+	    <button type="submit" class="btn btn-primary">Associer</button>
 	  </div>
-	</div>
-	<div class="modal-footer">
-	  <button type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</button>
-	  <button type="submit" class="btn btn-primary">Associer</button>
 	</div>
       </form>
     </div>
@@ -104,7 +112,13 @@
     var serial = button.data('certificate');
 
     var modal = $(this);
-    modal.data('certificate', serial);
+
+    if (serial) {
+      modal.data('certificate', serial);
+    }
+    if (modal.data('certificate')) {
+      $("#tcert").val(modal.data('certificate'))
+    }
   });
 </script>