A lot of things

This commit is contained in:
2026-06-16 16:21:43 +02:00
parent 4f9f6c63b3
commit 7e1e26f20b
126 changed files with 7917 additions and 204 deletions

View File

@@ -0,0 +1,40 @@
<?php /** @var \App\Models\Entry $entry */ ?>
@if($featuredEntries->isNotEmpty())
<section class="home-section">
<div class="home-section-header">
<h2 class="home-section-title">
<i data-lucide="star" size="16"></i>
Featured entries
</h2>
</div>
<div class="featured-entries-grid">
@foreach($featuredEntries as $entry)
<a href="{{ route('entries.show', [ 'section' => $entry->type, 'entry' => $entry ]) }}" class="featured-entry-card">
<div class="featured-entry-cover">
@if($entry->main_image)
<img src="{{ Storage::url($entry->main_image) }}"
alt="{{ $entry->title }}"
loading="lazy">
@endif
<span class="featured-entry-star">
{{ \App\View\Components\EntryCard::ENTRY_TYPES_BADGE[ $entry->type ] }}
</span>
</div>
<div class="featured-entry-body">
@if(!empty($entry->getRealPlatform()))
<span class="featured-entry-platform">{{ $entry->getRealPlatform()->name }}</span>
@endif
<div class="featured-entry-title">{{ $entry->title }}</div>
<div class="featured-entry-meta">
@if($entry->user_id)
<x-xf-username-link :user-id="$entry->user_id"/>
@endif
· {{ $entry->featured_at->format('M Y') }}
</div>
</div>
</a>
@endforeach
</div>
</section>
@endif

View File

@@ -0,0 +1,34 @@
<?php /** @var \App\Models\News $news */ ?>
<section class="home-section">
<div class="home-section-header">
<h2 class="home-section-title">
<i data-lucide="newspaper" size="16"></i>
Latest news
</h2>
<a href="{{ route('news.index') }}" class="home-section-more">
See all <i data-lucide="arrow-right" size="12"></i>
</a>
</div>
<div class="news-strip">
@foreach($latestNews as $news)
<a href="{{ route('news.show', $news) }}" class="news-strip-card">
<div class="news-strip-cover"
@if($news->gallery->first())
style="background-image: url('{{ Storage::url($news->gallery()->first()->image) }}')"
@endif>
<span class="news-strip-date">
{{ $news->created_at->format('M j') }}
</span>
</div>
<div class="news-strip-body">
<span class="news-strip-badge">News</span>
<h3 class="news-strip-title">{{ $news->title }}</h3>
<span class="news-strip-meta">
{{ $news->created_at->diffForHumans() }}
</span>
</div>
</a>
@endforeach
</div>
</section>

View File

@@ -0,0 +1,103 @@
@php $currentDay = null; @endphp
<div class="activity-timeline" id="activity-timeline">
@forelse($items as $item)
@php
$day = $item->date->format('Y-m-d');
$dayLabel = $item->date->isToday() ? 'Today'
: ($item->date->isYesterday() ? 'Yesterday'
: $item->date->format('M d, Y'));
@endphp
@if($day !== $currentDay)
@php $currentDay = $day; @endphp
<div class="activity-day-sep">
<span class="activity-day-label">{{ $dayLabel }}</span>
<div class="activity-day-line"></div>
</div>
@endif
<div class="activity-tl-item" data-type="{{ $item->type }}">
<div class="activity-tl-left">
<div class="activity-tl-dot activity-tl-dot--{{ $item->type }}">
@if($item->type === 'entry')
<i data-lucide="database" size="14"></i>
@elseif($item->type === 'news')
<i data-lucide="newspaper" size="14"></i>
@elseif($item->type === 'message')
<i data-lucide="message-square" size="14"></i>
@elseif($item->type === 'thread')
<i data-lucide="messages-square" size="14"></i>
@elseif($item->type === 'club')
<i data-lucide="balloon" size="14"></i>
@else
<i data-lucide="target" size="14"></i>
@endif
</div>
<div class="activity-tl-line"></div>
</div>
<a
href="{{ $item->url }}"
class="activity-tl-card"
>
@if( !empty($item->image) )
<div class="activity-tl-thumb activity-tl-thumb--{{ $item->type }}">
<img src="{{ $item->image }}" alt="{{ $item->title }}" loading="lazy">
</div>
@endif
<div class="activity-tl-body">
<span class="activity-tl-badge activity-tl-badge--{{ $item->type }}">
{{ $item->badge }}
</span>
<div class="activity-tl-card-title">{{ $item->title }}</div>
@if(!empty($item->excerpt))
<div class="activity-tl-card-description">
{{ $item->excerpt }}
</div>
@endif
<div class="activity-tl-meta">
@if(!empty($item->user_id))
<span>
<i data-lucide="user" size="11"></i>
<x-xf-username-link :user-id="$item->user_id"/>
</span>
@elseif(!empty($item->author))
<span>
<i data-lucide="users" size="11"></i>
{{ $item->author }}
</span>
@endif
@if(!empty($item->meta))
<span>
<i data-lucide="monitor" size="11"></i>
{{ $item->meta }}
</span>
@endif
</div>
</div>
<div class="activity-tl-time">
@if($item->date->isToday())
{{ $item->date->format('g:i A') }}
@elseif($item->date->isYesterday())
Yesterday {{ $item->date->format('g:i A') }}
@elseif($item->date->diffInDays() < 7)
{{ $item->date->format('D g:i A') }}
@else
{{ $item->date->format('M j, g:i A') }}
@endif
</div>
</a>
</div>
@empty
<div class="activity-tl-empty">
<i data-lucide="inbox" size="36"></i>
<p>No recent activity.</p>
</div>
@endforelse
</div>

View File

@@ -15,8 +15,14 @@
</div>
<div class="form-gallery form-group level" style="flex:4;">
<template x-for="(image,i) in images" :key="image.key">
<div class="gallery-item">
<div class="gallery-item" :class="{ 'gallery-item--dragging': dragSrcI === i }" draggable="true" @dragstart="dragStart(i)" @dragover="dragOver($event, i)" @dragend="dragEnd()">
<div class="form-image-preview-wrap">
<div class="gallery-drag-handle" title="Drag to reorder">
<i data-lucide="grip-vertical" size="14"></i>
</div>
<span class="gallery-order-badge" x-text="i + 1"></span>
<img :src="image.preview" :alt="image.name">
<button type="button" class="form-image-remove" @click="handleRemoveFile(i)">
X

View File

@@ -1,12 +1,7 @@
<nav id="menu">
<div class="menu-header">
<div class="menu-logo">
RP
</div>
<div class="menu-title">
Romhack Plaza
</div>
<img src="{{ asset('logo/plaza-logo-wide.png') }}">
</div>
<div class="menu-navigation">
@@ -15,7 +10,7 @@
<div class="menu-group">
<div class="menu-group-title">{{ $menu['name'] }}</div>
@foreach( $menu['items'] as $item )
@if( !isset( $item['requires_auth'] ) || $item['requires_auth'] && !\Auth::guest() )
@if( !isset( $item['requires_auth'] ) || $item['requires_auth'] === true && !\Auth::guest() )
<a href="{{ isset($item['xf_route']) ? xfRoute($item['xf_route']) : route($item['route']) }}"
@class(['menu-item', 'active' => request()->routeIs( $item['route'] ?? '' )]) >
<i data-lucide="{{ $item['icon'] }}"></i><span>{{ $item['name'] }}</span>

View File

@@ -0,0 +1,41 @@
<a href="{{ route('news.show', $news->slug) }}" class="news-card">
<div class="news-card-cover"
style="background-image:
linear-gradient(rgba(0,0,0,0.1), rgba(20,20,20,0.9)),
url('{{ $news->gallery()->first() ? Storage::url($news->gallery()->first()->image) : '' }}')">
@if($news->state !== 'published')
<span class="news-card-state-badge">
@if($news->state === 'pending')
<i data-lucide="clock" size="11"></i> Pending
@elseif($news->state === 'draft')
<i data-lucide="scissors" size="11"></i> Draft
@elseif($news->state === 'hidden')
<i data-lucide="eye-off" size="11"></i> Hidden
@endif
</span>
@endif
</div>
<div class="news-card-body">
<h2 class="news-card-title">{{ $news->title }}</h2>
@if($news->description)
<p class="news-card-excerpt">
{{ Str::limit(strip_tags($news->description), 100) }}
</p>
@endif
<div class="news-card-meta">
@if($news->user_id)
<span><i data-lucide="user" size="12"></i>
<x-xf-username-link :user-id="$news->user_id"/>
</span>
@endif
<span><i data-lucide="calendar" size="12"></i>
{{ $news->created_at->format('M d, Y') }}
</span>
@if($news->gallery->isNotEmpty())
<span><i data-lucide="images" size="12"></i>
{{ $news->gallery->count() }}
</span>
@endif
</div>
</div>
</a>

View File

@@ -0,0 +1,13 @@
<?php /** @var \App\Models\Category $category */ ?>
<div class="form-group">
<select class="form-select" name="category">
<option value="" disabled {{ empty($selected) ? 'selected' : '' }} hidde*>
Select a category...
</option>
@foreach($categories as $category)
<option value="{{ $category->id }}" {{ in_array($category->id, (array) $selected) ? 'selected' : '' }}>
{{ $category->name }}
</option>
@endforeach
</select>
</div>

View File

@@ -32,25 +32,6 @@
</button>
</div>
<div class="settings-separator"></div>
<div class="settings-section">
<div class="settings-section-title">
<i data-lucide="layout-grid" size="14"></i>
Entries per page
</div>
<div class="settings-perpage">
<template x-for="n in $store.settings.entriesPerPage" :key="n">
<button
type="button"
class="settings-perpage-btn"
:class="{ 'active': $store.settings.currentEntriesPerPage == n }"
@click="$store.settings.entriesPerPageChanged(n)"
x-text="n"
></button>
</template>
</div>
<div class="settings-separator"></div>
@auth
@@ -67,6 +48,4 @@
</div>
@endauth
</div>
</div>

View File

@@ -2,6 +2,7 @@
nsfw: null,
state: '{{ old('submit-state', $defaultState) }}',
deleteOpen: false,
featuredOpen: false,
init(){
this.$watch('nsfw', (val) => {
if( val && this.state === 'published' ) {
@@ -11,6 +12,13 @@
}
}" x-init="init()">
@if($isEdit)
@if(!$news && $entry && !$entry->featured )
<div>
<button type="button" id="entry-featured-button" class="btn" @click="featuredOpen = true; $dispatch('modal:opened')">
<i data-lucide="star" size="13"></i> Featured
</button>
</div>
@endif
<div>
<button type="button" class="btn danger" @click="deleteOpen = true; $dispatch('modal:opened')">
<i data-lucide="trash-2" size="13"></i> Delete
@@ -35,6 +43,46 @@
</select>
@if($isEdit)
@if(!$news && $entry && !$entry->featured )
<template x-teleport="body">
<div
class="modal-overlay"
x-cloak
x-show="featuredOpen"
x-transition.opacity
@click.self="featuredOpen = false"
@keydown.escape.window="featuredOpen = false"
@modal:opened.window="refreshIcons($el)"
>
<div class="modal-window" x-show="featuredOpen" x-transition>
<div class="modal-header">
<span class="modal-title">Request as featured</span>
<button type="button" class="modal-close" @click="featuredOpen = false">
<i data-lucide="x" size="20"></i>
</button>
</div>
<div class="modal-body" id="entry-featured-body">
<p style="margin-bottom: 1.5rem; color: var(--text, #333);">
Please do not overuse this feature. Send only one request at a time.
</p>
<div class="queue-mod-actions" id="entry-featured-actions">
<button type="button" class="btn" @click="featuredOpen = false">
Cancel
</button>
<button type="button" class="btn" @click="Submission().requestFeatured({{ $entry->id }})">
<i data-lucide="star" size="14"></i>
Request as featured
</button>
</div>
</div>
</div>
</div>
</template>
@endif
<template x-teleport="body">
<div
class="modal-overlay"
@@ -58,7 +106,7 @@
Are you sure you want to delete this entry? This action cannot be undone.
</p>
<form action="{{ route('submit.destroy', ['section' => $section, 'entry' => $entry ]) }}" method="POST">
<form action="{{ $news ? route('news.destroy', [ 'news' => $news ] ) : route('submit.destroy', ['section' => $section, 'entry' => $entry ]) }}" method="POST">
@csrf
@method('DELETE')

View File

@@ -46,7 +46,7 @@
{{-- Users --}}
@can('create','\App\Models\Entry')
<a href="#" class="btn">
<a href="{{ route('submit.index') }}" class="btn">
<i data-lucide="hard-drive-upload" size="18"></i>
</a>
@endcan
@@ -78,7 +78,7 @@
@include('components.conversations')
</div>
@endif
<div x-data style="position: relative;" x-init="$store.settings.xfUrls = { 'default': '{{ xfStyleVariationUrl( 'default' ) }}', 'alternate': '{{ xfStyleVariationUrl( 'alternate' ) }}' }">
<div x-data style="position: relative;" x-init="$store.settings.xfUrls = { 'default': '{{ xfStyleVariationUrl( 'default' ) }}', 'alternate': '{{ xfStyleVariationUrl( 'alternate' ) }}' }; $store.settings.currentTheme = '{{ userTheme() }}'">
<button
type="button"
class="btn"

View File

@@ -1,9 +1,12 @@
<div class="grid-c2" style="margin-top:1%;">
<div id="reviews-section">
<div class="entry-content">
<x-entry-section-title label="Reviews" icon="star" />
@php if( !isset($entry) && isset($news) ){ $entry = $news; $newsMode = true; } else { $newsMode = false; } @endphp
<div class="{{ !$newsMode ? 'grid-c2' : '' }}" style="margin-top:1%;">
@if( !$newsMode )
<div id="reviews-section">
<div class="entry-content">
<x-entry-section-title label="Reviews" icon="star" />
</div>
</div>
</div>
@endif
<div id="comments-section">
<div class="entry-content">
<x-entry-section-title label="Last comments" icon="message-circle" />

View File

@@ -3,6 +3,7 @@
@section('page-title', "My Drafts - " . config('app.name'))
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">
My Drafts
</div>
@@ -16,6 +17,9 @@
<span>{{ $drafts->total() }} draft{{ $drafts->total() > 1 ? 's' : '' }}</span>
</div>
<div class="drafts-list">
@foreach($newsDrafts as $draft)
@include('news.draft_item', ['news' => $draft])
@endforeach
@foreach($drafts as $draft)
@include('entries.draft_item', ['entry' => $draft])
@endforeach

View File

@@ -3,5 +3,9 @@
@section('page-title', "Database - " . config('app.name') )
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">
Database
</div>
@livewire('database')
@endsection

View File

@@ -279,7 +279,7 @@
<div class="video-thumbnail-wrapper"
@click="src = 'https://www.youtube.com/embed/{{ $entry->getYoutubeVideoId() }}?autoplay=1'; open = true">
<img src="https://img.youtube.com/vi/{{ $entry->youtube_id }}/maxresdefault.jpg">
<img src="https://img.youtube.com/vi/{{ $entry->getYoutubeVideoId() }}/maxresdefault.jpg">
<div class="play-trigger">
<i data-lucide="play"></i>
</div>

View File

@@ -3,10 +3,28 @@
@section('page-title', "Home - " . config('app.name') )
@section('content')
<div class="block">
Ceci est un block !
</div>
<x-error-block error-type="page-not-allowed" />
<x-xf-username-link user-id="2" />
@include('activity.latest-news')
@include('activity.featured-entries')
<div class="activity-tl-header" x-data x-init="$store.settings.currentActivityFilters = {{ Js::from($activeFilters) }};">
<h2 class="activity-tl-title">
<i data-lucide="radio-tower" size="18"></i>
Latest activity
</h2>
<div class="activity-tl-filters">
@foreach($viewFilters as $key => $config)
<button
class="activity-tl-filter {{ in_array($key, $activeFilters) ? 'active' : '' }}"
data-filter="{{ $key }}"
x-data
@click="$store.settings.toggleActivityFilter('{{$key}}');$el.classList.toggle('active');">
<i data-lucide="{{ $config['icon'] }}" size="12"></i>
{{ $config['label'] }}
</button>
@endforeach
</div>
</div>
@include('activity.timeline')
@endsection

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="{{ \Illuminate\Support\Facades\Cookie::get('theme', 'default') === 'alternate' ? 'light-mode' : '' }}">
<html lang="en" class="{{ userTheme() === 'alternate' ? 'light-mode' : '' }}">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

View File

@@ -44,6 +44,10 @@
<i data-lucide="trash-2" size="15"></i>
Deleted entries
</a>
<a href="{{ route('modcp.logs') }}" class="modcp-nav-item" {{ request()->routeIs('modcp.logs') ? 'active' : '' }}>
<i data-lucide="logs" size="15"></i>
Logs
</a>
@endcan
</div>

View File

@@ -0,0 +1,210 @@
<div>
<div class="log-filters" x-data="{ open: {{ $hasFilters ? 'true' : 'false' }} }">
<div class="log-filters-main">
<div class="log-search-wrap">
<i data-lucide="search" size="13"></i>
<input
wire:model.live.debounce.300ms="search"
type="text"
class="form-input"
placeholder="Search description, subject, channel…"
>
</div>
<select wire:model.live="event" class="form-select log-select">
<option value="">All events</option>
@foreach($events as $e)
<option value="{{ $e }}">{{ ucfirst($e) }}</option>
@endforeach
</select>
<select wire:model.live="logName" class="form-select log-select">
<option value="">All channels</option>
@foreach($logNames as $name)
<option value="{{ $name }}">{{ $name }}</option>
@endforeach
</select>
<button @click="open = !open" class="btn {{ $hasFilters ? 'btn--active' : '' }}">
<i data-lucide="sliders-horizontal" size="13"></i>
More filters
@if($hasFilters)
<span class="log-filter-dot"></span>
@endif
</button>
@if($search || $hasFilters)
<button wire:click="clearFilters" class="btn">
<i data-lucide="x" size="13"></i> Clear
</button>
@endif
</div>
<div
x-show="open"
x-transition:enter="log-transition-enter"
x-transition:leave="log-transition-leave"
class="log-filters-extra"
>
<div class="log-filters-extra-inner">
<div class="log-filter-field">
<label class="log-filter-label">From</label>
<input wire:model.live="dateFrom" type="date" class="form-input">
</div>
<div class="log-filter-field">
<label class="log-filter-label">To</label>
<input wire:model.live="dateTo" type="date" class="form-input">
</div>
<div class="log-filter-field">
<label class="log-filter-label">User ID</label>
<input
wire:model.live.debounce.400ms="causerId"
type="text"
class="form-input"
placeholder="XenForo user ID"
>
</div>
</div>
</div>
</div>
<div class="log-results-bar">
<span class="log-results-count">
<span wire:loading.class="log-loading">
{{ number_format($logs->total()) }} log entries
</span>
</span>
<span class="log-results-pages">
Page {{ $logs->currentPage() }} / {{ $logs->lastPage() }}
</span>
</div>
@if($logs->isEmpty())
<div class="modcp-empty">
<i data-lucide="search-x" size="36"></i>
<p>No logs match your search.</p>
</div>
@else
<div class="modcp-list">
@foreach($logs as $log)
@php
$old = $log->properties->get('old', []);
$attrs = $log->properties->get('attributes', []);
$extra = array_diff_key($log->properties->toArray(), array_flip(['old', 'attributes']));
$hasDiff = !empty($old) || !empty($attrs) || !empty($extra);
@endphp
<div
class="modcp-list-item log-item"
x-data="{ open: false }"
:class="open && 'log-item--open'"
>
<div class="log-event-dot log-event-dot--{{ $log->event ?? 'custom' }}">
@switch($log->event)
@case('created') <i data-lucide="plus" size="12"></i> @break
@case('updated') <i data-lucide="pen-line" size="12"></i> @break
@case('deleted') <i data-lucide="trash-2" size="12"></i> @break
@default <i data-lucide="zap" size="12"></i>
@endswitch
</div>
<div class="modcp-list-item-info">
<span class="modcp-list-item-title">{{ $log->description }}</span>
<div class="modcp-list-item-meta">
@if($log->log_name)
<span class="log-channel-badge">{{ $log->log_name }}</span>
<span class="log-sep">·</span>
@endif
@if($log->subject_type)
<span>
{{ class_basename($log->subject_type) }}
<span class="log-id">#{{ $log->subject_id }}</span>
</span>
<span class="log-sep">·</span>
@endif
@if($log->causer_id)
<span>
<i data-lucide="user" size="10"></i>
<x-xf-username-link :user-id="$log->causer_id" />
</span>
<span class="log-sep">·</span>
@endif
<span title="{{ $log->created_at->format('d M Y, H:i:s') }}">
{{ $log->created_at->diffForHumans() }}
</span>
</div>
</div>
<div class="log-item-right">
<span class="log-timestamp">{{ $log->created_at->format('d M Y, H:i') }}</span>
@if($hasDiff)
<button
@click="open = !open"
class="btn btn--sm log-expand-btn"
:class="open && 'btn--active'"
:aria-label="open ? 'Hide details' : 'Show details'"
>
<i data-lucide="chevron-down" size="12"
style="transition: transform .15s"
:style="open ? 'transform:rotate(180deg)' : ''">
</i>
</button>
@endif
</div>
</div>
@if($hasDiff)
<div x-show="open" x-transition class="log-properties">
@if(!empty($old) || !empty($attrs))
<div class="log-diff-label">Changes</div>
<table class="log-diff">
<thead>
<tr>
<th>Field</th>
<th class="log-diff-old-head">Before</th>
<th class="log-diff-new-head">After</th>
</tr>
</thead>
<tbody>
@foreach(array_unique(array_merge(array_keys((array)$old), array_keys((array)$attrs))) as $key)
<tr>
<td class="log-diff-key">{{ $key }}</td>
<td class="log-diff-old">
{{ is_array($old[$key] ?? null) ? json_encode($old[$key]) : ($old[$key] ?? '—') }}
</td>
<td class="log-diff-new">
{{ is_array($attrs[$key] ?? null) ? json_encode($attrs[$key]) : ($attrs[$key] ?? '—') }}
</td>
</tr>
@endforeach
</tbody>
</table>
@endif
@if(!empty($extra))
<div class="log-diff-label" style="margin-top: 10px">Properties</div>
<pre class="log-raw">{{ json_encode($extra, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
@endif
</div>
@endif
@endforeach
</div>
<div class="log-pagination">
{{ $logs->links() }}
</div>
@endif
</div>

View File

@@ -5,7 +5,7 @@
<div class="game-selector">
<div class="game-selector-level2">
<x-form-field-title name="Authors" helper="Person or Group who created this, if it's you add/select yourself." required="true" />
<input id="author-search" class="form-input" type="text" wire:model.live.debounce="search" placeholder="Search a game..." autocomplete="off"
<input id="author-search" class="form-input" type="text" wire:model.live.debounce="search" placeholder="Search an author..." autocomplete="off"
@focus="$wire.dropdown = $wire.search.length >= 2" @click.outside="$wire.dropdown = false" >
</div>
@if( $dropdown )

View File

@@ -6,7 +6,7 @@
placeholder="Search..."
class="form-input filter-bar-search"
>
@if( $search || $types || $platforms || $games || $statuses || $authors || $languages || $modifications )
@if( $search || $types || $platforms || $games || $statuses || $authors || $languages || $modifications || $categories || $levels || $systems )
<button type="button" wire:click="clearFilters" class="btn">
<i data-lucide="x"></i> Clear filters
</button>

View File

@@ -20,13 +20,18 @@
<div class="file-item">
<div class="file-info">
<span class="file-name">{{ $file->filename }}</span>
<span class="file-meta">{{ $file->filesize }} - 0 downloads</span>
<span class="file-meta">{{ $file->filesize }} - {{ $file->download_count }} downloads</span>
</div>
<div style="display:flex;flex-direction:column;gap:15px;">
<a href="{{ route('fs.download', ['entry_id' => $entryId, 'file' => $file->file_uuid] ) }}" class="btn primary"><i data-lucide="download"></i> Download</a>
@if( $file->online_patcher )
<a href="{{ route('tools.direct-patch', ['entry_id' => $entryId, 'file' => $file->file_uuid] ) }}" class="btn"><i data-lucide="stamp"></i> Patch</a>
@endif
@if( $file->playOnlineSetting )
@auth
<a href="{{ route('tools.play', ['entry_id' => $entryId, 'file' => $file->file_uuid] ) }}" class="btn"><i data-lucide="gamepad-2"></i> Try it online</a>
@endauth
@endif
</div>
</div>
@empty

View File

@@ -0,0 +1,41 @@
<div class="form-group">
<div class="game-selector">
<div class="game-selector-level2">
<x-form-field-title name="Related Entry" required="" />
<input id="entry-search" class="form-input" type="text" wire:model.live.debounce="search" placeholder="Search an entry..." autocomplete="off"
@focus="$wire.dropdown = $wire.search.length > 2" @click.outside="$wire.dropdown = false"
>
<input type="hidden" name="entry_id" value="{{ $selectedEntryId ?? '' }}" />
</div>
@if( $dropdown )
<ul class="game-selector-dropdown">
@forelse( $entries as $entry )
<li>
<button type="button"
wire:click="selectEntry({{ $entry->id }})" class="dropdown-item" {{ $selectedEntryId === $entry->id ? 'selected' : '' }}>
<span class="dropdown-item-name">
{{ $entry->complete_title ?? $entry->title }}
</span>
<span class="badge {{ $entry->type }}">
{{ \App\View\Components\EntryCard::ENTRY_TYPES_BADGE[$entry->type] ?? $entry->type }}
</span>
</button>
</li>
@empty
<li class="dropdown-empty">No entry found</li>
@endforelse
</ul>
@endif
</div>
<div style="display:flex;align-items: flex-end;justify-content: right;gap:15px;margin-top: 15px;">
@if($selectedEntryId)
<button type="button" class="btn" wire:click="clearEntry">
Remove
</button>
@endif
</div>
</div>

View File

@@ -0,0 +1,43 @@
<div @filters-updated.window="refreshIcons($el)">
<div class="database-search filter-bar">
<input type="text" wire:model.live.debounce="search"
placeholder="Search..." class="form-input filter-bar-search"
>
@if($search || $categories )
<button type="button" wire:click="clearFilters" class="btn">
<i data-lucide="x"></i> Clear filters
</button>
@endif
</div>
<div class="database-wrapper">
<aside class="database-filters">
{{-- Categories --}}
<x-database-filter-without-mode title="Categories" :items="$allCategories" model="categories" />
</aside>
<div class="database-results">
<div class="database-sort">
@foreach( \App\Livewire\NewsDatabase::SORT_OPTIONS as $k => $v )
<button type="button" wire:click="setSort('{{ $k }}')" class="btn {{ $sortBy === $k ? 'active' : '' }}">
{{ $v }}
</button>
@if( $sortBy === $k )
<i data-lucide="{{ $sortDir === 'asc' ? 'arrow-up' : 'arrow-down' }}"></i>
@endif
@endforeach
<span class="database-results-count">{{ $news->total() }} results</span>
</div>
<div class="news-grid">
@forelse($news as $item)
<x-news-card :news="$item" />
@empty
<p>No news found.</p>
@endforelse
</div>
{{ $news->links() }}
</div>
</div>
</div>

View File

@@ -0,0 +1,14 @@
@extends('layouts.modcp')
@section('page-title', 'Logs — ' . config('app.name'))
@section('modcp-content')
<div class="modcp-page-title">
<i data-lucide="activity" size="20"></i>
Logs
</div>
@livewire('activity-logs')
@endsection

View File

@@ -0,0 +1,9 @@
@extends('layouts.app')
@section('page-title', "Submit News - " . config('app.name') )
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">Submit a news</div>
@include('news.form')
@endsection

View File

@@ -0,0 +1,51 @@
<div class="drafts-item">
<div class="drafts-cover">
@if($news->gallery()->first())
<img src="{{ Storage::url($news->gallery()->first()->image) }}">
@else
<div class="drafts-cover-placeholder">
<i data-lucide="image" size="24"></i>
</div>
@endif
</div>
<div class="drafts-info">
<div class="drafts-top">
<div>
<h3 class="drafts-title">
{{ $news->title }}
</h3>
<div class="drafts-meta">
<span class="badge news">
News
</span>
@if( $news->category_id )
<span class="badge">{{ $news->category->name }}</span>
@endif
</div>
</div>
<div class="drafts-dates">
<span>
<i data-lucide="pencil" size="12"></i>
Last edited {{ $draft->updated_at->diffForHumans() }}
</span>
<span>
<i data-lucide="calendar" size="12"></i>
Created {{ $draft->created_at->format('d M Y') }}
</span>
</div>
</div>
<div class="drafts-actions">
<a href="{{ route('news.edit', ['news' => $news]) }}" class="btn primary">
<i data-lucide="pen" size="13"></i>
Continue editing
</a>
<a href="{{ route('news.show', ['news' => $news] ) }}" class="btn" target="_blank">
<i data-lucide="eye" size="13"></i>
Preview
</a>
</div>
</div>
</div>

View File

@@ -0,0 +1,9 @@
@extends('layouts.app')
@section('page-title', "Edit $news->title - " . config('app.name') )
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">Submit a news</div>
@include('news.form')
@endsection

View File

@@ -0,0 +1,104 @@
@push('styles')
<meta name="csrf-token" content="{{ csrf_token() }}">
<meta name="submission-has-errors" content="{{ $errors->any() ? '1' : '0' }}">
@endpush
@push('scripts')
@vite('resources/js/news-submissions.js')
@endpush
{{-- Server side errors summary --}}
@if($errors->any())
@foreach( $errors->all() as $error )
<x-form-error-text message="{{ $error }}" />
@endforeach
@endif
<div class="block">
<form action="{{ $isEdit ? route('news.update', [$news->id ]) : route('news.store') }}" method="POST" x-data="NewsSubmission()" x-init="init()" @submit.prevent="submitForm($event)">
<x-form-group-title label="About the news" icon="puzzle" />
<div class="form-group grid-c2">
<div>
<x-form-field-title name="Title" required="true" />
<input class="form-input" type="text" name="title" value="{{ old('title', $news->title ?? '' ) }}" required>
@error('title')
<x-form-error-text message="{{ $message }}" />
@enderror
</div>
<div>
<x-form-field-title name="Categories" required="true" />
<x-category-selector section="news" :selected="$oldCategory" :required="true" :news="true" />
</div>
</div>
<div class="form-group" x-ref="descriptionField">
<x-form-field-title name="Content" required="true" />
<x-markdown-textarea name="description" value="{{ old('description', $news->description ?? '') }}" />
<div class="form-error-text" x-show="errorKey === 'noDescription'" x-text="errorMessage"></div>
@error('description')
<x-form-error-text message="{{ $message }}" />
@enderror
</div>
<x-form-group-title label="Attachments" icon="paperclip" />
<x-gallery-field :old-paths="old('gallery', $news->gallery->pluck('image')->toArray() ?? [] )"/>
@error('gallery')
<x-form-error-text message="{{ $message }}" />
@enderror
@error('gallery.*')
<x-form-error-text message="{{ $message }}" />
@enderror
<x-form-group-title label="Related Links" icon="link" />
<livewire:entry-selector :old-entry-id="old('entry_id', $news->entry_id )" />
<div class="form-group grid-c2">
<div>
<x-form-field-title name="Release Site" required="" />
<input class="form-input" type="url" name="release_site" value="{{ old( 'release_site', $news->relevant_link ?? '' ) }}">
</div>
<div>
<x-form-field-title name="Youtube Video" required="" />
<input class="form-input" type="url" name="youtube_video" value="{{ old( 'youtube_video', $news->youtube_link ?? '' ) }}">
</div>
</div>
@if($isEdit)
<x-form-group-title label="News Management" icon="wrench" />
@can('moderate',$news)
<div class="form-group grid-c2">
<div>
<x-form-field-title name="Staff comment" />
<textarea class="form-textarea" name="staff_comment" rows="3">{{ old('staff_comment', $entry->staff_comment ?? '' ) }}</textarea>
</div>
<div>
<x-form-field-title name="Owner" required="true" />
<livewire:xf-user-selector :initial-user-id="old('owner_user_id', $news->user_id)" />
</div>
</div>
<div class="form-group grid-c2">
<div>
<x-form-field-title name="XenForo Comments Thread ID" />
<input type="text" name="comments_thread_id" class="form-input" value="{{ old('comments_thread_id', $news->comments_thread_id) }}">
</div>
</div>
<div class="form-group">
<x-form-field-title name="Metadata" required="true" />
<div class="form-type-of-checkboxes form-group level" id="entry-metadata">
</div>
</div>
@endcan
@cannot('moderate', $news)
@endcannot
@endif
@csrf
<div class="submit">
<x-submit-entry-status section="news" :is-edit="$isEdit" :current-state="$news->state ?? null" :entry="$news" :news="true" />
<button id="submit-button" type="submit" class="btn primary" style="padding:1%;">Submit</button>
</div>
</form>
</div>

View File

@@ -0,0 +1,11 @@
@extends('layouts.app')
@section('page-title', "News - " . config('app.name') )
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">
News
</div>
@livewire('news-database')
@endsection

View File

@@ -0,0 +1,225 @@
@extends('layouts.app')
@section('page-title', $news->title . " - " . config('app.name') )
@section('content')
{{ Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<article id="news-container">
<div class="news-header"
style="background-image: linear-gradient(rgba(0,0,0,0.4), var(--bg2)), url('{{ $news->gallery()->first() ? Storage::url($news->gallery()->first()->image ) : '' }}')">
<div class="news-header-content">
<h1 class="news-title">
{{ $news->title }}
@if( $news->state === 'pending' )
<div style="display:inline;color:var(--rhpz-orange);">
-
<i data-lucide="clock" size="24"></i>
Pending approval
</div>
@elseif( $news->state === 'rejected' )
<div style="display:inline;color:var(--error);">
-
<i data-lucide="x-circle" size="24"></i>
Rejected
</div>
@elseif( $news->state === 'locked' )
<div style="display:inline;color:var(--error);">
-
<i data-lucide="lock" size="24"></i>
Locked
</div>
@elseif( $news->state === 'draft' )
<div style="display:inline;color:var(--rhpz-orange);">
-
<i data-lucide="scissors" size="24"></i>
Draft
</div>
@elseif( $news->state === 'hidden' )
<div style="display:inline;color:var(--rhpz-orange);">
-
<i data-lucide="hide" size="24"></i>
Hidden
</div>
@endif
</h1>
<div class="news-meta">
@if($news->category_id)
<a href="#" class="meta-item">
<i data-lucide="book" size="16"></i>
{{ $news->category->name }}
</a>
@endif
@if($news->user_id)
<span class="meta-item">
<i data-lucide="user" size="16"></i>
Posted by <x-xf-username-link :user-id="$news->user_id"/>
</span>
@endif
<span class="meta-item">
<i data-lucide="calendar" size="16"></i>
{{ $news->created_at->format('M d, Y') }}
</span>
@if($news->updated_at && $news->updated_at->gt($news->created_at))
<span class="meta-item">
<i data-lucide="file-edit" size="16"></i>
Updated {{ $news->updated_at->diffForHumans() }}
</span>
@endif
</div>
<div class="news-actions">
@if($news->state === 'pending')
@can('approve', $news)
<div x-data="{ rejectOpen: false }">
<form action="{{ route('queue.news.approve', $news) }}" method="POST" style="display:inline">
@csrf @method('PATCH')
<button type="submit" class="btn success" onclick="return confirm('Approve this news?')">
<i data-lucide="check-circle" size="14"></i> Approve
</button>
</form>
<button type="button" class="btn danger" @click="rejectOpen = true">
<i data-lucide="x-circle" size="14"></i> Reject
</button>
<div class="modal-overlay" x-cloak x-show="rejectOpen" x-transition.opacity
@click.self="rejectOpen = false" @keydown.escape.window="rejectOpen = false">
<div class="modal-window" x-show="rejectOpen" x-transition>
<div class="modal-header">
<span class="modal-title">Reject news</span>
<button type="button" class="modal-close" @click="rejectOpen = false">
<i data-lucide="x" size="20"></i>
</button>
</div>
<div class="modal-body">
<form action="{{ route('queue.news.reject', $news) }}" method="POST">
@csrf @method('PATCH')
<div class="form-group">
<x-form-field-title name="Rejection reason" required="true" />
<textarea class="form-input" name="reason" rows="4" required></textarea>
</div>
<div class="queue-mod-actions">
<button type="button" class="btn" @click="rejectOpen = false">Cancel</button>
<button type="submit" class="btn danger">
<i data-lucide="x-circle" size="14"></i> Confirm rejection
</button>
</div>
</form>
</div>
</div>
</div>
</div>
@endcan
@endif
@can('update', $news)
<a href="{{ route('news.edit', $news) }}" class="btn">
<i data-lucide="edit" size="14"></i> Edit
</a>
@endcan
@auth
<a href="{{ xfRoute("romhackplaza_news/{$news->id}/report") }}" class="btn">
<i data-lucide="flag" size="14"></i> Report
</a>
@endauth
</div>
</div>
</div>
<div class="news-layout">
<div class="news-main-content entry-content">
@if( $news->description )
<div class="news-body-text">
{{ $news->description }}
</div>
@endif
@if( $news->gallery->isNotEmpty() )
<div x-data="{ open: false, currentImage: ''}" x-cloak>
<x-entry-section-title label="Gallery" icon="images"/>
<div class="entry-gallery">
@foreach( $news->gallery as $galleryItem )
<div class="entry-gallery-item"
@click="currentImage = '{{ Storage::url($galleryItem->image) }}'; open = true; "><img
src="{{ Storage::url($galleryItem->image) }}"></div>
@endforeach
</div>
<div class="gallery-modal" x-show="open" x-transition.opacity.duration.300ms @click="open = false"
@keydown.escape.window="open = false">
<span class="gallery-modal-close" @click="open = false;"><i data-lucide="x"></i></span>
<div class="gallery-modal-content" @click.stop>
<img :src="currentImage">
</div>
</div>
</div>
@endif
</div>
<aside class="news-sidebar">
@if($news->entry->exists())
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="content" size="18"></i>
Related entry
</h3>
<div class="related-card">
@if( $news->entry->main_image )
<div class="related-card-cover">
<img src="{{ Storage::url($news->entry->main_image) }}">
</div>
@endif
<div class="related-card-info">
<h4>{{ $news->entry->title }}</h4>
<a href="{{ route('entries.show', ['section' => $news->entry->type, 'entry' => $news->entry ]) }}" class="btn-sidebar" class="btn-orange">
Go to the entry
</a>
</div>
</div>
</div>
@endif
@if($news->relevant_link)
<div class="sidebar-block">
<h3 class="sidebar-title">
<i data-lucide="link" size="18"></i>
Relevant link
</h3>
<a href="{{ $news->relevant_link }}" target="_blank" rel="noopener">
{{ $news->relevant_link }}
</a>
</div>
@endif
@if( $news->youtube_link )
<div x-data="{open: false, src: ''}" x-cloak class="sidebar-block youtube-section">
<h3 class="sidebar-title">
<i data-lucide="play" size="18"></i>
Youtube video
</h3>
<div class="video-thumbnail-wrapper"
@click="src = 'https://www.youtube.com/embed/{{ $news->getYoutubeVideoId() }}?autoplay=1'; open = true">
<img src="https://img.youtube.com/vi/{{ $news->getYoutubeVideoId() }}/maxresdefault.jpg">
<div class="play-trigger">
<i data-lucide="play"></i>
</div>
</div>
<div class="gallery-modal" x-show="open" x-transition.opacity.duration.300ms
@click="open = false; src = ''" @keydown.escape.window="open = false; src = ''">
<span class="gallery-modal-close" @click="open = false; src = '';"><i
data-lucide="x"></i></span>
<div class="gallery-modal-video" @click.stop>
<iframe :src="src"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
@endif
</aside>
</div>
</article>
@include('entries.comments')
@endsection

View File

@@ -3,6 +3,7 @@
@section('page-title', "Submissions Queue - " . config('app.name') )
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">
Submissions Queue
</div>

View File

@@ -7,7 +7,7 @@
>
<div class="queue-item-header">
<div class="queue-item-info">
<h3 class="queue-item-title">{{ $entry->complete_title }}</h3>
<h3 class="queue-item-title">{{ $entry->complete_title ?? $entry->title }}</h3>
@if($entry->state === 'rejected')
<span class="badge badge--danger">
<i data-lucide="x-circle" size="12"></i>
@@ -23,20 +23,35 @@
<div class="queue-item-meta">
Submitted by <x-xf-username-link :user-id="$entry->user_id" />
on {{ $entry->created_at->format('Y-m-d') }}
<span class="badge {{ $entry->type }}">{{ \App\View\Components\EntryCard::ENTRY_TYPES_BADGE[$entry->type] ?? $entry->type }}</span>
@if($entry->queue_type === 'entry' )
<span class="badge {{ $entry->type }}">{{ \App\View\Components\EntryCard::ENTRY_TYPES_BADGE[$entry->type] ?? $entry->type }}</span>
@else
<span class="badge news">News</span>
@endif
</div>
</div>
@can('manageButtonsInQueue',$entry)
<div class="queue-item-actions-header">
<a href="{{ route('entries.show', ['section' => $entry->type, 'entry' => $entry ]) }}" class="btn" target="_blank">
<i data-lucide="external-link" size="14"></i>
View Entry
</a>
<a href="{{ route('submit.edit', ['section' => $entry->type, 'entry' =>$entry ] ) }}" class="btn" target="_blank">
<i data-lucide="pen" size="14"></i>
Edit
</a>
@if( $entry->queue_type === 'entry' )
<a href="{{ route('entries.show', ['section' => $entry->type, 'entry' => $entry ]) }}" class="btn" target="_blank">
<i data-lucide="external-link" size="14"></i>
View Entry
</a>
<a href="{{ route('submit.edit', ['section' => $entry->type, 'entry' =>$entry ] ) }}" class="btn" target="_blank">
<i data-lucide="pen" size="14"></i>
Edit
</a>
@else
<a href="{{ route('news.show', ['news' => $entry ]) }}" class="btn" target="_blank">
<i data-lucide="external-link" size="14"></i>
View Entry
</a>
<a href="{{ route('news.edit', ['news' => $entry ] ) }}" class="btn" target="_blank">
<i data-lucide="pen" size="14"></i>
Edit
</a>
@endif
</div>
@endcan
</div>
@@ -97,7 +112,7 @@
@can('approve',$entry)
@if($entry->state === 'pending')
<div class="queue-mod-zone">
<form action="{{ route('queue.comment', $entry ) }}" method="POST">
<form action="{{ $entry->queue_type === 'entry' ? route('queue.comment', $entry ) : route('queue.news.comment', $entry ) }}" method="POST">
@csrf
@method('PATCH')
<div class="form-group">
@@ -114,7 +129,7 @@
<div class="queue-mod-separator"></div>
<form action="{{ route('queue.approve', $entry) }}" method="POST" style="display:inline">
<form action="{{ $entry->queue_type === 'entry' ? route('queue.approve', $entry) : route('queue.news.approve', $entry) }}" method="POST" style="display:inline">
@csrf
@method('PATCH')
<button type="submit" class="btn success" onclick="return confirm('Approve this entry?')">
@@ -130,7 +145,7 @@
</button>
<div x-show="open" x-cloak class="queue-reject-form">
<form action="{{ route('queue.reject', $entry) }}" method="POST">
<form action="{{ $entry->queue_type === 'entry' ? route('queue.reject', $entry) : route('queue.news.reject', $entry) }}" method="POST">
@csrf
@method('PATCH')
<div class="form-group">

View File

@@ -28,7 +28,7 @@
{{--
File listing. Used for editions or server-side errors.
--}}
<div class="upload-list" x-show="numberOfFiles > 0" x-cloak>
<div class="upload-list" x-show="numberOfFiles > 0" x-cloak style="margin-bottom: 15px">
<template x-for="(file,i) in files" :key="i">
<div class="upload-item" :class="
{
@@ -132,17 +132,33 @@
<div class="modal-content">
@if( section_must_be( ['translations', 'romhacks'], $section ) )
<div class="form-group">
<x-form-group-title label="Online patcher" />
<label>
<input type="checkbox" class="form-checkbox" x-model="file.meta_online_patcher">
Enable it
</label>
<label x-show="file.meta_online_patcher">
<input type="checkbox" class="form-checkbox" x-model="file.meta_secondary_online_patcher">
Mark as a secondary patch
</label>
</div>
<template x-if="file.can_be_online_patched">
<div class="form-group">
<x-form-group-title label="Online patcher" />
<label>
<input type="checkbox" class="form-checkbox" x-model="file.meta_online_patcher">
Enable it
</label>
</div>
</template>
@endif
@if( section_must_be( ['translations', 'romhacks', 'homebrew' ], $section ) )
<template x-if="file.can_be_online_patched">
<div class="form-group">
<x-form-group-title label="Play online" />
<label>
<input type="checkbox" class="form-checkbox" x-model="file.meta_play_online">
Enable it
</label>
<div class="form-group level" x-show="file.meta_play_online">
@include('submissions.play-online-core-select')
<label>
<input type="checkbox" class="form-checkbox" x-model="file.meta_play_online_threads">
Enable Threads
</label>
</div>
</div>
</template>
@endif
</div>
</div>
@@ -163,6 +179,17 @@
:name="'files_metadata[' + file.uuid + '][secondary_online_patcher]'"
:value="(file.meta_online_patcher && file.meta_secondary_online_patcher) ? 1 : 0">
@endif
@if( section_must_be( ['translations', 'romhacks', 'homebrew'], $section ) )
<input type="hidden"
:name="'files_metadata[' + file.uuid + '][play_online]'"
:value="file.meta_play_online ? 1 : 0">
<input type="hidden"
:name="'files_metadata[' + file.uuid + '][play_online_core]'"
:value="file.meta_play_online_core ? file.meta_play_online_core : ''">
<input type="hidden"
:name="'files_metadata[' + file.uuid + '][play_online_threads]'"
:value="file.meta_play_online_threads ? 1 : 0">
@endif
</div>
</template>
@endif

View File

@@ -0,0 +1,73 @@
@extends('layouts.app')
@section('page-title', 'Submit - ' . config('app.name'))
@section('content')
{{ \Diglactic\Breadcrumbs\Breadcrumbs::render() }}
<div class="page-title">Submit content</div>
<div class="submit-body">
<div class="submit-section-label">Entries</div>
<div class="submit-grid">
@foreach($entryTypes as $type)
<a href="{{ route('submit.create', ['section' => $type['slug']]) }}"
class="submit-card"
style="--card-color: {{ $type['color'] }}; --card-bg: {{ $type['bg'] }}; --card-border: {{ $type['border'] }}">
<div class="submit-card-top">
<div class="submit-card-icon">
<i data-lucide="{{ $type['icon'] }}" size="17"></i>
</div>
<div class="submit-card-info">
<div class="submit-card-title">{{ $type['label'] }}</div>
</div>
</div>
<div class="submit-card-bottom">
<span class="submit-card-cta">
Submit <i data-lucide="arrow-right" size="11"></i>
</span>
</div>
</a>
@endforeach
</div>
<div class="submit-section-label">News</div>
<div class="submit-news-row" style="display:flex;align-items: center;justify-content: center">
<a href="{{ route('news.create') }}" class="submit-news-card">
<div class="submit-news-icon">
<i data-lucide="newspaper" size="17"></i>
</div>
<div class="submit-news-info">
<div class="submit-news-title">News article</div>
</div>
<span class="submit-news-cta">
Submit <i data-lucide="arrow-right" size="11"></i>
</span>
</a>
</div>
<div class="submit-section-label">Rules</div>
<div class="submit-rules">
<div class="submit-rule">
<span class="submit-rule-num">1</span>
<p><strong>One entry per submission.</strong> Do not bundle multiple hacks or versions in a single form.</p>
</div>
<div class="submit-rule">
<span class="submit-rule-num">2</span>
<p><strong>You must be the author</strong> or have explicit permission from the original creator.</p>
</div>
<div class="submit-rule">
<span class="submit-rule-num">3</span>
<p><strong>Patch files only.</strong> Never upload ROM files attach an IPS, BPS or xdelta patch.</p>
</div>
</div>
</div>
@endsection

View File

@@ -0,0 +1,8 @@
<div x-data>
<x-form-field-title name="Core" required="true" />
<select x-model="file.meta_play_online_core" class="form-select" style="margin-bottom:15px;">
@foreach( \App\Helpers\PlayOnlineHelpers::getCoreLists() as $core )
<option value="{{ $core }}" :selected="file.meta_play_online_core === '{{$core}}'">{{ $core }}</option>
@endforeach
</select>
</div>

View File

@@ -4,6 +4,7 @@
@push('scripts')
<script type="text/javascript" src="{{ asset('rom-patcher-js/RomPatcher.webapp.js') }}"></script>
@vite('resources/js/RomPatcher.js')
@endpush
@section('content')
@@ -88,5 +89,9 @@
<i data-lucide="wrench" size="16"></i> Apply patch
</button>
</div>
<div id="rom-patcher-row-error-message" class="block-error" style="display:none">
<span id="rom-patcher-error-message"></span>
</div>
</div>
@endsection

View File

@@ -0,0 +1,102 @@
@extends('layouts.app')
@section('page-title', "Play Online - " . config('app.name'))
@push('scripts')
<script type="text/javascript" src="{{ asset('rom-patcher-js/RomPatcher.webapp.js') }}"></script>
@vite('resources/js/PlayOnlineAndPatcher.js')
@endpush
@section('content')
<div class="page-title">
<span>Play Online</span>
</div>
<div id="rom-patcher-container" class="patcher-container" x-data="PlayOnline({{ Js::from($patches ?? []) }}, {{ JS::from($emuConfig ?? [])}})">
<div x-show="!launchGame">
<div class="patcher-grid">
<div class="form-group">
<label class="form-label">1. Original ROM</label>
<div class="patcher-dropzone" id="rom-dropzone"
:class="{ 'dragover': isRomDragOver, 'has-file': romFileName !== '' }"
@click="triggerFileInput('rom-patcher-input-file-rom')"
@dragover.prevent="isRomDragOver = true"
@dragleave.prevent="isRomDragOver = false"
@drop.prevent="isRomDragOver = false; handleDrop($event, 'rom')">
<input type="file" id="rom-patcher-input-file-rom" style="display: none;" @change="handleInputChange($event, 'rom')" disabled />
<i data-lucide="gamepad-2" size="40" :style="romFileName ? 'color: var(--rhpz-orange)' : 'color: var(--text2)'"></i>
<span style="color: var(--text); font-weight: 500;" x-text="romFileName ? romFileName : 'Drag n\'drop your file here or click'"></span>
</div>
</div>
<div class="form-group">
<label class="form-label">2. Patch file</label>
<div class="patcher-dropzone" id="patch-dropzone"
x-show="!hasEmbedded"
:class="{ 'dragover': isPatchDragOver, 'has-file': patchFileName !== '' }"
@click="triggerFileInput('rom-patcher-input-file-patch')"
@dragover.prevent="isPatchDragOver = true"
@dragleave.prevent="isPatchDragOver = false"
@drop.prevent="isPatchDragOver = false; handleDrop($event, 'patch')">
<input type="file" id="rom-patcher-input-file-patch" style="display: none;" @change="handleInputChange($event, 'patch')" disabled />
<i data-lucide="file-archive" size="40" :style="patchFileName ? 'color: var(--rhpz-orange)' : 'color: var(--text2)'"></i>
<span style="color: var(--text); font-weight: 500;" x-text="patchFileName ? patchFileName : 'Drag n\'drop your file here or click'"></span>
</div>
<div x-show="hasEmbedded" class="embed-patch-box">
<div class="embed-patch-box-icon">
<div class="embed-patch-box-icon-block">
<i data-lucide="package" size="24" color="var(--rhpz-orange)"></i>
</div>
<div>
<div style="font-weight: 600; color: var(--text); font-size: 1.1rem;">Patch file</div>
<div style="font-size: 0.85rem; color: var(--text2);">Select if there is multiple patch files</div>
</div>
</div>
<div class="rom-patcher-container-input" style="margin-top: 10px;">
<select id="rom-patcher-select-patch" class="form-select" style="width: 100%; cursor: pointer;"></select>
</div>
</div>
</div>
</div>
<div class="patcher-status-box" id="patcher-status" x-show="showStatusBox" x-transition x-cloak style="margin-top: 20px;">
<div class="rom-patcher-row" style="color: var(--text2);">
<div style="color: var(--rhpz-orange); font-weight: bold;">Checksums:</div>
<ul style="margin-bottom: 0">
<li>CRC32: <span id="rom-patcher-span-crc32"></span></li>
<li>MD5: <span id="rom-patcher-span-md5"></span></li>
<li>SHA-1: <span id="rom-patcher-span-sha1"></span></li>
</ul>
</div>
<span id="rom-patcher-span-rom-info"></span>
<div class="rom-patcher-row margin-bottom" id="rom-patcher-row-patch-description">
<div style="color: var(--rhpz-orange); font-weight: bold;">Description:</div>
<div id="rom-patcher-patch-description"></div>
</div>
<div class="rom-patcher-row margin-bottom" id="rom-patcher-row-patch-requirements">
<div id="rom-patcher-patch-requirements-type" style="color: var(--rhpz-orange); font-weight: bold;">ROM requirements:</div>
<div id="rom-patcher-patch-requirements-value"></div>
</div>
</div>
<div style="margin-top: 25px; border-top: 1px solid var(--border); padding-top: 20px; text-align: right;">
<button type="button" class="btn primary" id="rom-patcher-button-apply" disabled>
<i data-lucide="wrench" size="16"></i> Launch Game
</button>
</div>
<div id="rom-patcher-row-error-message" class="block-error" style="display:none">
<span id="rom-patcher-error-message"></span>
</div>
</div>
<div id="game" x-show="launchGame"></div>
</div>
@endsection