Browse Source

fix: 🐛 Different badge colors #703

IceToast 2 years ago
parent
commit
f68b1cc8ca
1 changed files with 129 additions and 102 deletions
  1. 129 102
      themes/default/views/admin/users/show.blade.php

+ 129 - 102
themes/default/views/admin/users/show.blade.php

@@ -6,14 +6,14 @@
         <div class="container-fluid">
             <div class="row mb-2">
                 <div class="col-sm-6">
-                    <h1>{{__('Users')}}</h1>
+                    <h1>{{ __('Users') }}</h1>
                 </div>
                 <div class="col-sm-6">
                     <ol class="breadcrumb float-sm-right">
-                        <li class="breadcrumb-item"><a href="{{route('home')}}">{{__('Dashboard')}}</a></li>
-                        <li class="breadcrumb-item"><a href="{{route('admin.users.index')}}">{{__('Users')}}</a></li>
+                        <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Dashboard') }}</a></li>
+                        <li class="breadcrumb-item"><a href="{{ route('admin.users.index') }}">{{ __('Users') }}</a></li>
                         <li class="breadcrumb-item"><a class="text-muted"
-                                                       href="{{route('admin.users.show' , $user->id)}}">{{__('Show')}}</a>
+                                href="{{ route('admin.users.show', $user->id) }}">{{ __('Show') }}</a>
                         </li>
                     </ol>
                 </div>
@@ -26,18 +26,18 @@
     <section class="content">
         <div class="container-fluid">
 
-            @if($user->discordUser)
+            @if ($user->discordUser)
                 <div class="row">
                     <div class="col-lg-4 col-md-6">
                         <div class="small-box bg-dark">
                             <div class="d-flex justify-content-between">
                                 <div class="p-3">
-                                    <h3>{{$user->discordUser->username}} <sup>{{$user->discordUser->locale}}</sup></h3>
-                                    <p>{{$user->discordUser->id}}
+                                    <h3>{{ $user->discordUser->username }} <sup>{{ $user->discordUser->locale }}</sup></h3>
+                                    <p>{{ $user->discordUser->id }}
                                     </p>
                                 </div>
                                 <div class="p-3"><img width="100px" height="100px" class="rounded-circle"
-                                                      src="{{$user->discordUser->getAvatar()}}" alt="avatar"></div>
+                                        src="{{ $user->discordUser->getAvatar() }}" alt="avatar"></div>
                             </div>
                             <div class="small-box-footer">
                                 <i class="fab fa-discord mr-1"></i>Discord
@@ -50,7 +50,7 @@
 
             <div class="card">
                 <div class="card-header">
-                    <h5 class="card-title"><i class="fas fa-users mr-2"></i>{{__('Users')}}</h5>
+                    <h5 class="card-title"><i class="fas fa-users mr-2"></i>{{ __('Users') }}</h5>
                 </div>
                 <div class="card-body">
                     <div class="row">
@@ -58,12 +58,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('ID')}}</label>
+                                    <label>{{ __('ID') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->id}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->id }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -71,13 +71,21 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Role')}}</label>
+                                    <label>{{ __('Role') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;"
-                                             class="d-inline-block text-truncate badge {{$user->role == 'admin' || $user->role == 'mod' ? 'badge-info' : 'badge-secondary'}}">
-                                           {{$user->role}}
-                                       </span>
+                                    <span style="max-width: 250px;"
+                                        class="d-inline-block text-truncate badge
+                                        @if ($user->role == 'admin') badge-danger
+                                        @elseif ($user->role == 'moderator')
+                                            badge-info
+                                        @elseif ($user->role == 'client')
+                                            badge-success
+                                        @else
+                                            badge-secondary @endif
+                                        ">
+                                        {{ $user->role }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -85,12 +93,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Pterodactyl ID')}}</label>
+                                    <label>{{ __('Pterodactyl ID') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->pterodactyl_id}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->pterodactyl_id }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -98,12 +106,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Email')}}</label>
+                                    <label>{{ __('Email') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->email}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->email }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -112,12 +120,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Server limit')}}</label>
+                                    <label>{{ __('Server limit') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->Servers()->count()}} / {{$user->server_limit}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->Servers()->count() }} / {{ $user->server_limit }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -125,12 +133,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Name')}}</label>
+                                    <label>{{ __('Name') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->name}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->name }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -138,12 +146,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Verified')}} {{__('Email')}}</label>
+                                    <label>{{ __('Verified') }} {{ __('Email') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->email_verified_at ? 'True' : 'False'}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->email_verified_at ? 'True' : 'False' }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -154,9 +162,9 @@
                                     <label>{{ $credits_display_name }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           <i class="fas fa-coins mr-2"></i>{{$user->Credits()}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        <i class="fas fa-coins mr-2"></i>{{ $user->Credits() }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -164,12 +172,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Verified')}} {{__('Discord')}}</label>
+                                    <label>{{ __('Verified') }} {{ __('Discord') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->discordUser ? 'True' : 'False'}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->discordUser ? 'True' : 'False' }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -177,12 +185,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Usage')}}</label>
+                                    <label>{{ __('Usage') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                          <i class="fas fa-coins mr-2"></i>{{$user->CreditUsage()}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        <i class="fas fa-coins mr-2"></i>{{ $user->CreditUsage() }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -191,12 +199,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('IP')}}</label>
+                                    <label>{{ __('IP') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->ip}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->ip }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -204,12 +212,12 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Created at')}}</label>
+                                    <label>{{ __('Created at') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           {{$user->created_at->diffForHumans()}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        {{ $user->created_at->diffForHumans() }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -220,17 +228,16 @@
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>{{__('Last seen')}}</label>
+                                    <label>{{ __('Last seen') }}</label>
                                 </div>
                                 <div class="col-lg-8">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           @if($user->last_seen)
-                                               {{$user->last_seen->diffForHumans()}}
-                                           @else
-                                               <small
-                                                   class="text-muted">Null</small>
-                                           @endif
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        @if ($user->last_seen)
+                                            {{ $user->last_seen->diffForHumans() }}
+                                        @else
+                                            <small class="text-muted">Null</small>
+                                        @endif
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -243,21 +250,21 @@
 
             <div class="card">
                 <div class="card-header">
-                    <h5 class="card-title"><i class="fas fa-server mr-2"></i>{{__('Servers')}}</h5>
+                    <h5 class="card-title"><i class="fas fa-server mr-2"></i>{{ __('Servers') }}</h5>
                 </div>
                 <div class="card-body table-responsive">
                     <table id="datatable" class="table table-striped">
                         <thead>
-                        <tr>
-                            <th width="20"></th>
-                            <th>{{__('Name')}}</th>
-                            <th>{{__('User')}}</th>
-                            <th>{{__('Server id')}}</th>
-                            <th>{{__('Config')}}</th>
-                            <th>{{__('Suspended at')}}</th>
-                            <th>{{__('Created at')}}</th>
-                            <th></th>
-                        </tr>
+                            <tr>
+                                <th width="20"></th>
+                                <th>{{ __('Name') }}</th>
+                                <th>{{ __('User') }}</th>
+                                <th>{{ __('Server id') }}</th>
+                                <th>{{ __('Config') }}</th>
+                                <th>{{ __('Suspended at') }}</th>
+                                <th>{{ __('Created at') }}</th>
+                                <th></th>
+                            </tr>
                         </thead>
                         <tbody>
                         </tbody>
@@ -267,28 +274,28 @@
             </div>
             <div class="card">
                 <div class="card-header">
-                    <h5 class="card-title"><i class="fas fa-user-check mr-2"></i>{{__('Referals')}}
-                        ({{__("referral-code")}}: {{$user->referral_code}})</h5>
+                    <h5 class="card-title"><i class="fas fa-user-check mr-2"></i>{{ __('Referals') }}
+                        ({{ __('referral-code') }}: {{ $user->referral_code }})</h5>
                 </div>
                 <div class="card-body table-responsive">
 
 
-                    @foreach($referrals as $referral)
+                    @foreach ($referrals as $referral)
                         <div class="col-lg-6">
                             <div class="row">
                                 <div class="col-lg-4">
-                                    <label>User ID: {{$referral->id}}</label>
+                                    <label>User ID: {{ $referral->id }}</label>
                                 </div>
                                 <div class="col-lg-4">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           <i class="fas fa-user-check mr-2"></i><a
-                                               href="{{route("admin.users.show",$referral->id)}}">{{$referral->name}}</a>
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        <i class="fas fa-user-check mr-2"></i><a
+                                            href="{{ route('admin.users.show', $referral->id) }}">{{ $referral->name }}</a>
+                                    </span>
                                 </div>
                                 <div class="col-lg-4">
-                                       <span style="max-width: 250px;" class="d-inline-block text-truncate">
-                                           <i class="fas fa-clock mr-2"></i>{{$referral->created_at->diffForHumans()}}
-                                       </span>
+                                    <span style="max-width: 250px;" class="d-inline-block text-truncate">
+                                        <i class="fas fa-clock mr-2"></i>{{ $referral->created_at->diffForHumans() }}
+                                    </span>
                                 </div>
                             </div>
                         </div>
@@ -302,11 +309,10 @@
         </div>
     </section>
     <!-- END CONTENT -->
-
 @endsection
 
 <script>
-    document.addEventListener("DOMContentLoaded", function () {
+    document.addEventListener("DOMContentLoaded", function() {
         $('#datatable').DataTable({
             language: {
                 url: '//cdn.datatables.net/plug-ins/1.11.3/i18n/{{ $locale_datatables }}.json'
@@ -314,19 +320,40 @@
             processing: true,
             serverSide: true,
             stateSave: true,
-            ajax: "{{route('admin.servers.datatable')}}?user={{ $user->id }}",
-            order: [[ 5, "desc" ]],
-            columns: [
-                {data: 'status' , name : 'servers.suspended'},
-                {data: 'name'},
-                {data: 'user' , name : 'user.name'},
-                {data: 'identifier'},
-                {data: 'resources' , name : 'product.name'},
-                {data: 'suspended'},
-                {data: 'created_at'},
-                {data: 'actions' , sortable : false},
+            ajax: "{{ route('admin.servers.datatable') }}?user={{ $user->id }}",
+            order: [
+                [5, "desc"]
+            ],
+            columns: [{
+                    data: 'status',
+                    name: 'servers.suspended'
+                },
+                {
+                    data: 'name'
+                },
+                {
+                    data: 'user',
+                    name: 'user.name'
+                },
+                {
+                    data: 'identifier'
+                },
+                {
+                    data: 'resources',
+                    name: 'product.name'
+                },
+                {
+                    data: 'suspended'
+                },
+                {
+                    data: 'created_at'
+                },
+                {
+                    data: 'actions',
+                    sortable: false
+                },
             ],
-            fnDrawCallback: function( oSettings ) {
+            fnDrawCallback: function(oSettings) {
                 $('[data-toggle="popover"]').popover();
             }
         });