Demo Mode: you're exploring a live BackupMGR panel with sample data. Everything is read-only. Get BackupMGR →
NewsMGR Staff Panel

Demo User

demo@scriptgain.com

Administrator
Settings Site Identity Users And Roles Audit Log
Post

License Key Required

No license key entered. Enter or update your key with php artisan news:license <key>, or purchase one at scriptgain.com.

Index

settings.audit.index

All Templates
Status Shipped Default Shipped File resources/views/settings/audit/index.blade.php
settings.audit.index 121 lines
Not Checked Yet

Optional. Shown in the version history so the next person knows why.

Saving runs the same check. An invalid template is refused, not stored.

Compiled PHP

What Blade turns your template into. This is what the syntax check parses.

Loading…

Available Variables And Components

A guide to what this template can use, derived from the shipped source. Click any item to insert it at your cursor. It is a helpful reference, not a runtime guarantee.

Always Available

Shared with the admin panel by the staff layout.
Validation error bag. Always present. Pairs with @error('field').
The admin sidebar navigation structure.
Sub-items of the currently open nav group.
Breadcrumb trail for the current page.
Signed-in staffer's initials, for the avatar.
Signed-in staffer's name.
Signed-in staffer's email address.
The staffer's role, e.g. "Administrator".
True when the signed-in staffer is an administrator.
Number of open service requests, for the badge.
Number of unread form submissions, for the badge.
The configured admin-shell width class.
URL of the uploaded site logo, or null.
URL of the uploaded favicon, or null.

In This Template

Action.
Actions.
Dispatch.
Logs.

Drop any of these in. Click to insert the opening tag at your cursor.

General

type, info, title
initials, src, name, size, md
color, neutral, dot
action, label, Record, modal
variant, primary, size, md, href, …
title, subtitle, padding, flush
name, action, method, POST, title, …
action, name, title, message, confirm, …
href, icon, danger
align, right, width
icon, folder, title, description
label, for, hint, error, required
href, icon, title, variant, secondary, …
name
type, text
name, title, subtitle, icon, tone, …
href, icon, active
title, subtitle, icon, back
title, subtitle, href, linkLabel
ids
id, label, Row
items
label, value, icon, trend, trendColor, …
color, neutral, pulse, label
name
flush
tabs, default
name, checked, label, description

Admin Panel

title, message, icon, folder, href, …
tree, active, rootLabel, rootHref
title, subtitle, icon, edit, action, …
title, icon, folder, subtitle, records, …
search, placeholder, createHref, createLabel
edit, delete, preview, name, title, …
record, kind, Page

Layouts

title, shellMaxWidth
title, description, heroless, maxWidth

Records

name, action, reference, trigger, icon

Site (Public)

href, title, description, icon, meta, …
title, message, icon, folder
title, subtitle, eyebrow, icon, crumbs, …
supportEmail, supportPhone
disclaimer, takedownContact, retentionDays, compact
title, subtitle, href, linkLabel, tone, …
maxWidth

Common Blade

Print a value, safely escaped. The default choice.
Print raw HTML. Only for content you trust.
Show something conditionally.
Loop over a collection.
Loop, with a fallback when the collection is empty.
Show a validation message for a field.
A small block of PHP. Never on line 1. Keep logic out of templates.
A comment that never reaches the browser.

Civic Helpers

Build a URL to a named route, e.g. a department page.
Link to a single news post.
Turn a stored upload path into a public URL.
A cache-busted URL for a bundled asset.
Read a config value, e.g. the site width class.
Build an absolute URL to a path.

No History Yet

Every save, revert, and reset of this template is recorded here, with a one-click way back to any of them.

The Template That Shipped With The Product

Read only. This is what Reset To Default puts back.

@php
    $tone = [
        'created' => 'success',
        'deleted' => 'danger',
        'updated' => 'info',
        'login' => 'info',
        'logout' => 'neutral',
        'backup' => 'info',
        'restore' => 'warn',
    ];
@endphp
<x-layouts.app title="Audit Log">
    <x-page-header title="Audit Log" icon="book" subtitle="Who signed in and changed what, across the fleet.">
        <x-slot:actions>
            <x-button variant="secondary" icon="settings" href="{{ route('settings.index') }}">Settings</x-button>
        </x-slot:actions>
    </x-page-header>


    <div x-data="{
            selected: [],
            pageIds: {{ \Illuminate\Support\Js::from($logs->pluck('id')->values()) }},
            toggle(id) { const i = this.selected.indexOf(id); i >= 0 ? this.selected.splice(i, 1) : this.selected.push(id); },
            get allOn() { return this.pageIds.length > 0 && this.pageIds.every(i => this.selected.includes(i)); },
            toggleAll() { if (this.allOn) { this.selected = this.selected.filter(i => !this.pageIds.includes(i)); } else { this.selected = [...new Set([...this.selected, ...this.pageIds])]; } },
        }">

        <div class="mb-4 flex flex-wrap items-center justify-between gap-3">
            @if ($actions->isNotEmpty())
                <div class="flex flex-wrap items-center gap-2">
                    <a href="{{ route('settings.audit.index') }}"
                       class="px-3 py-1.5 rounded-lg text-sm ring-1 transition {{ ! $action ? 'bg-brand-50 text-brand-700 ring-brand-200' : 'bg-white text-slate-600 ring-slate-200 hover:ring-brand-300' }}">All</a>
                    @foreach ($actions as $a)
                        <a href="{{ route('settings.audit.index', ['action' => $a]) }}"
                           class="px-3 py-1.5 rounded-lg text-sm ring-1 transition {{ $action === $a ? 'bg-brand-50 text-brand-700 ring-brand-200' : 'bg-white text-slate-600 ring-slate-200 hover:ring-brand-300' }}">{{ ucfirst($a) }}</a>
                    @endforeach
                </div>
            @else
                <div></div>
            @endif

            <div class="flex items-center gap-2">
                <span x-show="selected.length" x-cloak class="text-sm text-slate-500"><span x-text="selected.length"></span> selected</span>
                <x-button variant="danger" size="sm" icon="trash" x-show="selected.length" x-cloak
                    x-on:click="$dispatch('open-modal', 'audit-del-selected')">Delete Selected</x-button>
                @if ($logs->total())
                    <x-button variant="secondary" size="sm" icon="trash"
                        x-on:click="$dispatch('open-modal', 'audit-del-all')">Delete All</x-button>
                @endif
            </div>
        </div>

        <x-card flush>
            @if ($logs->isEmpty())
                <x-empty-state icon="book" title="No Activity Yet" description="Sign-ins and changes to directors, hosts, jobs, and users will appear here." />
            @else
                <x-table flush>
                    <thead>
                        <tr>
                            <th class="w-10">
                                <button type="button" @click="toggleAll()" role="switch" :aria-checked="allOn.toString()" title="Select all on this page"
                                    :class="allOn ? 'bg-brand-600' : 'bg-slate-300'"
                                    class="relative inline-flex h-5 w-9 items-center rounded-full transition-colors align-middle">
                                    <span :class="allOn ? 'translate-x-4' : 'translate-x-0.5'" class="inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow transition-transform"></span>
                                </button>
                            </th>
                            <th>Action</th><th>Detail</th><th>User</th><th>IP</th><th class="text-right">When</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($logs as $log)
                            <tr :class="selected.includes({{ $log->id }}) ? 'bg-brand-50/50' : ''">
                                <td>
                                    <button type="button" @click="toggle({{ $log->id }})" role="switch" :aria-checked="selected.includes({{ $log->id }}).toString()"
                                        :class="selected.includes({{ $log->id }}) ? 'bg-brand-600' : 'bg-slate-300'"
                                        class="relative inline-flex h-5 w-9 items-center rounded-full transition-colors align-middle">
                                        <span :class="selected.includes({{ $log->id }}) ? 'translate-x-4' : 'translate-x-0.5'" class="inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow transition-transform"></span>
                                    </button>
                                </td>
                                <td><x-badge :color="$tone[$log->action] ?? 'neutral'">{{ ucfirst($log->action) }}</x-badge></td>
                                <td class="text-slate-700">{{ $log->description }}</td>
                                <td class="text-slate-500">{{ $log->user?->name ?? 'System' }}</td>
                                <td class="text-slate-400 tabular">{{ $log->ip ?? '-' }}</td>
                                <td class="text-right text-slate-500" title="{{ $log->created_at }}">{{ $log->created_at?->diffForHumans() }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </x-table>
            @endif
        </x-card>

        @if ($logs->hasPages())
            <div class="mt-4">{{ $logs->links() }}</div>
        @endif

        {{-- Confirm modals live inside this x-data so they can read `selected`. --}}
        <x-modal name="audit-del-selected" title="Delete Selected Entries?" icon="warning" tone="danger" maxWidth="max-w-md">
            Delete <span x-text="selected.length"></span> selected audit <span x-text="selected.length === 1 ? 'entry' : 'entries'"></span>? This cannot be undone.
            <x-slot:footer>
                <x-button variant="secondary" size="sm" x-on:click="$dispatch('close-modal', 'audit-del-selected')">Cancel</x-button>
                <form method="POST" action="{{ route('settings.audit.destroy-selected') }}">
                    @csrf @method('DELETE')
                    <template x-for="id in selected" :key="id"><input type="hidden" name="ids[]" :value="id"></template>
                    <x-button variant="danger" size="sm" type="submit" icon="trash">Delete</x-button>
                </form>
            </x-slot:footer>
        </x-modal>

        <x-modal name="audit-del-all" title="Clear Entire Audit Log?" icon="warning" tone="danger" maxWidth="max-w-md">
            This permanently deletes <span class="font-medium">all {{ $logs->total() }}</span> audit entries across every page. This cannot be undone.
            <x-slot:footer>
                <x-button variant="secondary" size="sm" x-on:click="$dispatch('close-modal', 'audit-del-all')">Cancel</x-button>
                <form method="POST" action="{{ route('settings.audit.destroy-all') }}">
                    @csrf @method('DELETE')
                    <x-button variant="danger" size="sm" type="submit" icon="trash">Delete All</x-button>
                </form>
            </x-slot:footer>
        </x-modal>
    </div>
</x-layouts.app>

Blade In One Screen

The directives you will use most.

{{ $variable }}
Print a value, escaped. Safe by default.
{!! $html !!}
Print raw HTML. Only for content you trust.
@if / @else / @endif
Show something conditionally.
@foreach / @endforeach
Loop over a collection.
<x-card>
Use a shared component. Every component in Shared Components is available.
{{-- comment --}}
A comment that never reaches the browser.

House Rules

Follow these and your edits will survive updates.

  • Never start line 1 with @php. Blade mis-parses it and the page fails. The editor refuses to save it.
  • Keep logic out of templates. If you need a calculation, it belongs in a composer or component class, not here.
  • The shipped file is never modified. Reset To Default always gets you back.
  • Every save is versioned. You can revert to any earlier version in one click.
  • Press Tab inside the editor to indent rather than jump to the next field.