From 68815b8f44a6d787efee2f9e31e849c88edbe65c Mon Sep 17 00:00:00 2001
From: Kush Bavishi <kbavishi@netflix.com>
Date: Thu, 20 Jun 2019 15:04:40 -0700
Subject: [PATCH] UI changes - Button to show / hide expired certs.

---
 .../app/angular/certificates/view/view.js     | 31 +++++++++++++++++++
 .../angular/certificates/view/view.tpl.html   |  5 +++
 2 files changed, 36 insertions(+)

diff --git a/lemur/static/app/angular/certificates/view/view.js b/lemur/static/app/angular/certificates/view/view.js
index 6712e62a..1d68d9f2 100644
--- a/lemur/static/app/angular/certificates/view/view.js
+++ b/lemur/static/app/angular/certificates/view/view.js
@@ -19,6 +19,9 @@ angular.module('lemur')
 
   .controller('CertificatesViewController', function ($q, $scope, $uibModal, $stateParams, $location, CertificateApi, CertificateService, MomentService, ngTableParams, toaster) {
     $scope.filter = $stateParams;
+    $scope.expiredText = ["Show Expired", "Hide Expired"];
+    $scope.expiredValue = 0;
+    $scope.expiredButton = $scope.expiredText[$scope.expiredValue];
     $scope.certificateTable = new ngTableParams({
       page: 1,            // show first page
       count: 10,          // count per page
@@ -50,6 +53,34 @@ angular.module('lemur')
       }
     });
 
+    $scope.showExpired = function () {
+      if ($scope.expiredValue === 0) {
+        $scope.expiredValue = 1;
+      }
+      else {
+        $scope.expiredValue = 0;
+      }
+      $scope.expiredButton = $scope.expiredText[$scope.expiredValue];
+      $scope.certificateTable = new ngTableParams({
+        page: 1,            // show first page
+        count: 10,          // count per page
+        sorting: {
+          id: 'desc'     // initial sorting
+        },
+        filter: $scope.filter
+      }, {
+        getData: function ($defer, params) {
+          $scope.temp = angular.copy(params.url());
+          $scope.temp.showExpired = $scope.expiredValue;
+          CertificateApi.getList($scope.temp)
+            .then(function (data) {
+              params.total(data.total);
+              $defer.resolve(data);
+            });
+        }
+      })
+    };
+
     $scope.momentService = MomentService;
 
     $scope.remove = function (certificate) {
diff --git a/lemur/static/app/angular/certificates/view/view.tpl.html b/lemur/static/app/angular/certificates/view/view.tpl.html
index 28b4e08e..ff086a88 100644
--- a/lemur/static/app/angular/certificates/view/view.tpl.html
+++ b/lemur/static/app/angular/certificates/view/view.tpl.html
@@ -17,6 +17,11 @@
                   btn-checkbox-true="1"
                   btn-checkbox-false="0">Filter</button>
         </div>
+        <div class="btn-group">
+          <button ng-click="showExpired()" class="btn btn-default">
+            {{ expiredButton }}
+          </button>
+        </div>
         <!--<select class="form-control" ng-model="show" ng-options="item.value as item.title for item in fields"></select>-->
         <div class="clearfix"></div>
       </div>