add mw 合规文件上传多个、删除按钮

pom.xml

@@ -9,7 +9,7 @@
     </parent>
     <modelVersion>4.0.0</modelVersion>
     <artifactId>manage</artifactId>
-    <version>2.2.19</version>
+    <version>2.2.20</version>
     <properties>
         <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
         <jib-maven-plugin.version>1.8.0</jib-maven-plugin.version>

src/main/java/au/com/royalpay/payment/manage/mappers/system/ClientMWFilesMapper.java

@@ -24,4 +24,9 @@ public interface ClientMWFilesMapper {
     @AutoSql(SqlType.SELECT)
     @AdvanceSelect(addonWhereClause = "is_valid = 1")
     List<JSONObject> findClientFile(@Param("client_id") int clientId, PageBounds pageBounds);
+
+    @AutoSql(SqlType.SELECT)
+    JSONObject findFileById(@Param("file_id") String file_id);
+
+    void deleteByClientAndFileId(@Param("file_id") String file_id);
 }

src/main/java/au/com/royalpay/payment/manage/merchants/core/ClientManager.java

@@ -278,6 +278,8 @@ public interface ClientManager {
 
     void deleteAuthFilesByAdmin(String fileId);
 
+    void deleteMWAuthFilesByAdmin(String fileId);
+
     void uploadAuthFiles(JSONObject manager, String clientMoniker, ClientAuthFilesInfo filesInfo);
 
     void uploadAuthFilesManager(JSONObject manager, String clientMoniker, ClientAuthFilesInfo filesInfo);

src/main/java/au/com/royalpay/payment/manage/merchants/core/impls/ClientManagerImpl.java

@@ -3840,10 +3840,25 @@ public class ClientManagerImpl implements ClientManager, ManagerTodoNoticeProvid
         if (client == null) {
             throw new InvalidShortIdException();
         }
+        String[] fileKeys = UPayAuthFileEnum.ALL.getFileNameArrays();
         List<JSONObject> clientFiles = clientMWAuthFilesInfo.findClientFile(client.getIntValue("client_id"), new PageBounds(1,999999, Order.formString("last_update_date.asc")));
         JSONObject fileJson = new JSONObject();
-        for (JSONObject file : clientFiles) {
+        if (clientFiles != null && clientFiles.size() > 0) {
-            fileJson.put(file.getString("file_name"), file.getString("file_value"));
+            for (String fileKey : fileKeys) {
+                List<JSONObject> clientFileUrl = clientFiles.stream()
+                        .filter(json -> (fileKey.equals(json.getString("file_name"))))
+                        .sorted((log1, log2) -> log2.getDate("last_update_date").compareTo(log1.getDate("last_update_date")))
+                        .map(json -> {
+                            JSONObject params = new JSONObject();
+                            params.put("file_id", json.getString("file_id"));
+                            params.put("file_value", json.getString("file_value"));
+                            return params;
+                        })
+                        .collect(Collectors.toList());
+                if (clientFileUrl != null && clientFileUrl.size() > 0) {
+                    fileJson.put(fileKey, clientFileUrl);
+                }
+            }
         }
         return fileJson;
     }
@@ -3929,6 +3944,15 @@ public class ClientManagerImpl implements ClientManager, ManagerTodoNoticeProvid
         clientFilesMapper.deleteByClientAndFileId(fileId);
     }
 
+    @Override
+    public void deleteMWAuthFilesByAdmin(String fileId) {
+        JSONObject file = clientMWAuthFilesInfo.findFileById(fileId);
+        if (file == null) {
+            throw new BadRequestException("The file has deleted");
+        }
+        clientMWAuthFilesInfo.deleteByClientAndFileId(fileId);
+    }
+
     @Override
     @Transactional
     public void uploadAuthFiles(JSONObject manager, String clientMoniker, ClientAuthFilesInfo filesInfo) {

src/main/java/au/com/royalpay/payment/manage/merchants/enums/UPayAuthFileEnum.java

@@ -28,7 +28,7 @@ public enum UPayAuthFileEnum {
     public String[] getFileNameArrays() {
         return new String[]{CLIENT_BANK_FILE.getFileName(),
                 CLIENT_COMPANY_FILE.getFileName(),
-                UPAY_OFFER_LETTER.getFileName(),
+                UPAY_DRIVER_LICENSE.getFileName(),
                 REFUND_EXCHANGE_POLICY.getFileName(),
                 UPAY_PRIVACY_POLICY.getFileName(),
                 CARD_SECURITY_POLICY.getFileName(),

src/main/java/au/com/royalpay/payment/manage/merchants/web/PartnerManageController.java

@@ -22,7 +22,6 @@ import javax.servlet.http.HttpServletResponse;
 import javax.validation.Valid;
 import java.io.IOException;
 import java.io.OutputStream;
-import java.util.Date;
 import java.util.List;
 
 /**
@@ -611,6 +610,11 @@ public class PartnerManageController {
         clientManager.deleteAuthFilesByAdmin(fileId);
     }
 
+    @ManagerMapping(value = "/auth_file/{fileId}/mw_delete", method = RequestMethod.PUT, role = {ManagerRole.OPERATOR, ManagerRole.BD_USER})
+    public void deleteMWAuthFiles(@PathVariable String fileId, @ModelAttribute(CommonConsts.MANAGER_STATUS) JSONObject manager) {
+        clientManager.deleteMWAuthFilesByAdmin(fileId);
+    }
+
     @ManagerMapping(value = "/{clientMoniker}/file", method = RequestMethod.PUT, role = {ManagerRole.ADMIN, ManagerRole.OPERATOR, ManagerRole.BD_USER})
     public void uploadAuthFiles(@PathVariable String clientMoniker, @RequestBody ClientAuthFilesInfo filesInfo,
                                 @ModelAttribute(CommonConsts.MANAGER_STATUS) JSONObject manager) {

src/main/resources/au/com/royalpay/payment/manage/mappers/system/ClientMWFilesMapper.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
+<mapper namespace="au.com.royalpay.payment.manage.mappers.system.ClientMWFilesMapper">
+    <select id="deleteByClientAndFileId" resultType="com.alibaba.fastjson.JSONObject">
+        update sys_merchant_warrior_files set is_valid = 0
+        where file_id = #{file_id}
+    </select>
+</mapper>

src/main/ui/static/payment/partner/partner-manage.js

@@ -3837,54 +3837,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
         $scope.file.upay_risk_level = $scope.partner.upay_risk_level;
         $scope.file.upay_risk_remark = $scope.partner.upay_risk_remark;
 
-        $scope.bankIsImage = true;
-        $scope.asicIsImage = true;
-        $scope.idIsImage = true;
-        $scope.utilityIsImage = true;
-        $scope.refundIsImage = true;
-        $scope.privacyIsImage = true;
-        $scope.cardIsImage = true;
-        $scope.letterIsImage = true;
-        $scope.promotionalIsImage = true;
-        $scope.termsIsImage = true;
-        $scope.applicationIsImage = true;
-        $scope.descIsImage = true;
-        if ($scope.file.client_bank_file && $scope.file.client_bank_file.endsWith('pdf')) {
-            $scope.bankIsImage = false;
-        }
-        if ($scope.file.client_company_file && $scope.file.client_company_file.endsWith('pdf')) {
-            $scope.asicIsImage = false;
-        }
-        if ($scope.file.upay_driver_license && $scope.file.upay_driver_license.endsWith('pdf')) {
-            $scope.idIsImage = false;
-        }
-        if ($scope.file.kyc_utility_bill_file && $scope.file.kyc_utility_bill_file.endsWith('pdf')) {
-            $scope.utilityIsImage = false;
-        }
-        if ($scope.file.refund_exchange_policy && $scope.file.refund_exchange_policy.endsWith('pdf')) {
-            $scope.refundIsImage = false;
-        }
-        if ($scope.file.upay_privacy_policy && $scope.file.upay_privacy_policy.endsWith('pdf')) {
-            $scope.privacyIsImage = false;
-        }
-        if ($scope.file.card_security_policy && $scope.file.card_security_policy.endsWith('pdf')) {
-            $scope.cardIsImage = false;
-        }
-        if ($scope.file.upay_offer_letter && $scope.file.upay_offer_letter.endsWith('pdf')) {
-            $scope.letterIsImage = false;
-        }
-        if ($scope.file.upay_promotional_offer && $scope.file.upay_promotional_offer.endsWith('pdf')) {
-            $scope.promotionalIsImage = false;
-        }
-        if ($scope.file.upay_terms_conditions && $scope.file.upay_terms_conditions.endsWith('pdf')) {
-            $scope.termsIsImage = false;
-        }
-        if ($scope.file.upay_application_form && $scope.file.upay_application_form.endsWith('pdf')) {
-            $scope.applicationIsImage = false;
-        }
-        if ($scope.file.upay_desc_file && $scope.file.upay_desc_file.endsWith('pdf')) {
-            $scope.descIsImage = false;
-        }
         $scope.uploadApplicationFile = function (file) {
             if (file != null) {
                 if (file.size > 3 * 1024 * 1024) {
@@ -3900,11 +3852,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_application_form = resp.data.url;
                         $scope.uploadFile.upay_application_form = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_application_form.endsWith('pdf')) {
-                            $scope.bankIsImage = false;
-                        } else {
-                            $scope.bankIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.applicationFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -3929,11 +3876,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.client_bank_file = resp.data.url;
                         $scope.uploadFile.client_bank_file = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.client_bank_file.endsWith('pdf')) {
-                            $scope.bankIsImage = false;
-                        } else {
-                            $scope.bankIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.bankFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -3958,11 +3900,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.client_company_file = resp.data.url;
                         $scope.uploadFile.client_company_file = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.client_company_file.endsWith('pdf')) {
-                            $scope.bankIsImage = false;
-                        } else {
-                            $scope.bankIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.ASICProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -3987,11 +3924,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_driver_license = resp.data.url;
                         $scope.uploadFile.upay_driver_license = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_driver_license.endsWith('pdf')) {
-                            $scope.idIsImage = false;
-                        } else {
-                            $scope.idIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.idProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4016,11 +3948,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.kyc_utility_bill_file = resp.data.url;
                         $scope.uploadFile.kyc_utility_bill_file = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.kyc_utility_bill_file.endsWith('pdf')) {
-                            $scope.utilityIsImage = false;
-                        } else {
-                            $scope.utilityIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.residenceFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4045,11 +3972,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.refund_exchange_policy = resp.data.url;
                         $scope.uploadFile.refund_exchange_policy = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.refund_exchange_policy.endsWith('pdf')) {
-                            $scope.utilityIsImage = false;
-                        } else {
-                            $scope.utilityIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.refundPolicyFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4074,11 +3996,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_privacy_policy = resp.data.url;
                         $scope.uploadFile.upay_privacy_policy = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_privacy_policy.endsWith('pdf')) {
-                            $scope.privacyIsImage = false;
-                        } else {
-                            $scope.privacyIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.privacyFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4103,11 +4020,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.card_security_policy = resp.data.url;
                         $scope.uploadFile.card_security_policy = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.card_security_policy.endsWith('pdf')) {
-                            $scope.privacyIsImage = false;
-                        } else {
-                            $scope.privacyIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.cardFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4132,11 +4044,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_offer_letter = resp.data.url;
                         $scope.uploadFile.upay_offer_letter = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_offer_letter.endsWith('pdf')) {
-                            $scope.letterIsImage = false;
-                        } else {
-                            $scope.letterIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.letterFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4161,11 +4068,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_promotional_offer = resp.data.url;
                         $scope.uploadFile.upay_promotional_offer = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_promotional_offer.endsWith('pdf')) {
-                            $scope.promotionalIsImage = false;
-                        } else {
-                            $scope.promotionalIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.promotionalFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4190,11 +4092,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_terms_conditions = resp.data.url;
                         $scope.uploadFile.upay_terms_conditions = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_terms_conditions.endsWith('pdf')) {
-                            $scope.termsIsImage = false;
-                        } else {
-                            $scope.termsIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.termsFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4219,11 +4116,6 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
                         $scope.file.upay_desc_file = resp.data.url;
                         $scope.uploadFile.upay_desc_file = resp.data.url;
                         $scope.updateFile();
-                        if ($scope.file.upay_desc_file.endsWith('pdf')) {
-                            $scope.descIsImage = false;
-                        } else {
-                            $scope.descIsImage = true;
-                        }
                     }, function (resp) {
                         delete $scope.descFileProgress;
                         commonDialog.alert({title: 'Upload Failed', content: resp.data.message, type: 'error'})
@@ -4297,6 +4189,24 @@ define(['angular', 'decimal', 'static/commons/commons', 'uiBootstrap', 'uiRouter
         };
         $scope.complianceChangeCheck();
 
+        $scope.deleteMWComplianceFiles = function (file_id) {
+            commonDialog.confirm({
+                title: 'Warning',
+                content: 'This operation will delete the file, Are you sure?'
+            }).then(function () {
+                $http.put('/sys/partners/auth_file/' + file_id + '/mw_delete').then(function (resp) {
+                    commonDialog.alert({
+                        title: 'Success',
+                        content: 'Delete Successful',
+                        type: 'success'
+                    });
+                    $state.reload();
+                }, function (resp) {
+                    commonDialog.alert({title: 'Error', content: resp.data.message, type: 'error'});
+                })
+            })
+        };
+
     }]);
 
     app.controller('partnerKycFileCtrl', ['$scope', '$http', '$rootScope', 'commonDialog', '$state', 'Upload', 'file', function ($scope, $http, $rootScope, commonDialog, $state, Upload, file) {

src/main/ui/static/payment/partner/templates/partner_mw_auth_files.html

@@ -74,12 +74,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_application_form}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="applicationFileProgress.value" ng-if="applicationFileProgress"></uib-progressbar>
-                <a ng-if="applicationIsImage" target="_blank" ng-href="{{file.upay_application_form}}">
+                <table>
-                    <img ng-src="{{file.upay_application_form}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_application_form track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -91,12 +103,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.client_bank_file}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="bankFileProgress.value" ng-if="bankFileProgress"></uib-progressbar>
-                <a ng-if="bankIsImage" target="_blank" ng-href="{{file.client_bank_file}}">
+                <table>
-                    <img ng-src="{{file.client_bank_file}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.client_bank_file track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -108,12 +132,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.client_company_file}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="ASICProgress.value" ng-if="ASICProgress"></uib-progressbar>
-                <a ng-if="asicIsImage" target="_blank" ng-href="{{file.client_company_file}}">
+                <table>
-                    <img ng-src="{{file.client_company_file}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.client_company_file track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -125,12 +161,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_driver_license}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="idProgress.value" ng-if="idProgress"></uib-progressbar>
-                <a ng-if="idIsImage" target="_blank" ng-href="{{file.upay_driver_license}}">
+                <table>
-                    <img ng-src="{{file.upay_driver_license}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_driver_license track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -142,12 +190,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" style="float: none" aria-hidden="true"ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.kyc_utility_bill_file}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="residenceFileProgress.value" ng-if="residenceFileProgress"></uib-progressbar>
-                <a ng-if="utilityIsImage" target="_blank" ng-href="{{file.kyc_utility_bill_file}}">
+                <table>
-                    <img ng-src="{{file.kyc_utility_bill_file}}" class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.kyc_utility_bill_file track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -159,12 +219,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" style="float: none" aria-hidden="true"ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.refund_exchange_policy}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="refundPolicyFileProgress.value" ng-if="refundPolicyFileProgress"></uib-progressbar>
-                <a ng-if="refundIsImage" target="_blank" ng-href="{{file.refund_exchange_policy}}">
+                <table>
-                    <img ng-src="{{file.refund_exchange_policy}}" class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.refund_exchange_policy track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -176,12 +248,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" style="float: none" aria-hidden="true"ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_privacy_policy}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="privacyFileProgress.value" ng-if="privacyFileProgress"></uib-progressbar>
-                <a ng-if="privacyIsImage" target="_blank" ng-href="{{file.upay_privacy_policy}}">
+                <table>
-                    <img ng-src="{{file.upay_privacy_policy}}" class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_privacy_policy track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -193,12 +277,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" style="float: none" aria-hidden="true" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.card_security_policy}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="cardFileProgress.value" ng-if="cardFileProgress"></uib-progressbar>
-                <a ng-if="cardIsImage" target="_blank" ng-href="{{file.card_security_policy}}">
+                <table>
-                    <img ng-src="{{file.card_security_policy}}" class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.card_security_policy track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -210,12 +306,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_offer_letter}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="letterFileProgress.value" ng-if="letterFileProgress"></uib-progressbar>
-                <a ng-if="letterIsImage" target="_blank" ng-href="{{file.upay_offer_letter}}">
+                <table>
-                    <img ng-src="{{file.upay_offer_letter}}"class="col-sm-6"onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_offer_letter track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -227,12 +335,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_promotional_offer}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="promotionalFileProgress.value" ng-if="promotionalFileProgress"></uib-progressbar>
-                <a ng-if="promotionalIsImage" target="_blank" ng-href="{{file.upay_promotional_offer}}">
+                <table>
-                    <img ng-src="{{file.upay_promotional_offer}}"class="col-sm-6"onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_promotional_offer track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -244,12 +364,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_terms_conditions}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="termsFileProgress.value" ng-if="termsFileProgress"></uib-progressbar>
-                <a ng-if="termsIsImage" target="_blank" ng-href="{{file.upay_terms_conditions}}">
+                <table>
-                    <img ng-src="{{file.upay_terms_conditions}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_terms_conditions track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
         <div class="form-group">
@@ -261,12 +393,24 @@
                         <i class="fa fa-upload"></i> Upload
                     </button>
                     <i class="fa fa-check-square-o check-i" aria-hidden="true" style="float: none" ng-if="$root.complianceCheck.authFile"></i>
-                    <a role="button" download="" target="_blank" class="btn-group btn btn-warning" type="button" href="{{file.upay_desc_file}}" ><i class="fa fa-download"></i></a>
                 </div>
                 <uib-progressbar value="descFileProgress.value" ng-if="descFileProgress"></uib-progressbar>
-                <a ng-if="descIsImage" target="_blank" ng-href="{{file.upay_desc_file}}">
+                <table>
-                    <img ng-src="{{file.upay_desc_file}}"class="col-sm-6" onerror="this.src='/static/images/file_close.png'">
+                    <tbody>
-                </a>
+                    <tr ng-repeat="file_src in file.upay_desc_file track by $index">
+                        <td ng-bind="$index+1+'.'" class="btn">1</td>
+                        <td><a target="_blank" ng-href="{{file_src.file_value}}">
+                            <img ng-src="{{file_src.file_value}}" class="col-sm-8"
+                                 onerror="this.src='/static/images/file_close.png'">
+                        </a>
+                            <button class="btn btn-danger" type="button" ng-if="('10'|withRole) || (('100'|withRole) && (!partner.upay_approve_result || partner.upay_approve_result==0 || partner.upay_approve_result==5 || partner.upay_approve_result==4))"
+                                    ng-click="deleteMWComplianceFiles(file_src.file_id)">
+                                X
+                            </button>
+                        </td>
+                    </tr>
+                    </tbody>
+                </table>
             </div>
         </div>
     </div>