invite.blade.php 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. @extends('user.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" type="text/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('home.invite_code')}}
  9. </h1>
  10. </div>
  11. <div class="page-content container-fluid">
  12. <x-alert type="info" :message="trans('home.promote_invite_code', ['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('home.invite_code_make')}}
  19. </h4>
  20. <x-alert type="info" :message="trans('home.invite_code_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('home.invite_code_button')}}
  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('home.invite_code_my_codes')}}
  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('home.invite_code_table_name')}} </th>
  38. <th> {{trans('home.invite_code_table_date')}} </th>
  39. <th> {{trans('home.invite_code_table_status')}} </th>
  40. <th> {{trans('home.invite_code_table_user')}} </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 ?? '【账号已删除】') : ''}}
  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('home.invite_code_summary', ['total' => $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('script')
  79. <script src="/assets/custom/Plugin/clipboardjs/clipboard.min.js" type="text/javascript"></script>
  80. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js" type="text/javascript"></script>
  81. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js" type="text/javascript"></script>
  82. <script type="text/javascript">
  83. // 生成邀请码
  84. function makeInvite() {
  85. $.ajax({
  86. method: 'POST',
  87. async: false,
  88. url: '{{route('createInvite')}}',
  89. data: {_token: '{{csrf_token()}}'},
  90. dataType: 'json',
  91. success: function(ret) {
  92. if (ret.status === 'success') {
  93. swal.fire({title: ret.message, icon: 'success'}).then(() => window.location.reload());
  94. }
  95. else {
  96. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  97. }
  98. },
  99. });
  100. return false;
  101. }
  102. const clipboard = new ClipboardJS('.mt-clipboard');
  103. clipboard.on('success', function() {
  104. swal.fire({
  105. title: '复制成功',
  106. icon: 'success',
  107. timer: 1300,
  108. showConfirmButton: false,
  109. });
  110. });
  111. clipboard.on('error', function() {
  112. swal.fire({
  113. title: '复制失败,请手动复制',
  114. icon: 'error',
  115. timer: 1500,
  116. showConfirmButton: false,
  117. });
  118. });
  119. </script>
  120. @endsection