invite.blade.php 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. @extends('user.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  4. @endsection
  5. @section('content')
  6. <div class="page-header">
  7. <h1 class="page-title cyan-600">
  8. <i class="icon wb-extension"></i>{{trans('user.menu.invites')}}
  9. </h1>
  10. </div>
  11. <div class="page-content container-fluid">
  12. <x-alert type="info" :message="trans('user.invite.promotion', ['traffic' => $referral_traffic, 'referral_percent' => $referral_percent * 100])"/>
  13. <div class="row">
  14. <div class="col-xxl-3 col-lg-4">
  15. <div class="card">
  16. <div class="card-block">
  17. <h4 class="card-title cyan-600">
  18. <i class="icon wb-plus"></i> {{trans('common.generate_item', ['attribute' => trans('user.invite.attribute')])}}
  19. </h4>
  20. <x-alert type="info" :message="trans('user.invite.tips', ['num' => $num, 'days' => sysConfig('user_invite_days')])"/>
  21. <button type="button" class="btn btn-primary btn-animate btn-animate-side" onclick="makeInvite()" @if(!$num) disabled @endif>
  22. <i class="icon wb-plus"></i> {{trans('common.generate')}}
  23. </button>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="col-xxl-9 col-lg-8">
  28. <div class="card">
  29. <div class="card-block">
  30. <h4 class="card-title cyan-600">
  31. <i class="icon wb-extension"></i>{{trans('user.invite.attribute')}}
  32. </h4>
  33. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  34. <thead class="thead-default">
  35. <tr>
  36. <th data-cell-style="cellStyle"> #</th>
  37. <th> {{trans('user.invite.attribute')}} </th>
  38. <th> {{trans('common.available_date')}} </th>
  39. <th> {{trans('common.status')}} </th>
  40. <th> {{trans('user.invitee')}} </th>
  41. </tr>
  42. </thead>
  43. <tbody>
  44. @foreach($inviteList as $invite)
  45. <tr>
  46. <td> {{$loop->iteration}} </td>
  47. <td>
  48. <a href="javascript:void(0)" class="mt-clipboard" data-clipboard-action="copy"
  49. data-clipboard-text="{{route('register', ['aff' => Auth::id(), 'code' => $invite->code])}}">{{$invite->code}}</a>
  50. </td>
  51. <td> {{$invite->dateline}} </td>
  52. <td>
  53. {!! $invite->status_label !!}
  54. </td>
  55. {{$invite->status === 1 ? ($invite->invitee->email ?? '【'.trans('common.deleted_item', ['attribute' => trans('common.account')]).'】') : ''}}
  56. </tr>
  57. @endforeach
  58. </tbody>
  59. </table>
  60. </div>
  61. <div class="card-footer card-footer-transparent">
  62. <div class="row">
  63. <div class="col-md-4">
  64. {{trans('user.invite.total', ['num' => $inviteList->total()])}}
  65. </div>
  66. <div class="col-md-8">
  67. <nav class="Page navigation float-right">
  68. {{$inviteList->links()}}
  69. </nav>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. @endsection
  78. @section('javascript')
  79. <script src="/assets/custom/clipboardjs/clipboard.min.js"></script>
  80. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
  81. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
  82. <script>
  83. // 生成邀请码
  84. function makeInvite() {
  85. $.ajax({
  86. method: 'POST',
  87. dataType: 'json',
  88. url: '{{route('createInvite')}}',
  89. data: {_token: '{{csrf_token()}}'},
  90. success: function(ret) {
  91. if (ret.status === 'success') {
  92. swal.fire({title: ret.message, icon: 'success'}).then(() => window.location.reload());
  93. } else {
  94. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  95. }
  96. },
  97. });
  98. return false;
  99. }
  100. const clipboard = new ClipboardJS('.mt-clipboard');
  101. clipboard.on('success', function() {
  102. swal.fire({
  103. title: '{{trans('common.copy.success')}}',
  104. icon: 'success',
  105. timer: 1300,
  106. showConfirmButton: false,
  107. });
  108. });
  109. clipboard.on('error', function() {
  110. swal.fire({
  111. title: '{{trans('common.copy.failed')}}',
  112. icon: 'error',
  113. timer: 1500,
  114. showConfirmButton: false,
  115. });
  116. });
  117. </script>
  118. @endsection