Dashboard
This commit is contained in:
Graphictoria
parent
38f18d5fb5
commit
ad30d06e25
|
|
@ -2,6 +2,7 @@
|
|||
|
||||
namespace App\Providers;
|
||||
|
||||
use Illuminate\Support\Facades\Request;
|
||||
use Illuminate\Support\ServiceProvider;
|
||||
|
||||
class AppServiceProvider extends ServiceProvider
|
||||
|
|
@ -23,6 +24,6 @@ class AppServiceProvider extends ServiceProvider
|
|||
*/
|
||||
public function boot()
|
||||
{
|
||||
//
|
||||
//
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ class RouteServiceProvider extends ServiceProvider
|
|||
*
|
||||
* @var string
|
||||
*/
|
||||
public const HOME = '/dashboard';
|
||||
public const HOME = '/my/dashboard';
|
||||
|
||||
/**
|
||||
* Define your route model bindings, pattern filters, etc.
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
|
||||
class Card extends Component
|
||||
{
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*
|
||||
* @return \Illuminate\Contracts\View\View|\Closure|string
|
||||
*/
|
||||
public function render()
|
||||
{
|
||||
return view('components.card');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
|
||||
class Loader extends Component
|
||||
{
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*
|
||||
* @return \Illuminate\Contracts\View\View|\Closure|string
|
||||
*/
|
||||
public function render()
|
||||
{
|
||||
return view('components.loader');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
|
||||
class MiniCard extends Component
|
||||
{
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct()
|
||||
{
|
||||
//
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*
|
||||
* @return \Illuminate\Contracts\View\View|\Closure|string
|
||||
*/
|
||||
public function render()
|
||||
{
|
||||
return view('components.minicard');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<?php
|
||||
|
||||
namespace App\View\Components;
|
||||
|
||||
use Illuminate\View\Component;
|
||||
|
||||
class SocialCard extends Component
|
||||
{
|
||||
public $title;
|
||||
public $description;
|
||||
public $link;
|
||||
|
||||
/**
|
||||
* Create a new component instance.
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function __construct($title, $description, $link)
|
||||
{
|
||||
$this->title = $title;
|
||||
$this->description = $description;
|
||||
$this->link = $link;
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the view / contents that represent the component.
|
||||
*
|
||||
* @return \Illuminate\Contracts\View\View|\Closure|string
|
||||
*/
|
||||
public function render()
|
||||
{
|
||||
return view('components.social-card');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1 @@
|
|||
<div class="gtoria-loader"><div></div><div></div><div></div><div></div></div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
@php
|
||||
$classes = ['card'];
|
||||
|
||||
if(isset($attributes['class']))
|
||||
$classes = array_merge($classes, explode(' ', $attributes['class']));
|
||||
@endphp
|
||||
<div @class($classes)>
|
||||
<div class="card-body p-2 text-center">
|
||||
<h6 class="card-title fw-bold text-uppercase">{{ isset($title) ? $title : $attributes['title'] }}</h6>
|
||||
<hr class="mx-5 my-0 mb-2" />
|
||||
{{ $body }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,5 +1,53 @@
|
|||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<p>You're logged in!</p>
|
||||
<div class="container-lg my-2">
|
||||
<h4>Hello, {{ Auth::user()->username }}!</h4>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<img src="{{ asset('/images/testing/avatar.png') }}" class="img-fluid gt-charimg" />
|
||||
<p class="mb-3 px-3">"abcd"</p>
|
||||
</div>
|
||||
|
||||
<x-MiniCard class="mt-3 d-none d-md-flex">
|
||||
<x-slot name="title">
|
||||
Blog
|
||||
</x-slot>
|
||||
<x-slot name="body">
|
||||
<ul class="text-center list-unstyled mb-1">
|
||||
<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
|
||||
<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
|
||||
<li class="pb-2"><a href="#" class="text-decoration-none fw-normal"><i class="fa-solid fa-circle-right"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a></li>
|
||||
</ul>
|
||||
<div class="text-left px-2">
|
||||
<a href="#" class="text-decoration-none fw-normal">More <i class="fa-solid fa-caret-right"></i></a>
|
||||
</div>
|
||||
</x-slot>
|
||||
</x-MiniCard>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 mt-3 mt-md-0">
|
||||
<x-MiniCard class="d-none d-md-flex mb-3">
|
||||
<x-slot name="title">
|
||||
Recently Played
|
||||
</x-slot>
|
||||
<x-slot name="body">
|
||||
Content here.
|
||||
</x-slot>
|
||||
</x-MiniCard>
|
||||
|
||||
<h4>My Feed</h4>
|
||||
<div class="card mb-2">
|
||||
<div class="input-group p-2">
|
||||
<input type="text" class="form-control" placeholder="What are you up to?" area-label="What are you up to?"/>
|
||||
<button class="btn btn-secondary" type="submit">Share</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<x-loader />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
@ -93,7 +93,7 @@
|
|||
</div>
|
||||
<div class="graphictoria-nav-margin"></div>
|
||||
@foreach(App\Models\Banner::all() as $banner)
|
||||
<div @class(['alert', 'alert-' . $banner->type, 'graphictoria-alert', 'alert-dismissible' => $banner->dismissable])>
|
||||
<div @class(['alert', 'alert-' . $banner->style, 'graphictoria-alert', 'alert-dismissible' => $banner->dismissable])>
|
||||
<p class="mb-0">{{ $banner->message }}</p>
|
||||
@if($banner->dismissable)
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,31 @@
|
|||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<p>dis de home page</p>
|
||||
@endsection
|
||||
<div class="graphictoria-home">
|
||||
<div class="container graphictoria-center-vh my-auto text-center text-white">
|
||||
<div class="mb-4 graphictoria-home-shadow">
|
||||
<h1 class="graphictoria-homepage-header">Graphictoria</h1>
|
||||
{{-- TODO: make the user count automatic via a model --}}
|
||||
<h5 class="mb-0">Graphictoria aims to revive the classic Roblox experience. Join <b>9k+</b> other users and relive your childhood!</h5>
|
||||
<p class="graphictoria-homepage-fine-print fst-italic">* Graphictoria is not affiliated with, endorsed by, or sponsored by Roblox Corporation.</p>
|
||||
</div>
|
||||
<a href="{{ url('/register') }}" class="btn btn-success">Create your account<i class="ps-2 graphictoria-small-aligned-text fas fa-chevron-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="graphictoria-home-about my-1">
|
||||
<div class="col-md-10 d-flex h-100">
|
||||
<div class="graphictoria-home-about-card text-center m-auto">
|
||||
<h1 class="fw-bold">So what is Graphictoria?</h1>
|
||||
<h4>Ever wanted to experience or revisit classic Roblox? Graphictoria provides the platform for anyone and everyone looking to relive the classic Roblox experience. Play with friends in an immersive 3D environment, or create your own game. Your imagination is the only limit.</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container text-center my-5">
|
||||
<h1 class="mb-5 fw-bold">Social Links</h1>
|
||||
<div class="row mb-5">
|
||||
<x-socialcard title="YouTube" description="Subscribe to our YouTube channel, where we upload trailers for future events and Graphictoria gameplay videos." link="https://www.youtube.com/graphictoria?sub_confirmation=1" />
|
||||
<x-socialcard title="Twitter" description="Follow us on Twitter. Here you can recieve important updates about Graphictoria and receive announcements for events, potential downtime, status reports, etc." link="https://twitter.com/intent/user?screen_name=gtoriadotnet" />
|
||||
<x-socialcard title="Discord" description="Join our Discord server. This is the place where you can engage with the rest of our community, or just hang out with friends." link="https://www.discord.gg/jBRHAyp" />
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ Route::get('/', function () {
|
|||
return view('welcome');
|
||||
})->middleware(['guest'])->name('welcome');
|
||||
|
||||
Route::get('/dashboard', function () {
|
||||
Route::get('/my/dashboard', function () {
|
||||
return view('dashboard');
|
||||
})->middleware(['auth'])->name('dashboard');
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue