Add Material Design for Public and Admin

This commit is contained in:
Mathieu Lagace
2019-08-14 15:29:37 -04:00
parent cb3fdc44e2
commit 9f85296cea
960 changed files with 410664 additions and 7451 deletions

View File

@@ -1,10 +1,16 @@
@foreach ($activities as $activity)
<section class="spotlight">
<div class="image"><img src="/assets/public/images/pic01.jpg" alt="" /></div>
<div class="content">
<h2>{{$activity->name}}</h2>
<p class="activity-body-small">{{$activity->public_body}}</p>
<a name="activity" id="activity" class="btn btn-primary" href="/activity/{{$activity->id}}" role="button">Plus d'information</a>
</div>
</section>
@endforeach
<div class="row">
@foreach ($activities as $activity)
<div class="col-md-6">
<div class="card">
<div class="card-header card-header-image">
<img class="img-fluid" src="/assets/public/images/pic01.jpg" alt="" />
</div>
<div class="card-body">
<h4 class="card-title">{{$activity->name}}</h4>
<p class="activity-body-small">{{$activity->public_body}}</p>
<a name="activity" id="activity" class="btn btn-primary" href="/activity/{{$activity->id}}" role="button">Plus d'information</a>
</div>
</div>
</div>
@endforeach
</div>

View File

@@ -1,13 +1,32 @@
<div class="inner">
<h2>{{App\Config::getData('escadron_name_full')}}</h2><a class="badge badge-primary edit-btn" href="/admin/public/edit/escadron_name_full" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
<p>
{{App\Config::getData('element_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/element_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</p>
<div class="m-5">
<p class="m-5">
{{ App\Config::getData('text_public_banner_cadet_desc') }}
<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_banner_cadet_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</p>
<div id="header" class="page-header pricing-page header-filter" style="background-image: url('/assets/public/images/banner.jpg')">
<div class="container">
<div class="row">
<div class="col-md-6 ml-auto mr-auto text-center">
<h1>
{{App\Config::getData('escadron_name_full')}}
</h1>
<a class="badge badge-primary edit-btn" href="/admin/public/edit/escadron_name_full" style="display: none;">
<i class="fa fa-pencil" aria-hidden="true"></i>
</a>
<h4>
{{App\Config::getData('element_title')}}
<a class="badge badge-primary edit-btn" href="/admin/public/edit/element_title" style="display: none;">
<i class="fa fa-pencil" aria-hidden="true"></i>
</a>
</h4>
</div>
</div>
<div class="m-5">
<h4 class="m-5">
{{ App\Config::getData('text_public_banner_cadet_desc') }}
<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_banner_cadet_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</h4>
</div>
<div class="text-center">
<a href="#one" class="btn btn-primary">{{ App\Config::getData('text_public_banner_apprendre_plus') }}</a>
<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_banner_apprendre_plus" style="top: 30vh;left: 8vw;display:none">
<i class="fa fa-pencil" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
<div><a href="#one" class="more scrolly">{{ App\Config::getData('text_public_banner_apprendre_plus') }}</a><a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_banner_apprendre_plus" style="top: 30vh;left: 8vw;display:none"><i class="fa fa-pencil" aria-hidden="true"></i></a></div>
</div>

View File

@@ -0,0 +1,9 @@
<div class="inner">
<div class="title text-center">
<h1>{{ App\Config::getData('text_public_news_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></h1>
<p>{{ App\Config::getData('text_public_news_desc')}} <a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</div>
<hr class="mx-5">
<div id="public_calendar"></div>
<script src="/assets/js/calendar/calendar.js"></script>
</div>

View File

@@ -1,10 +1,17 @@
<ul class="icons">
<li><a href="{{ App\Config::getData('media_twitter')}}" class="icon fa-twitter"><span class="label">Twitter</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_twitter" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="{{ App\Config::getData('media_facebook')}}" class="icon fa-facebook"><span class="label">Facebook</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_facebook" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="{{ App\Config::getData('media_instagram')}}" class="icon fa-instagram"><span class="label">Instagram</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_instagram" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="mailto:{{ App\Config::getData('media_email')}}" class="icon fa-envelope-o"><span class="label">Email</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_email" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
</ul>
<ul class="copyright">
<li>&copy; <a href="https://gitlab.com/TheGamecraft/c-cms">C-CMS</a></li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
<nav class="float-left">
<ul>
<li>
<li><a href="{{ App\Config::getData('media_twitter')}}" class="icon"><i class="fab fa-twitter mr-2"></i><span class="label">Twitter</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_twitter" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="{{ App\Config::getData('media_facebook')}}" class="icon"><i class="fab fa-facebook mr-2"></i><span class="label">Facebook</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_facebook" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="{{ App\Config::getData('media_instagram')}}" class="icon"><i class="fab fa-instagram mr-2"></i><span class="label">Instagram</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_instagram" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
<li><a href="mailto:{{ App\Config::getData('media_email')}}" class="icon"><i class="fas fa-envelope mr-2"></i><span class="label">Email</span></a><a class="badge badge-primary edit-btn" href="/admin/public/edit/media_email" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></li>
</li>
</ul>
</nav>
<div class="copyright float-right">
&copy;
<script>
document.write(new Date().getFullYear())
</script>, made with <i class="material-icons">favorite</i> by
C-CMS.
</div>

View File

@@ -1,6 +1,16 @@
<!-- Required meta tags -->
<title>{{ App\Config::getData('escadron_name_full')}}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/public/assets/css/main.css" />
<noscript><link rel="stylesheet" href="/assets/public/assets/css/noscript.css" /></noscript>
<!-- Fonts and icons -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<script src="https://kit.fontawesome.com/d18efcab73.js"></script>
<!-- Material CSS -->
<link rel="stylesheet" href="/css/material-kit.css" />
<link rel="stylesheet" href="/css/material-dashboard.css" />
<!-- Plugin CSS -->
<link href='/assets/fullcalendar/core/main.css' rel='stylesheet' />
<link href='/assets/fullcalendar/daygrid/main.css' rel='stylesheet' />

View File

@@ -1,26 +1,51 @@
<h1><a href="/">{{ App\Config::getData('escadron_name_full')}}</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="/">Accueil</a></li>
<li><a href="/#news">Nouvelles</a></li>
<li><a href="/#activity">Nos Activitées</a></li>
<li><a href="/#picture">Photos</a></li>
<li><a href="#">Calendrier</a></li>
<li><a href="/#cta">Nous rejoindre</a></li>
<li><a href="/login">Connexion</a></li>
</ul>
<hr>
<div>
<h5>Option</h5>
<input type="checkbox" id="edit-switch" name="edit-switch" onclick="toggleEdit()">
<label for="edit-switch">Activer la modification de la page</label>
</div>
<!-- Navbar -->
<nav class="navbar navbar-transparent navbar-color-on-scroll fixed-top navbar-expand-lg" color-on-scroll="100" id="sectionsNav">
<div class="container">
<div class="navbar-wrapper">
<a class="navbar-brand" href="#pablo">{{ App\Config::getData('escadron_name_full')}}</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
<span class="sr-only">Toggle navigation</span>
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
<span class="navbar-toggler-icon icon-bar"></span>
</button>
<div class="collapse navbar-collapse justify-content-end">
<ul class="navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">
<i class="material-icons">home</i> Accueil
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#0" role="button" aria-haspopup="true" aria-expanded="false">
<i class="material-icons">airplanemode_active</i> L'escadron
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">
<i class="material-icons mr-2">new_releases</i>Nouvelles
</a>
<a class="dropdown-item" href="#">
<i class="material-icons mr-2">landscape</i>Nos Activitées
</a>
<a class="dropdown-item" href="#">
<i class="material-icons mr-2">photo_camera</i>Photos
</a>
<a class="dropdown-item" href="#">
<i class="material-icons mr-2">calendar_today</i>Calendrier
</a>
<a class="dropdown-item" href="#cta">
<i class="material-icons">location_on</i> Nous rejoindre
</a>
</div>
</li>
</ul>
</nav>
<li class="nav-item ">
<a href="/login" class="nav-link">
<i class="material-icons">lock_open</i> Connexion
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End Navbar -->

View File

@@ -1,8 +1,6 @@
<div class="inner">
<header class="major">
<h2>
{{ App\Config::getData('text_public_intro_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_intro_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</h2>
<p>{{ App\Config::getData('text_public_intro_desc')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_intro_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</header>
<div class="title">
<h1 class="title">
{{ App\Config::getData('text_public_intro_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_intro_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</h1>
<p>{{ App\Config::getData('text_public_intro_desc')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_intro_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</div>

View File

@@ -13,40 +13,34 @@
</head>
<body class="landing is-preload">
<body class="index-page sidebar-collapse">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Include Header -->
@include('layouts.public.header')
<header id="header" class="">
<!-- Include Header -->
@include('layouts.public.header')
</header>
<div class="wrapper wrapper-full-page">
@yield('content')
<!-- Footer -->
<footer id="footer">
<!-- Include Footer -->
@include('layouts.public.footer')
<footer class="footer">
<div class="container">
<!-- Include Footer -->
@include('layouts.public.footer')
</div>
</footer>
</div>
<!-- Scripts -->
<script src="/assets/public/assets/js/jquery.min.js"></script>
<script src="/assets/public/assets/js/jquery.scrollex.min.js"></script>
<script src="/assets/public/assets/js/jquery.scrolly.min.js"></script>
<script src="/assets/public/assets/js/browser.min.js"></script>
<script src="/assets/public/assets/js/breakpoints.min.js"></script>
<script src="/assets/public/assets/js/util.js"></script>
<script src="/assets/public/assets/js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/core/jquery.min.js"></script>
<script src="/js/core/popper.min.js"></script>
<script src="/js/core/bootstrap-material-design.min.js"></script>
<script src="/js/material-dashboard.js"></script>
<script src="/js/material-kit.min.js"></script>
<script src='/assets/fullcalendar/core/main.js'></script>
<script src='/assets/fullcalendar/daygrid/main.js'></script>
<script>
function toggleEdit() {
if($('#edit-switch').prop( "checked" )) {
@@ -56,6 +50,28 @@
}
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('public_calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: [ 'dayGrid' ],
locale: 'fr',
header: {
left: 'title',
center: '',
right: 'prev,next'
},
events: '/api/schedule/events',
eventClick: function(info) {
alert('Event: ' + info.event.title);
}
});
calendar.render();
});
</script>
</body>
</html>

View File

@@ -1,23 +1,21 @@
<div class="inner">
<div class="align-center">
<h2>{{ App\Config::getData('text_public_news_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></h2>
<small>{{ App\Config::getData('text_public_news_desc')}} <a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></small>
</div>
<hr class="mx-5">
@if ($news->isEmpty())
<h4 class="text-center">Aucune nouvelles</h4>
@endif
<div class="row">
@foreach ($news as $new)
<div class="col-md-4">
<h3>{{ $new->title }}</h3>
<p class="news-body-small"> {{ $new->body }}</p>
<span class="news-small">{{ \App\User::find($new->user_id)->fullname()}}, {{$new->created_at}}</span>
<a name="news" id="news" class="btn btn-block btn-secondary mt-2" href="/news/{{$new->id}}" role="button">Voir plus!</a>
</div>
@endforeach
</div>
<div class="align-center m-5">
<a name="news-all" id="news-all" class="btn btn-primary btn-block p-2 text-uppercase" href="/news" role="button">{{ App\Config::getData('text_public_news_button')}}</a><a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_button" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</div>
<div class="title">
<h1>{{ App\Config::getData('text_public_news_title')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></h1>
<p>{{ App\Config::getData('text_public_news_desc')}} <a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</div>
<hr class="mx-5">
@if ($news->isEmpty())
<h4 class="text-center">Aucune nouvelles</h4>
@endif
<div class="row">
@foreach ($news as $new)
<div class="col-md-4">
<h3>{{ $new->title }}</h3>
<p class="news-body-small"> {{ $new->body }}</p>
<span class="news-small">{{ \App\User::find($new->user_id)->fullname()}}, {{$new->created_at}}</span>
<a name="news" id="news" class="btn btn-block btn-secondary mt-2" href="/news/{{$new->id}}" role="button">Voir plus!</a>
</div>
@endforeach
</div>
<div class="align-center m-5">
<a name="news-all" id="news-all" class="btn btn-primary btn-block p-2 text-uppercase" href="/news" role="button">{{ App\Config::getData('text_public_news_button')}}</a><a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_news_button" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
</div>

View File

@@ -1,21 +1,33 @@
<div class="inner">
<header class="major">
<h2>{{ App\Config::getData('text_public_picture_title')}}</h2><a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_picture_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
<p>{{ App\Config::getData('text_public_picture_desc')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_picture_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</header>
<ul class="features">
@if ($pictures->isEmpty())
<h4 class="text-center">Aucune Photo</h4>
@endif
<div class="title">
<h1>{{ App\Config::getData('text_public_picture_title')}}</h1><a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_picture_title" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a>
<p>{{ App\Config::getData('text_public_picture_desc')}}<a class="badge badge-primary edit-btn" href="/admin/public/edit/text_public_picture_desc" style="display: none;"><i class="fa fa-pencil" aria-hidden="true"></i></a></p>
</div>
<hr>
@if ($pictures->isEmpty())
<h4 class="text-center mt-5 mb-5">Aucune Photo</h4>
@endif
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
@foreach ($pictures as $picture)
<li>
<a class="a-without-effect" href="/picture/{{$picture->id}}">
<h3><img src="{{$picture->url}}" alt="{{$picture->title}}" width="100%"></h3>
<p>{{$picture->desc}}</p>
<span class="news-small">{{ $picture->created_at }}</span>
</a>
</li>
<li data-target="#carouselExampleIndicators" data-slide-to="0"></li>
@endforeach
</ul>
<a href="/pictures" class="button primary fit">Voir toutes les photos</a>
</ol>
<div class="carousel-inner">
@foreach ($pictures as $picture)
<div class="carousel-item">
<img class="d-block w-100" src="{{$picture->url}}" alt="{{$picture->title}}">
</div>
@endforeach
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="m-5">
<a href="/pictures" class="btn btn-primary btn-block p-2">Voir toutes les photos</a>
</div>