update error page and menu for mobile navigation

This commit is contained in:
Emmanuel ROY 2020-12-09 15:37:32 +01:00
parent da6556ff71
commit 521cc1efc1
3 changed files with 82 additions and 13 deletions

View file

@ -10,8 +10,6 @@
<div class="row">
<div class="col-md-6">
<ul class="top-menu">
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'Admin', []) }}">Admin</a></li>
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'Create', []) }}">Create</a></li>
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'Policy', []) }}">Policy</a></li>
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'CGU', []) }}"> CGU Terms</a></li>
</ul>
@ -43,6 +41,8 @@
<div class="container">
<nav>
<ul>
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'Admin', []) }}">Admin</a></li>
<li><a href="{{ \MVC\Classe\Url::link_rewrite( false, 'Create', []) }}">Create</a></li>
{{--@if (\MVC\Classe\Session::isRegistered())
<li>
<a href="{{ \MVC\Classe\Url::module_link_rewrite( 'prestashop', ['admin-dev']) }}">E-commerce</a>

View file

@ -1,11 +1,80 @@
<html>
<head>
<title>App Name</title>
</head>
<body>
@extends('body')
<div class="container">
ERROR
</div>
</body>
</html>
@section('top-css')
@parent
<style>
#countUp {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
#countUp .number {
font-size: 4rem;
font-weight: 500;
}
#countUp .number + .text {
margin: 0 0 1rem;
}
#countUp .text {
font-weight: 300;
text-align: center;
}
</style>
@endsection
@section('content')
<div class="container">
<div class="row">
<div class="xs-12 md-6 mx-auto">
<div id="countUp">
<div class="number" data-count="404">0</div>
<div class="text">Page not found</div>
</div>
</div>
</div>
</div>
@endsection
@section('bottom-javascript')
@parent
<script src="https://cdn.3up.dk/in-view@0.6.1"></script>
<script type="text/javascript">
var formatThousandsNoRounding = function(n, dp){
var e = '', s = e+n, l = s.length, b = n < 0 ? 1 : 0,
i = s.lastIndexOf(','), j = i == -1 ? l : i,
r = e, d = s.substr(j+1, dp);
while ( (j-=3) > b ) { r = '.' + s.substr(j, 3) + r; }
return s.substr(0, j + 3) + r +
(dp ? ',' + d + ( d.length < dp ?
('00000').substr(0, dp - d.length):e):e);
};
var hasRun = false;
inView('#countUp').on('enter', function() {
if (hasRun == false) {
$('.number').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({ countNum: $this.text()}).animate({
countNum: countTo
},
{
duration: 2000,
easing:'linear',
step: function() {
$this.text(formatThousandsNoRounding(Math.floor(this.countNum)));
},
complete: function() {
$this.text(formatThousandsNoRounding(this.countNum));
}
});
});
hasRun = true;
}
});
</script>
@endsection

View file

@ -12,7 +12,7 @@
}
},
"require": {
"php": "^7.4",
"php": "^8",
"ext-json": "*",
"ext-curl": "*",
"windwalker/renderer": "3.*",