redeem.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <link rel="stylesheet" type="text/css" href="module/redeem/css/redeem.css" />
  2. <section class="user_page container">
  3. <div class="sales_report">
  4. <div class="sales_report_in">
  5. <div class="sales_card">
  6. <!---ADD / EDIT FORM -------->
  7. <!-- <div class="profile_bg" >
  8. <div class="container-fluid form_bg form-scroll" >
  9. <div class="row bottom_box">
  10. <form class="row form_2" ng-submit="surveySubmit()" novalidate>
  11. <div class="col-sm-12 table_box">
  12. <div class="table-fixed">
  13. <table class="table table-fixed">
  14. <thead >
  15. <tr class="row-name">
  16. <th class="col-xs-2">Action</th>
  17. <th class="col-xs-4"> Name</th>
  18. <th class="col-xs-2">Employee ID</th>
  19. <th class="col-xs-2">Redeem Points</th>
  20. <th class="col-xs-2">Amount</th>
  21. </tr>
  22. </thead>
  23. <tbody >
  24. <tr ng-repeat="item in itemdetail">
  25. <td class="col-xs-2"><input type="hidden" class="checkcls" ng-model="formData.questionList[item.id]" value="{{item.id}}">
  26. <input type="checkbox" class="checkcls" ng-model="formData.questionList[item.id]" ng-change="quesChange(item,$index)" style='margin:auto'> </td>
  27. <td class="col-xs-4">{{item.fname}}</td>
  28. <td class="col-xs-2">{{item.smpin}}</td>
  29. <td class="col-xs-2">{{item.points}}</td>
  30. <td class="col-xs-2">{{item.amount}}</td>
  31. </tr>
  32. </tbody>
  33. </table>
  34. <div class="col-sm-12 text-center ">
  35. <button type="button" class="btn primary fixed" ng-click="closeForm()">Cancel</button>
  36. <button type="submit" class="btn primary fixed">Submit</button>
  37. </div>
  38. </div>
  39. </div>
  40. </form>
  41. </div>
  42. </div>
  43. </div> -->
  44. <div class="container-fluid table_area">
  45. <div class="row">
  46. <ul class="nav nav-tabs">
  47. <li ng-click="listClick(obj)" ng-class="{active:obj.name == sideselect.name}" ng-repeat="obj in submenu track by $index">
  48. <a data-toggle="tab" data-target="#menu{{$index}}" class="ptr clsusersidemenu_{{$index}}">{{obj.name}}</a>
  49. </li>
  50. </ul>
  51. </div>
  52. <div class="row top_box">
  53. <div class="left_box">
  54. <div class="input-group mb-3">
  55. </div>
  56. </div>
  57. <div class="right_box">
  58. <div class="sear">
  59. <form class="row form_2">
  60. <div class="form-group col-sm-12 disable">
  61. <input type="search" ng-change="onSearchChange()" class="form-control" ng-model="formData.mymodel" name="Search" placeholder="Search"
  62. autocomplete="off" required>
  63. </div>
  64. </form>
  65. </div>
  66. <div class="pull-right" ng-if="sideselect.id != 2">
  67. <button type="submit" class="btn_approve btn primary fixed" ng-disabled="!showButton" ng-click="sendConfirmation()">Approve</button>
  68. <!-- <button type="submit" class="btn primary fixed" ng-click="sendConfirmation()">Approve</button> -->
  69. </div>
  70. </div>
  71. </div>
  72. <div class="row bottom_box">
  73. <div class="col-sm-12 table_box">
  74. <div class="table-fixed">
  75. <table class="table table-fixed">
  76. <thead ng-if="sideselect.id == 1">
  77. <tr class="row-name">
  78. <th class="col-xs-2">
  79. <input type="checkbox" ng-click="toggleSelect()" value="isAllSelected" ng-model="isAllSelected"/> Select All </th>
  80. <th class="col-xs-4"> Name</th>
  81. <th class="col-xs-2">Employee ID</th>
  82. <th class="col-xs-2">Redeem Points</th>
  83. <th class="col-xs-2">Amount</th>
  84. </tr>
  85. </thead>
  86. <tbody ng-if="sideselect.id == 1 && itemdetail.length>0">
  87. <tr ng-repeat="item in itemdetail">
  88. <td class="col-xs-2">
  89. <input type="checkbox" value="{{item.id}}" ng-click="childSelect(item.id)" ng-model="item.selected" style="margin:0"> </td>
  90. <td class="col-xs-4">{{item.fname}}</td>
  91. <td class="col-xs-2">{{item.smpin}}</td>
  92. <td class="col-xs-2">{{item.points}}</td>
  93. <td class="col-xs-2">{{item.amount}}</td>
  94. </tr>
  95. </tbody>
  96. <div ng-if="sideselect.id == 1 && itemdetail.length==0">
  97. No Records Found
  98. </div>
  99. <thead ng-if="sideselect.id == 2">
  100. <tr class="row-name">
  101. <th class="col-xs-3"> Name</th>
  102. <th class="col-xs-3">SMPIN</th>
  103. <th class="col-xs-3">Redeem Points</th>
  104. <th class="col-xs-3">Amount</th>
  105. </tr>
  106. </thead>
  107. <tbody ng-if="sideselect.id == 2 && approvedListDetail.length>0">
  108. <tr ng-repeat="item in approvedListDetail">
  109. <td class="col-xs-3">{{item.fname}}</td>
  110. <td class="col-xs-3">{{item.smpin}}</td>
  111. <td class="col-xs-3">{{item.points}}</td>
  112. <td class="col-xs-3">{{item.amount}}</td>
  113. </tr>
  114. </tbody>
  115. </table>
  116. <div class="text-center" ng-if="sideselect.id == 1 && itemdetail.length==0">
  117. No Records Found
  118. </div>
  119. <div class="text-center" ng-if="sideselect.id == 2 && approvedListDetail.length==0">
  120. No Records Found
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="container">
  127. <div class="row">
  128. <nav aria-label="Page navigation" id="div1">
  129. <ul class="pagination pager" uib-pagination total-items="totalItems" ng-model="currentPage" ng-change="pageChanged()" max-size="maxSize"
  130. boundary-links="true" rotate="false" num-pages="numPages" items-per-page="itemsPerPage"></ul>
  131. </nav>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. </section>