mirror of https://github.com/4xmen/xshop.git
parent
5839e85f55
commit
a49b9095ae
@ -0,0 +1 @@
|
||||
console.log('run confirm js');
|
||||
@ -1 +1,4 @@
|
||||
console.log('client run');
|
||||
// PLEASE DO NOT EDIT THIS FILE,
|
||||
// IF YOU WANT ADD ANY CODE CREATE NEW JS INTO client-custom
|
||||
import "./client-custom/confirm.js";
|
||||
import "../views/segments/preloader/PreloaderCircle/PreloaderCircle.js";
|
||||
|
||||
@ -1,13 +1,14 @@
|
||||
// PLEASE DO NOT EDIT THIS FILE,
|
||||
// IF YOU WANT ADD ANY CODE CREATE NEW SCSS INTO client-custom
|
||||
:root{
|
||||
--xshop-background:#eeeeee;
|
||||
--xshop-primary:#6e0000;
|
||||
--xshop-secondary:#ff0000;
|
||||
--xshop-background:#ffffff;
|
||||
--xshop-primary:#00b3ff;
|
||||
--xshop-secondary:#003aad;
|
||||
--xshop-text:#111111;
|
||||
--border-radius:7px;
|
||||
--xshop-shadow:2px 2px 4px #777777;
|
||||
}
|
||||
|
||||
@import "client-custom/assetsNode";
|
||||
@import "client-custom/test";
|
||||
@import "client-custom/general";
|
||||
@import "../views/segments/preloader/PreloaderCircle/PreloaderCircle";
|
||||
|
||||
@ -1 +1,10 @@
|
||||
<div id='PreloaderCircle'></div>
|
||||
<div id='PreloaderCircle'>
|
||||
<div class="preloader">
|
||||
<svg viewBox="0 0 102 102" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path class="big-circle" d="M101 51C101 78.6142 78.6142 101 51 101C23.3858 101 1 78.6142 1 51"
|
||||
stroke-width="2"/>
|
||||
<path class="small-circle" d="M91 51C91 28.9086 73.0914 11 51 11C28.9086 11 11 28.9086 11 51"
|
||||
stroke-width="2"/>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
let isHidePreloader = false;
|
||||
const hidePreloader= function (){
|
||||
if (!isHidePreloader){
|
||||
document.querySelector('#website-preloader').style.opacity = 0;
|
||||
setTimeout(()=>{
|
||||
document.querySelector('#website-preloader').remove();
|
||||
},510);
|
||||
isHidePreloader = true;
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener('load',function () {
|
||||
hidePreloader();
|
||||
});
|
||||
|
||||
// if field and didn't load after 10s
|
||||
setTimeout(()=>{
|
||||
hidePreloader();
|
||||
},10000);
|
||||
|
||||
|
||||
|
||||
@ -1,3 +1,63 @@
|
||||
#PreloaderCircle {
|
||||
// scss
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 999999;
|
||||
background: var(--xshop-background);
|
||||
|
||||
|
||||
@keyframes draw-small {
|
||||
0% {
|
||||
stroke-dashoffset: 0;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
stroke-dashoffset: 210;
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes draw-big {
|
||||
0% {
|
||||
stroke-dashoffset: 0;
|
||||
transform: rotateY(180deg) rotate(360deg);
|
||||
}
|
||||
100% {
|
||||
stroke-dashoffset: 240;
|
||||
transform: rotateY(180deg) rotate(0deg);
|
||||
}
|
||||
}
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.preloader {
|
||||
position: absolute;
|
||||
width: 102px;
|
||||
height: 102px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
min-height: 102px;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
.small-circle {
|
||||
stroke-dasharray: 210;
|
||||
stroke-dashoffset: 210;
|
||||
transform-origin: 50%;
|
||||
animation: 1s draw-small infinite alternate;
|
||||
stroke: var(--xshop-primary);
|
||||
}
|
||||
.big-circle {
|
||||
stroke-dasharray: 240;
|
||||
stroke-dashoffset: 240;
|
||||
transform-origin: 50%;
|
||||
animation: 1s draw-big infinite alternate 0.5s;
|
||||
stroke: var(--xshop-secondary);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 17 KiB |
@ -1 +1,5 @@
|
||||
<div id='PreloaderImage'></div>
|
||||
<div id='PreloaderImage'>
|
||||
<div>
|
||||
<img src="{{asset('upload/images/PreloaderImage.gif')}}" alt="preloader">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
let isHidePreloader = false;
|
||||
const hidePreloader= function (){
|
||||
if (!isHidePreloader){
|
||||
document.querySelector('#website-preloader').style.opacity = 0;
|
||||
setTimeout(()=>{
|
||||
document.querySelector('#website-preloader').remove();
|
||||
},510);
|
||||
isHidePreloader = true;
|
||||
}
|
||||
};
|
||||
|
||||
window.addEventListener('load',function () {
|
||||
hidePreloader();
|
||||
});
|
||||
|
||||
// if field and didn't load after 10s
|
||||
setTimeout(()=>{
|
||||
hidePreloader();
|
||||
},10000);
|
||||
|
||||
|
||||
|
||||
@ -1,3 +1,18 @@
|
||||
#PreloaderImage {
|
||||
// scss
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 999999;
|
||||
background: var(--xshop-background);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
img{
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 13 KiB |
@ -0,0 +1,3 @@
|
||||
@yield('custom-foot')
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
|
||||
<title>
|
||||
@yield('title')
|
||||
</title>
|
||||
@vite(['resources/sass/client.scss', 'resources/js/client.js'])
|
||||
|
||||
@yield('custom-head')
|
||||
|
||||
</head>
|
||||
<body @yield('body-attr')>
|
||||
|
||||
@php($preloader = hasPart('preloader'))
|
||||
|
||||
<div id="website-preloader">
|
||||
@if($preloader != null)
|
||||
@include($preloader->getBlade())
|
||||
@endif
|
||||
</div>
|
||||
@ -0,0 +1,3 @@
|
||||
@include('website.inc.website-head')
|
||||
@yield('content')
|
||||
@include('website.inc.website-foot')
|
||||
@ -1,17 +1,10 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
@vite(['resources/sass/client.scss', 'resources/js/client.js'])
|
||||
</head>
|
||||
<body>
|
||||
@extends('website.inc.website-layout')
|
||||
|
||||
@section('title')
|
||||
welcome
|
||||
@endsection
|
||||
@section('content')
|
||||
<h1>
|
||||
xshop
|
||||
<i class="ri-check-double-line"></i>
|
||||
Test
|
||||
</h1>
|
||||
</body>
|
||||
</html>
|
||||
@endsection
|
||||
|
||||
Loading…
Reference in New Issue