mirror of
https://github.com/HDInnovations/UNIT3D-Community-Edition.git
synced 2026-02-11 22:19:47 -06:00
update: user uploads view
This commit is contained in:
Roardom
@@ -1,3 +1,31 @@
|
||||
.user-uploads {
|
||||
margin: 0 calc(-1 * max(0px, 10vw - 60px)); /* Inverses the magic numbers used in the main layout styles */
|
||||
max-width: max-content;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1600px) {
|
||||
.user-uploads {
|
||||
margin: 0 calc(-1 * max(0px, 25vw - 300px)); /* Inverses the magic numbers used in the main layout styles */
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 2500px) {
|
||||
.user-uploads {
|
||||
margin: 0 calc(-1 * max(0px, 45vw - 800px)); /* Inverses the magic numbers used in the main layout styles */
|
||||
}
|
||||
}
|
||||
|
||||
.user-uploads__filters {
|
||||
margin: 0 calc(-1 * max(0px, 45vw - 800px) + max(12px, 45vw - 600px));
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.user-uploads__filters {
|
||||
margin: 0 max(0, 45vw - 600px);
|
||||
}
|
||||
}
|
||||
|
||||
.user-uploads__name-header,
|
||||
.user-uploads__size-header,
|
||||
.user-uploads__seeders-header,
|
||||
|
||||
@@ -1,79 +1,84 @@
|
||||
<div>
|
||||
<div class="container well search mt-5">
|
||||
<div class="form-horizontal form-condensed form-torrent-search form-bordered">
|
||||
<div class="mx-0 mt-5 form-group fatten-me">
|
||||
<label for="name" class="mt-5 col-sm-1 label label-default fatten-me">{{ __('torrent.name') }}</label>
|
||||
<div class="col-sm-9 fatten-me">
|
||||
<input type="text" class="form-control" id="name" wire:model="name" placeholder="{{ __('torrent.name') }}">
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column; gap: 1rem;">
|
||||
<section class="panelV2 user-uploads__filters">
|
||||
<h2 class="panel__heading">{{ __('common.search') }}</h2>
|
||||
<div class="panel__body">
|
||||
<div class="form__group--horizontal">
|
||||
<p class="form__group">
|
||||
<input wire:model="name" class="form__text" placeholder="" autofocus="">
|
||||
<label class="form__label form__label--floating">{{ __('torrent.name') }}</label>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="mx-0 mt-5 form-group fatten-me">
|
||||
<div class="mt-5 col-sm-1 label label-default fatten-me">
|
||||
{{ __('torrent.filters') }}
|
||||
<div class="form__group--short-horizontal">
|
||||
<div class="form__group">
|
||||
<fieldset class="form__fieldset">
|
||||
<legend class="form__legend">{{ __('torrent.filters') }}</legend>
|
||||
<div class="form__fieldset-checkbox-container">
|
||||
<p class="form__group">
|
||||
<label style="user-select: none" class="form__label" x-data="{ state: @entangle('personalRelease'), ...ternaryCheckbox() }">
|
||||
<input
|
||||
type="checkbox"
|
||||
class="user-uploads__checkbox"
|
||||
x-init="updateTernaryCheckboxProperties($el, state)"
|
||||
x-on:click="state = getNextTernaryCheckboxState(state); updateTernaryCheckboxProperties($el, state)"
|
||||
x-bind:checked="state === 'include'"
|
||||
>
|
||||
{{ __('torrent.downloaded') }}
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<span class="badge-user">
|
||||
<label style="user-select: none" class="inline" x-data="{ state: @entangle('personalRelease'), ...ternaryCheckbox() }">
|
||||
<input
|
||||
type="checkbox"
|
||||
class="user-uploads__checkbox"
|
||||
x-init="updateTernaryCheckboxProperties($el, state)"
|
||||
x-on:click="state = getNextTernaryCheckboxState(state); updateTernaryCheckboxProperties($el, state)"
|
||||
x-bind:checked="state === 'include'"
|
||||
>
|
||||
{{ __('torrent.personal-release') }}
|
||||
</label>
|
||||
</span>
|
||||
<div class="form__group">
|
||||
<fieldset class="form__fieldset">
|
||||
<legend class="form__legend">{{ __('torrent.moderation') }}</legend>
|
||||
<div class="form__fieldset-checkbox-container">
|
||||
<p class="form__group">
|
||||
<label class="form__label">
|
||||
<input class="user-uploads__checkbox" type="checkbox" value="0" wire:model="status">
|
||||
{{ __('torrent.pending') }}
|
||||
</label>
|
||||
</p>
|
||||
<p class="form__group">
|
||||
<label class="form__label">
|
||||
<input class="user-uploads__checkbox" type="checkbox" value="1" wire:model="status">
|
||||
{{ __('torrent.approved') }}
|
||||
</label>
|
||||
</p>
|
||||
<p class="form__group">
|
||||
<label class="form__label">
|
||||
<input class="user-uploads__checkbox" type="checkbox" value="2" wire:model="status">
|
||||
{{ __('torrent.rejected') }}
|
||||
</label>
|
||||
</p>
|
||||
<p class="form__group">
|
||||
<label class="form__label">
|
||||
<input class="user-uploads__checkbox" type="checkbox" value="3" wire:model="status">
|
||||
Postponed
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-0 mt-5 form-group fatten-me">
|
||||
<div class="mt-5 col-sm-1 label label-default fatten-me">
|
||||
{{ __('torrent.moderation') }}
|
||||
</div>
|
||||
<div class="col-sm-10">
|
||||
<span class="badge-user">
|
||||
<label class="inline">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="status" value="0">
|
||||
{{ __('torrent.pending') }}
|
||||
</label>
|
||||
</span>
|
||||
<span class="badge-user">
|
||||
<label class="inline">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="status" value="1">
|
||||
{{ __('torrent.approved') }}
|
||||
</label>
|
||||
</span>
|
||||
<span class="badge-user">
|
||||
<label class="inline">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="status" value="2">
|
||||
{{ __('torrent.rejected') }}
|
||||
</label>
|
||||
</span>
|
||||
<span class="badge-user">
|
||||
<label class="inline">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="status" value="3">
|
||||
Postponed
|
||||
</label>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mx-0 mt-5 form-group fatten-me">
|
||||
<div class="mt-5 col-sm-1 label label-default fatten-me">Options</div>
|
||||
<div class="col-sm-10">
|
||||
<span class="badge-user">
|
||||
<label class="inline">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="showMorePrecision">
|
||||
Show more precision
|
||||
</label>
|
||||
</span>
|
||||
<div class="form__group">
|
||||
<fieldset class="form__fieldset">
|
||||
<legend class="form__legend">Precision</legend>
|
||||
<div class="form__fieldset-checkbox-container">
|
||||
<p class="form__group">
|
||||
<label class="form__label">
|
||||
<input type="checkbox" class="user-uploads__checkbox" wire:model="showMorePrecision">
|
||||
Show more precision
|
||||
</label>
|
||||
</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="table-responsive">
|
||||
<table class="table table-condensed table-striped table-bordered">
|
||||
</section>
|
||||
<section class="panelV2">
|
||||
<h2 class="panel__heading">{{ __('user.uploads') }}</h2>
|
||||
<div class="data-table-wrapper">
|
||||
<table class="data-table">
|
||||
<thead>
|
||||
<th class="user-uploads__name-header" wire:click="sortBy('name')" role="columnheader button">
|
||||
{{ __('torrent.name') }}
|
||||
@@ -193,11 +198,9 @@
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="text-center">
|
||||
{{ $uploads->links('partials.pagination') }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ $uploads->links('partials.pagination') }}
|
||||
</section>
|
||||
<script nonce="{{ HDVinnie\SecureHeaders\SecureHeaders::nonce('script') }}">
|
||||
function ternaryCheckbox() {
|
||||
return {
|
||||
|
||||
@@ -15,29 +15,25 @@
|
||||
</li>
|
||||
@endsection
|
||||
|
||||
@section('page', 'page__user-uploads--index')
|
||||
|
||||
@section('nav-tabs')
|
||||
@include('user.buttons.user')
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="container-fluid">
|
||||
<div class="block">
|
||||
<div class="button-holder some-padding">
|
||||
<div class="button-left">
|
||||
|
||||
</div>
|
||||
<div class="button-right">
|
||||
<span class="badge-user"><strong>{{ __('user.total-download') }}:</strong>
|
||||
<span class="badge-extra text-red">{{ App\Helpers\StringHelper::formatBytes($history->download, 2) }}</span>
|
||||
<span class="badge-extra text-orange" title="{{ __('user.credited-download') }}">{{ App\Helpers\StringHelper::formatBytes($history->credited_download, 2) }}</span>
|
||||
</span>
|
||||
<span class="badge-user"><strong>{{ __('user.total-upload') }}:</strong>
|
||||
<span class="badge-extra text-green">{{ App\Helpers\StringHelper::formatBytes($history->upload, 2) }}</span>
|
||||
<span class="badge-extra text-blue" title="{{ __('user.credited-upload') }}">{{ App\Helpers\StringHelper::formatBytes($history->credited_upload, 2) }}</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="some-padding">
|
||||
@livewire('user-uploads', ['userId' => $user->id])
|
||||
</div>
|
||||
@section('main')
|
||||
@livewire('user-uploads', ['userId' => $user->id])
|
||||
<section class="panelV2">
|
||||
<h2 class="panel__heading">{{ __('user.statistics') }}</h2>
|
||||
<dl class="key-value">
|
||||
<dt>{{ __('user.total-download') }}</dt>
|
||||
<dd>{{ App\Helpers\StringHelper::formatBytes($history->download, 2) }}</dd>
|
||||
<dt>{{ __('user.total-download') }} ({{ __('user.credited-download') }})</dt>
|
||||
<dd>{{ App\Helpers\StringHelper::formatBytes($history->credited_download, 2) }}</dd>
|
||||
<dt>{{ __('user.total-upload') }}</dt>
|
||||
<dd>{{ App\Helpers\StringHelper::formatBytes($history->upload, 2) }}</dd>
|
||||
<dt>{{ __('user.total-upload') }} ({{ __('user.credited-upload') }})</dt>
|
||||
<dd>{{ App\Helpers\StringHelper::formatBytes($history->credited_upload, 2) }}</dd>
|
||||
</dl>
|
||||
</section>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user