Welcome to Spacepad
Please sign in to continue
Or continue with
Don't have an account? Create one
Welcome to Spacepad
Register to start using your display today
Please check your email
You should receive an e-mail with a login link shortly.
Or continue with
@if(config('services.microsoft.enabled'))
Microsoft
@endif
@if(config('services.google.enabled'))
Google
@endif
@if(config('settings.disable_email_login') && ! config('services.microsoft.enabled') && ! config('services.google.enabled'))
No email registration or authentication provider configured.
@endif
@if($title)
{{ $title }}
@endifSomething went wrong
{{ $error }}
{{ $slot }}
================================================
FILE: backend/resources/views/components/displays/table-row.blade.php
================================================
@props(['display'])
{{ $display->name }}
{{ $display->display_name }}
@if($display->calendar->outlookAccount)
{{ $display->calendar->name }}
@if($display->devices->isNotEmpty())
@else
No devices
@endif
@if($display->last_sync_at)
Last sync {{ $display->last_sync_at->diffForHumans() }}
@endif
⚠️ You are impersonating {{ auth()->user()->email }}
{{-- Background backdrop --}}
================================================
FILE: backend/resources/views/components/modals/license-key.blade.php
================================================
@props(['show' => false])
Create a Google Service Account
To enable direct room booking for Google Workspace accounts, you need to create and upload a service account JSON file.
Because of security reasons, Google intentionally introduced some complexity to the process. Newer more simple ways of authenticating with Google Workspace API's are unfortunately not yet available. So for now, using a service account is the only way to enable direct room booking for Google Workspace accounts.
Before you start
Make sure you disable the policy preventing the creation of service account keys in your Google Cloud Console.
View this video for instructions.
How to get your service account file:
- Go to Google Cloud Console
- Create a new project or select an existing one
- Enable the Calendar API in the APIs & Services section
- Navigate to IAM & Admin > Service Accounts
- Click Create Service Account
- Enter any name for the service account
- Click Done (you can skip the permissions and principals with access steps)
- Click on the service account you just created to open the details page
- Go to Keys tab and click Add Key > Create new key
- Select JSON format and download the file
- Copy the Client ID (long digit code 'Unique ID' from service account details page)
- Head to the Google Workspace Admin Console
- Go to Security > Access & control > API Controls
- Click on Manage domain-wide delegation
- Click on Add new
- Enter the Client ID you copied earlier
- Add the following scopes:
https://www.googleapis.com/auth/calendar.readonlyhttps://www.googleapis.com/auth/calendar.events
- Important: After uploading the service account file below, you must share each room calendar with the service account email (found in the JSON file as "client_email") and grant it "Make changes to events" permission. You can do this by:
- Opening Google Calendar
- Finding your room calendar
- Clicking on the calendar settings (three dots)
- Selecting "Settings and sharing"
- Under "Share with specific people", add the service account email
- Grant "Make changes to events" permission
- Upload the service account JSON file you downloaded earlier below
@if($errors->has('license_key'))
@endif
{{-- Background backdrop --}}
================================================
FILE: backend/resources/views/components/modals/manage-subscription.blade.php
================================================
@props(['show' => false])
Enter License Key
Please enter your license key. Get your license key by purchasing a Self Hosted Pro license. You will receive a purchase confirmation email with the license key.
{{-- Background backdrop --}}
================================================
FILE: backend/resources/views/components/modals/select-google-booking-method.blade.php
================================================
Manage your subscription
You can manage your subscription in Lemon Squeezy using the order and payment emails you've received. In the email, you will find a big "Manage Subscription" button that works for both cloud-hosted and self-hosted subscriptions.
If you have a usage-based subscription (cloud hosted), your subscription automatically adapts every month based on your usage.
Can't find the email? Reach out to us at support@spacepad.io.
{{-- Background backdrop --}}
================================================
FILE: backend/resources/views/components/modals/select-permission.blade.php
================================================
@props(['provider' => 'outlook'])
Choose Booking Method
How would you like to handle room bookings for your Google Workspace account?
{{-- Background backdrop --}}
================================================
FILE: backend/resources/views/components/rooms/picker.blade.php
================================================
Select account permissions
Choose the level of access you want to grant to your {{ ucfirst($provider) }} account.
Something went wrong
{{ $error }}
 }})
404
Page Not Found
The page you're looking for doesn't exist or has been moved.
419
Page Expired
Your session has expired. Please refresh the page and try again.
429
Too Many Requests
You've made too many requests. Please wait a moment and try again.
@yield('title')
@yield('actions')
@yield('page')
@stack('scripts')
================================================
FILE: backend/resources/views/layouts/error.blade.php
================================================
User Details
View and manage user account information
{{ session('error') }}
@endif
@if(session('success'))
{{ session('success') }}
@endif
Account Information
- {{ $user->email }}
- Name
- {{ $user->name }}
- User ID
- {{ $user->id }}
- Usage Type
- {{ $user->usage_type?->label() ?? 'Not set' }}
- Created
- {{ $user->created_at->format('Y-m-d H:i:s') }}
- Last Activity
- {{ $user->last_activity_at ? $user->last_activity_at->format('Y-m-d H:i:s') : 'Never' }}
Subscription Information
- Plan
- @if($user->is_unlimited) Unlimited @elseif($subscriptionInfo) Pro @else Free @endif
- Status
- @php $status = $subscriptionInfo['status']; $statusLabel = ucwords(str_replace('_', ' ', $status)); $statusColors = match($status) { 'active' => 'bg-green-50 text-green-700 ring-green-600/20', 'past_due' => 'bg-yellow-50 text-yellow-700 ring-yellow-600/20', 'unpaid' => 'bg-red-50 text-red-700 ring-red-600/20', 'cancelled' => 'bg-gray-50 text-gray-700 ring-gray-600/20', 'on_trial' => 'bg-blue-50 text-blue-700 ring-blue-600/20', 'paused' => 'bg-orange-50 text-orange-700 ring-orange-600/20', default => 'bg-gray-50 text-gray-700 ring-gray-600/20', }; @endphp {{ $statusLabel }}
- Monthly Price
- ${{ number_format($subscriptionInfo['price'], 2) }}
- MRR
- ${{ number_format($subscriptionInfo['mrr'], 2) }}
- Subscription Ends
- {{ \Carbon\Carbon::parse($subscriptionInfo['ends_at'])->format('Y-m-d') }}
Data Summary
- Outlook Accounts
- {{ $user->outlookAccounts->count() }}
- Google Accounts
- {{ $user->googleAccounts->count() }}
- CalDAV Accounts
- {{ $user->caldavAccounts->count() }}
- Displays
- {{ $user->displays->count() }}
- Devices
- {{ $user->devices->count() }}
- Workspaces
- {{ $user->workspaces->count() }}
⚠️ Delete User Account
This action cannot be undone. All data associated with this user will be permanently deleted:
- All connected accounts (Outlook, Google, CalDAV)
- All displays and their settings
- All devices
- All calendars and events
- All rooms
- All workspace memberships
- All personal access tokens
⚠️ Notice
You cannot delete your own account. Please ask another admin to perform this action if needed.
- Active Instances
- {{ $activeInstancesCount }}
- Total Instances
- {{ $totalInstances }}
Active Self-Hosted Instances
| Instance Key | Users | Displays | Boards | Rooms | Last Heartbeat | Paid |
|---|---|---|---|---|---|---|
| {{ $instance->instance_key }} |
@if(is_array($instance->users))
@foreach($instance->users as $user)
{{ $user['email'] ?? '' }}
@if(!empty($user['usage_type']))
({{ ucfirst($user['usage_type']) }})
@endif
@endforeach
@endif
|
{{ $instance->displays_count }} | {{ $instance->boards_count ?? '-' }} | {{ $instance->rooms_count }} | {{ $instance->last_heartbeat_at?->diffForHumans() ?? '-' }} | {{ $instance->is_paid ? 'Yes' : 'No' }} |
| No active self-hosted instances found. | ||||||
- Active Displays
- {{ $activeDisplaysCount }}
- Total Displays
- {{ $totalDisplays }}
- Total Boards
- {{ $totalBoards }}
Active Cloud-Hosted Users
| Name | Usage Type | Displays | Boards | Last Display Activity | Paid | |
|---|---|---|---|---|---|---|
| {{ $user->name }} | {{ $user->email }} | {{ $user->usage_type?->label() }} | {{ $user->displays_count }} | {{ $user->boards_count ?? 0 }} | {{ $user->last_display_activity ? \Carbon\Carbon::parse($user->last_display_activity)->diffForHumans() : '-' }} | {{ $user->is_paid ? 'Yes' : 'No' }} |
| No active cloud-hosted users found. | ||||||
- Paying Users
- {{ $payingUsersCount }}
- Total MRR
- ${{ number_format($totalMRR, 2) }}
- Forecasted MRR
- ${{ number_format($forecastedMRR, 2) }}
Paying Cloud-Hosted Users ({{ $payingUsersCount }})
| Name | Usage Type | Displays | Boards | Subscription Status | LS Status | Price | MRR | Subscription Ends | Registered | |
|---|---|---|---|---|---|---|---|---|---|---|
| {{ $user->name }} | {{ $user->email }} | {{ $user->usage_type?->label() }} | {{ $user->displays_count }} | {{ $user->subscription_status }} | @if($user->lemon_squeezy_status) @php $status = $user->lemon_squeezy_status; $statusLabel = ucwords(str_replace('_', ' ', $status)); $statusColors = match($status) { 'active' => 'bg-green-50 text-green-700 ring-green-600/20', 'past_due' => 'bg-yellow-50 text-yellow-700 ring-yellow-600/20', 'unpaid' => 'bg-red-50 text-red-700 ring-red-600/20', 'cancelled' => 'bg-gray-50 text-gray-700 ring-gray-600/20', 'on_trial' => 'bg-blue-50 text-blue-700 ring-blue-600/20', 'paused' => 'bg-orange-50 text-orange-700 ring-orange-600/20', default => 'bg-gray-50 text-gray-700 ring-gray-600/20', }; @endphp {{ $statusLabel }} @else - @endif | @if($user->price > 0) ${{ number_format($user->price, 2) }} @else - @endif | @if($user->mrr > 0) ${{ number_format($user->mrr, 2) }} @else - @endif | @if($user->subscription_ends_at) {{ \Carbon\Carbon::parse($user->subscription_ends_at)->format('Y-m-d') }} @else - @endif | {{ $user->created_at->format('Y-m-d') }} | |
| No paying cloud-hosted users found. | ||||||||||
- Total Users
- {{ $allUsers->count() }}
- Users with Displays
- {{ $allUsers->filter(fn($u) => $u->displays_count > 0)->count() }}
- Pro Users
- {{ $allUsers->filter(fn($u) => $u->hasPro())->count() }}
All Users
| Name | Usage Type | Displays | Boards | Pro | Registered | Last Activity | Actions | |
|---|---|---|---|---|---|---|---|---|
| {{ $user->name }} | {{ $user->email }} | {{ $user->usage_type?->label() ?? '-' }} | {{ $user->displays_count }} | {{ $user->boards_count ?? 0 }} | @if($user->hasPro()) Yes @else No @endif | {{ $user->created_at->format('Y-m-d') }} | {{ $user->last_activity_at ? $user->last_activity_at->format('Y-m-d') : 'Never' }} | |
| @if(request('search')) No users found matching "{{ request('search') }}" @else No users found @endif | ||||||||
{{ $allUsers->links('vendor.pagination.tailwind') }}
@endif
Boards
Overview of your boards and their configuration.
| Name | Displays | Type | Created by | Actions |
|---|---|---|---|---|
| {{ $board->name }} | {{ $board->display_count }} {{ $board->display_count === 1 ? 'display' : 'displays' }} | @if($board->show_all_displays) Show all @else Selected @endif | {{ $board->user->name }} | |
No boards yetCreate your first board to display room availability on a big screen. |
||||
{{-- Header --}}
{{-- Room List --}}
@php
$viewMode = $board->view_mode ?? 'card';
@endphp
@if($viewMode === 'table')
{{-- Row View --}}
@elseif($viewMode === 'grid')
{{-- Grid View --}}
@endsection
@php
// Restore original locale
app()->setLocale($originalLocale);
@endphp
@push('scripts')
@endpush
================================================
FILE: backend/resources/views/pages/caldav-accounts/create.blade.php
================================================
@extends('layouts.base')
@section('title', 'Create a new CalDAV Account')
@section('container_class', 'max-w-5xl')
@section('content')
@if($board->logo)
 }}?v={{ $board->updated_at->timestamp }})
@else
{{ strtoupper(substr($board->name, 0, 1)) }}
@endif
{{ $board->title ?: $t('boards.meeting_room_overview') }}
@if($board->subtitle){{ $board->subtitle }}
@endif| {{ $t('boards.room') }} | {{ $t('boards.status') }} | {{ $t('boards.current') }} | @if($board->show_next_event ?? true){{ $t('boards.next') }} | @endif
|---|---|---|---|
|
{{ $display->display_name ?: $display->name }}
|
@if(isset($statusTextParts['minutes'])) {{ $statusTextParts['label'] }} {{ $statusTextParts['minutes'] }} @else {{ $statusText }} @endif |
@if($currentEvent)
@if($board->show_title ?? true)
@else
@if($nextEvent)
{{ $t('boards.available_until', ['time' => '']) }}
@else
{{ $t('boards.available_until_end_of_day') }}
@endif
@endif
{{ $currentEvent['summary'] }}
@endif
|
@if($board->show_next_event ?? true)
@if($nextEvent)
@if($board->show_title ?? true)
@else
—
@endif
{{ $nextEvent['summary'] }}
@endif
|
@endif
|
{{ $t('boards.no_displays') }} |
@forelse($displays as $displayData)
@php
$display = $displayData['display'];
$status = $displayData['status'];
$statusText = $displayData['statusText'];
$currentEvent = $displayData['currentEvent'];
$nextEvent = $displayData['nextEvent'];
$transitioningMinutes = $displayData['transitioningMinutes'] ?? null;
// Status colors
$statusBarColor = match($status) {
'busy' => 'bg-red-500',
'transitioning' => 'bg-amber-500',
'error' => 'bg-gray-500',
default => 'bg-green-500',
};
// Update status text with minutes if transitioning
$statusTextParts = [];
if ($status === 'transitioning' && $transitioningMinutes !== null) {
$statusTextParts = [
'label' => $t('boards.transitioning'),
'minutes' => '(' . $transitioningMinutes . ' min)'
];
} else {
$statusTextParts = ['label' => $statusText];
}
@endphp
@else
{{-- Card View (Default) --}}
{{-- Status Indicator Bar - Full height on left edge --}}
@empty
{{-- Status Badge and Room Name --}}
{{-- Status Badge - Above Title --}}
{{-- Event Info --}}
@php
$statusBadgeClass = match($status) {
'busy' => 'bg-red-500/10 text-red-400 border-red-500/20',
'transitioning' => 'bg-amber-500/10 text-amber-400 border-amber-500/20',
'error' => 'bg-gray-500/10 text-gray-400 border-gray-500/20',
default => 'bg-green-500/10 text-green-400 border-green-500/20',
};
@endphp
@if(isset($statusTextParts['minutes']))
{{ $statusTextParts['label'] }}
{{ $statusTextParts['minutes'] }}
@else
{{ $statusText }}
@endif
{{-- Room Name --}}
{{ $display->display_name ?: $display->name }}
@if($currentEvent)
{{-- Current Event --}}
@endif
@if($board->show_title ?? true)
@if(($board->show_booker ?? true) && $currentEvent['organizer'] !== 'Unknown')
•
@else
{{-- Available --}}
@if($nextEvent)
{{ $t('boards.available_until', ['time' => '']) }}
@else
{{ $t('boards.available_until_end_of_day') }}
@endif
@endif
{{-- Next Up Event - Below Current Event --}}
@if($nextEvent && ($board->show_next_event ?? true))
{{ $currentEvent['summary'] }}
@endif
{{ $currentEvent['organizer'] }}
@endif
@if($board->show_title ?? true)
@endif
@if(($board->show_booker ?? true) && isset($nextEvent['organizer']) && $nextEvent['organizer'] !== 'Unknown')
•
{{ $nextEvent['summary'] }}
{{ $t('boards.next') }}
{{ $nextEvent['organizer'] }}
@endif
{{ $t('boards.no_displays') }}
@forelse($displays as $displayData)
@php
$display = $displayData['display'];
$status = $displayData['status'];
$statusText = $displayData['statusText'];
$currentEvent = $displayData['currentEvent'];
$nextEvent = $displayData['nextEvent'];
$transitioningMinutes = $displayData['transitioningMinutes'] ?? null;
// Status colors
$statusBarColor = match($status) {
'busy' => 'bg-red-500',
'transitioning' => 'bg-amber-500',
'error' => 'bg-gray-500',
default => 'bg-green-500',
};
// Update status text with minutes if transitioning
$statusTextParts = [];
if ($status === 'transitioning' && $transitioningMinutes !== null) {
$statusTextParts = [
'label' => $t('boards.transitioning'),
'minutes' => '(' . $transitioningMinutes . ' min)'
];
} else {
$statusTextParts = ['label' => $statusText];
}
@endphp
@endif
{{-- Status Indicator Bar - Full height on left edge --}}
@empty
{{-- Status Badge --}}
{{-- Next Up Event - Right Side --}}
@if($nextEvent && ($board->show_next_event ?? true))
@endif
@php
$statusBadgeClass = match($status) {
'busy' => 'bg-red-500/10 text-red-400 border-red-500/20',
'transitioning' => 'bg-amber-500/10 text-amber-400 border-amber-500/20',
'error' => 'bg-gray-500/10 text-gray-400 border-gray-500/20',
default => 'bg-green-500/10 text-green-400 border-green-500/20',
};
@endphp
@if(isset($statusTextParts['minutes']))
{{ $statusTextParts['label'] }}
{{ $statusTextParts['minutes'] }}
@else
{{ $statusText }}
@endif
{{-- Room Name and Current Event Info --}}
{{ $display->display_name ?: $display->name }}
@if($currentEvent) {{-- Current Event --}}
@if($board->show_title ?? true)
@if(($board->show_booker ?? true) && $currentEvent['organizer'] !== 'Unknown')
•
@else
{{-- Available --}}
@if($nextEvent)
{{ $t('boards.available_until', ['time' => '']) }}
@else
{{ $t('boards.available_until_end_of_day') }}
@endif
@endif
{{ $currentEvent['summary'] }}
@endif
{{ $currentEvent['organizer'] }}
@endif
{{ $t('boards.next') }}
@if($board->show_title ?? true)
{{ $nextEvent['summary'] }}
@endif
{{ $t('boards.no_displays') }}
Enter your credentials
We'll connect to your server to access your calendars.
Connect code
{{ chunk_split($connectCode, 3, ' ') }}
Booking Method Required
Please select a booking method for your Google Workspace account {{ $googleAccount->name }} ({{ $googleAccount->email }}).
Service Account Required
The Google Workspace account {{ $googleAccount->name }} ({{ $googleAccount->email }}) is configured to use service account booking but the service account file has not been uploaded yet. Please upload your service account file to enable room bookings.
Unlock all features
Upgrade to Pro to unlock all features, including multiple displays, creating boards, book on-display, personalize displays, enable check-in and more!
@if($isSelfHosted)
@else
Try Pro 14 days for free
@endif
Displays
Overview of your displays and their status.
@if(auth()->user()->hasAnyDisplay() || auth()->user()->workspaces()->count() > 1)
@endif
@if(auth()->user()->can('create', \App\Models\Display::class))
@if(auth()->user()->shouldUpgradeForCurrentWorkspace())
| Name | Account | Status | Activity | Actions |
|---|---|---|---|---|
One more step and you're set upPick the calendar or room you would like to synchronize. You are able to connect multiple tablets to one display. @if(! $isSelfHosted && auth()->user()->shouldUpgradeForCurrentWorkspace()) |
||||
Accounts
The accounts used to connect to calendars and rooms.
@if(config('services.microsoft.enabled'))
@endif
@if(config('services.google.enabled'))
@endif
@if(config('services.caldav.enabled'))
Connected accounts
No accounts connected yet
Connect a calendar account above to get started. You can connect Microsoft, Google, or CalDAV accounts.
@foreach($outlookAccounts as $outlookAccount)
@endif
@if($outlookAccount->calendars->isEmpty())
@else
@endforeach
@foreach($googleAccounts as $googleAccount)
{{ $outlookAccount->name }}
{{ $outlookAccount->email }}
Connected
{{ $outlookAccount->isBusiness() ? 'Microsoft 365' : 'Personal' }}
@if($outlookAccount->permission_type) @endif
@if($googleAccount->calendars->isEmpty())
@else
@endforeach
@foreach($caldavAccounts as $caldavAccount)
{{ $googleAccount->name }}
{{ $googleAccount->email }}
Connected
{{ $googleAccount->isBusiness() ? 'Workspace' : 'Personal' }}
@if($googleAccount->permission_type) @endif @if($googleAccount->isBusiness() && $googleAccount->booking_method){{ $googleAccount->booking_method === \App\Enums\GoogleBookingMethod::SERVICE_ACCOUNT ? 'Service Account' : 'User Account' }}
@endif
@if($caldavAccount->calendars->isEmpty())
@else
@endforeach
{{ $caldavAccount->name }}
{{ $caldavAccount->email }}
Connected
@if($caldavAccount->permission_type) @endif
Self-hosted
@if($version)
v{{ $version }}
@endif
@if($appUrl)
{{ parse_url($appUrl, PHP_URL_HOST) }} ({{ $appEnv }})
@endif
@endif
@endsection
@push('scripts')
@endpush
@push('modals')
Pro Feature
Display customization is only available for Pro users. Upgrade to Pro to customize your display texts.
Back to DashboardDisplay Customization
Customize the texts and privacy options for "{{ $display->name }}"
Pro Feature
Display settings are only available for Pro users. Upgrade to Pro to customize your display settings.
Back to DashboardDisplay Settings
Configure settings for "{{ $display->name }}"
Pro Features
Display settings are Pro features that allow you to customize how users interact with your displays. These settings control check-in and booking functionality.
Let's get you set up! 🥳
We'll walk you through setting up a display
in just a
few minutes
How will you use Spacepad?
This helps us understand our user base and provide appropriate features and pricing.
Self-hosted License Agreement
In order to be the perfect all-encompassing room display solution for SMB's it is mandatory Spacepad is sustainable.
That's why as a self-hosted user, we need your agreement on two important points:
1. Fair Use
We collect your email address to verify licensing and ensure fair use. This is not shared externally and is only used for administrative purposes.
2. License Agreement
By using Spacepad, you agree to our licensing terms. Personal users get full access, while business users need a valid license key for multiple displays and Pro features.
Connect your first account
You'll be able to connect multiple accounts from different providers and display events from the calendars and rooms of the account.
@if(config('services.microsoft.enabled'))
@endif
@if(config('services.google.enabled'))
@endif
@if(config('services.caldav.enabled'))
@endif
{{-- Usage Breakdown --}}
{{-- Breakdown Details --}}
{{-- What Counts Towards Usage --}}
Current Usage
- Displays
- {{ $usageBreakdown['displays'] }}
- Boards
- {{ $usageBreakdown['boards'] }}
- Total Usage
- {{ $usageBreakdown['total'] }}
Usage Breakdown
Displays
{{ $usageBreakdown['displays'] }} active display(s)
{{ $usageBreakdown['displays'] }} unit(s)
Boards
{{ $usageBreakdown['boards'] }} board(s) × 2
{{ $usageBreakdown['board_usage'] }} unit(s)
Total Usage
Billed to your subscription
{{ $usageBreakdown['total'] }} unit(s)
What counts towards usage?
Displays
Each active display counts as 1 usage unit. Every display in your workspace is included in your usage count.
Boards
Each board counts as 2 usage units. This pricing model ensures fairness for users who don't use boards, keeping the base product accessible.