mirror of
https://github.com/ProxyPanel/ProxyPanel.git
synced 2026-04-05 12:08:58 +00:00
167927af13
- Unify pagination and total footer layout - Improve pagination display on small screens (no overflow) - Add truncated pagination with ellipsis - Standardize paginator style (Bootstrap 4)
92 lines
4.8 KiB
PHP
92 lines
4.8 KiB
PHP
@extends('user.layouts')
|
|
@section('css')
|
|
<link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
|
|
@endsection
|
|
@section('content')
|
|
<div class="page-header">
|
|
<h1 class="page-title cyan-600">
|
|
<i class="icon wb-extension"></i>{{ trans('user.menu.invites') }}
|
|
</h1>
|
|
</div>
|
|
<div class="page-content container-fluid">
|
|
<x-alert type="info" :message="trans('user.invite.promotion.base', ['traffic' => $referral_traffic]) .
|
|
trans('user.invite.promotion.bonus.' . $referral_reward_mode, ['referral_percent' => $referral_percent])" />
|
|
<div class="row">
|
|
<div class="col-xxl-3 col-lg-4">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<h4 class="card-title cyan-600">
|
|
<i class="icon wb-plus"></i> {{ trans('common.generate_item', ['attribute' => trans('user.invite.attribute')]) }}
|
|
</h4>
|
|
<x-alert type="info" :message="trans('user.invite.tips', ['num' => $num, 'days' => sysConfig('user_invite_days')])" />
|
|
<button class="btn btn-primary btn-animate btn-animate-side" type="button" onclick="makeInvite()"
|
|
@if (!$num) disabled @endif>
|
|
<i class="icon wb-plus"></i> {{ trans('common.generate') }}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-9 col-lg-8">
|
|
<div class="card">
|
|
<div class="card-block">
|
|
<h4 class="card-title cyan-600">
|
|
<i class="icon wb-extension"></i>{{ trans('user.invite.attribute') }}
|
|
</h4>
|
|
<table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
|
|
<thead class="thead-default">
|
|
<tr>
|
|
<th data-cell-style="cellStyle"> #</th>
|
|
<th> {{ trans('user.invite.attribute') }} </th>
|
|
<th> {{ trans('common.available_date') }} </th>
|
|
<th> {{ trans('common.status.attribute') }} </th>
|
|
<th> {{ trans('user.invitee') }} </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($inviteList as $invite)
|
|
<tr>
|
|
<td> {{ $loop->iteration + ($inviteList->currentPage() - 1) * $inviteList->perPage() }} </td>
|
|
<td>
|
|
<a class="mt-clipboard" href="javascript:(0)">{{ $invite->code }}</a>
|
|
</td>
|
|
<td> {{ $invite->dateline }} </td>
|
|
<td>
|
|
{!! $invite->status_label !!}
|
|
</td>
|
|
<td>
|
|
@if ($invite->status === 1)
|
|
{{ $invite->invitee->username ?? '【' . trans('common.deleted_item', ['attribute' => trans('common.account')]) . '】' }}
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="card-footer card-footer-transparent d-flex flex-column flex-lg-row justify-content-between align-items-center">
|
|
<div class="mb-5 mb-lg-0">
|
|
{!! trans('user.invite.counts', ['num' => $inviteList->total()]) !!}
|
|
</div>
|
|
{{ $inviteList->links() }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('javascript')
|
|
<script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
|
|
<script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
|
|
<script>
|
|
// 生成邀请码
|
|
function makeInvite() {
|
|
ajaxPost('{{ route('invite.store') }}');
|
|
}
|
|
|
|
$(document).on('click', '.mt-clipboard', function(e) {
|
|
e.preventDefault();
|
|
copyToClipboard(jsRoute('{{ route('register', ['code' => 'PLACEHOLDER']) }}', $(this).text()));
|
|
});
|
|
</script>
|
|
@endsection
|