mirror of https://github.com/4xmen/xshop.git
parent
893b6ac19a
commit
7eefdef9bc
@ -0,0 +1,32 @@
|
||||
<section class='CurveFooter live-setting' data-live="{{$data->area_name.'_'.$data->part}}">
|
||||
<div class="curve-footer-top">
|
||||
</div>
|
||||
<div class="{{gfx()['container']}} wrapper">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<ul class="social">
|
||||
@foreach(getSettingsGroup('social_')??[] as $k => $social)
|
||||
<li class="d-inline-block mx-2">
|
||||
<a href="{{$social}}">
|
||||
<i class="ri-{{$k}}-line"></i>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4 text-center">
|
||||
<img src="{{asset('upload/images/logo.png')}}" class="logo" alt="">
|
||||
</div>
|
||||
<div class="col-md-4 pt-2">
|
||||
{!! getSetting($data->area_name.'_'.$data->part.'_text')!!}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="copyright">
|
||||
<div class="{{gfx()['container']}} py-3 text-center">
|
||||
{{getSetting('copyright')}}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "CurveFooter",
|
||||
"version": "1.0",
|
||||
"author": "xStack",
|
||||
"email": "xshop@xstack.ir",
|
||||
"license": "GPL-3.0-or-later",
|
||||
"url": "https:\/\/xstack.ir",
|
||||
"author_url": "https:\/\/4xmen.ir",
|
||||
"packages": []
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
<?php
|
||||
|
||||
namespace Resources\Views\Segments;
|
||||
|
||||
use App\Models\Part;
|
||||
use App\Models\Setting;
|
||||
|
||||
class CurveFooter
|
||||
{
|
||||
public static function onAdd(Part $part = null)
|
||||
{
|
||||
|
||||
$setting = new Setting();
|
||||
$setting->section = 'theme';
|
||||
$setting->key = $part->area_name . '_' . $part->part.'_bg';
|
||||
$setting->value = gfx()['secondary'];
|
||||
$setting->type = 'COLOR';
|
||||
$setting->data = json_encode(['name' => 'curve-footer-bg']);
|
||||
$setting->size = 6;
|
||||
$setting->title = $part->area_name . ' ' . $part->part .' background color';
|
||||
$setting->save();
|
||||
|
||||
$setting = new Setting();
|
||||
$setting->section = 'theme';
|
||||
$setting->key = $part->area_name . '_' . $part->part.'_color';
|
||||
$setting->value = getGrayscaleTextColor(gfx()['secondary']) ?? '#6e0000';
|
||||
$setting->type = 'COLOR';
|
||||
$setting->data = json_encode(['name' => 'curve-footer-color']);
|
||||
$setting->size = 6;
|
||||
$setting->title = $part->area_name . ' ' . $part->part .' text color';
|
||||
$setting->save();
|
||||
|
||||
|
||||
$setting = new Setting();
|
||||
$setting->section = 'theme';
|
||||
$setting->key = $part->area_name . '_' . $part->part.'_text';
|
||||
$setting->value = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid consequuntur culpa cupiditate dignissimos dolor doloremque error facilis ipsum iure officia quam qui, tempora! Fuga harum impedit iusto magnam veniam.';
|
||||
$setting->size = 12;
|
||||
$setting->title = $part->area_name . ' ' . $part->part. ' content';
|
||||
$setting->type = 'EDITOR';
|
||||
$setting->save();
|
||||
|
||||
}
|
||||
public static function onRemove(Part $part = null)
|
||||
{
|
||||
Setting::where('key',$part->area_name . '_' . $part->part.'_bg')->first()?->delete();
|
||||
Setting::where('key',$part->area_name . '_' . $part->part.'_color')->first()?->delete();
|
||||
Setting::where('key',$part->area_name . '_' . $part->part.'_text')->first()?->delete();
|
||||
}
|
||||
public static function onMount(Part $part = null)
|
||||
{
|
||||
return $part;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,54 @@
|
||||
.CurveFooter {
|
||||
|
||||
position: relative;
|
||||
background: var(--curve-footer-bg);
|
||||
color: var(--curve-footer-color);
|
||||
// scss
|
||||
.curve-footer-top {
|
||||
height: 10rem;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
margin-bottom: -1.5rem;
|
||||
|
||||
z-index: 15;
|
||||
|
||||
&:before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 700%;
|
||||
background: var(--xshop-background);
|
||||
border-radius: 50%;
|
||||
transform: scaleX(1.75);
|
||||
}
|
||||
}
|
||||
.wrapper{
|
||||
padding: 2rem 0;
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
.copyright{
|
||||
background: #00000044;
|
||||
}
|
||||
|
||||
a{
|
||||
color: var(--curve-footer-color);
|
||||
}
|
||||
|
||||
.social i{
|
||||
font-size: 25px;
|
||||
}
|
||||
.social{
|
||||
margin-top: 3rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.logo{
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Loading…
Reference in New Issue