mirror of https://github.com/4xmen/xshop.git
added other footer
parent
c2a4649388
commit
c55c8665d2
@ -0,0 +1,104 @@
|
|||||||
|
<section class='OtherFooter mt-5'>
|
||||||
|
|
||||||
|
|
||||||
|
<footer id="footer" class="footer-1">
|
||||||
|
<div id="mapcContainer" @if(getSetting($data->area_name.'_'.$data->part.'_dark')) class="dark-mode" @endif>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
@php($mapData = explode(',',getSetting($data->area_name.'_'.$data->part.'_loc')))
|
||||||
|
<input type="hidden" id="mapclat" value="{{$mapData[0]}}">
|
||||||
|
<input type="hidden" id="mapclng" value="{{$mapData[1]}}">
|
||||||
|
<input type="hidden" id="mapczoom" value="{{$mapData[2]}}">
|
||||||
|
<div class="main-footer widgets-dark typo-light">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="d-flex flex-md-row flex-column justify-content-between">
|
||||||
|
<div class="address mt-3">
|
||||||
|
<div class="address-box">
|
||||||
|
<img src="{{asset('upload/images/logo.png')}}" class="footer-logo float-start m-4" alt="">
|
||||||
|
<p>
|
||||||
|
{!! getSetting($data->area_name.'_'.$data->part.'_first') !!}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form">
|
||||||
|
<form class="safe-form" method="post">
|
||||||
|
<input type="hidden" class="safe-url" data-url="{{route('client.send-contact')}}">
|
||||||
|
@csrf
|
||||||
|
<h4 class="text-center text-dark">
|
||||||
|
{{__("Contact us")}}
|
||||||
|
</h4>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">
|
||||||
|
{{__("Name")}}
|
||||||
|
</label>
|
||||||
|
<input type="text" id="name" name="" value="" class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="name">
|
||||||
|
{{__("Mobile")}}
|
||||||
|
</label>
|
||||||
|
<input type="text" id="phone" name="" value="" class="form-control">
|
||||||
|
</div>
|
||||||
|
<input type="hidden" name="subject" value="{{__("Fast contact form")}}">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="email">
|
||||||
|
{{__("Email")}}
|
||||||
|
</label>
|
||||||
|
<input type="email" id="email" name="email" value=""
|
||||||
|
class="form-control">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="content">
|
||||||
|
{{__("Your message...")}}
|
||||||
|
</label>
|
||||||
|
<textarea name="content" class="form-control" id="content" rows="4" placeholder=""> </textarea>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex align-items-center justify-content-center">
|
||||||
|
<button class="btn btn-dark border-0 submit-btn" >
|
||||||
|
<i class="ri-send-plane-line"></i>
|
||||||
|
{{__("Send")}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="address mt-3" >
|
||||||
|
<div class="address-box">
|
||||||
|
<h4>
|
||||||
|
{{getSetting($data->area_name.'_'.$data->part.'_title')}}{{getSetting($data->area_name.'_'.$data->part.'_titl')}}
|
||||||
|
</h4>
|
||||||
|
<p>
|
||||||
|
|
||||||
|
{!! getSetting($data->area_name.'_'.$data->part.'_last')!!}
|
||||||
|
</p>
|
||||||
|
<div class="icons">
|
||||||
|
<ul class="social text-center">
|
||||||
|
@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>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="probootstrap-copyright">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 text-center footer-copyright2">
|
||||||
|
<p class="pt-3">
|
||||||
|
{{getSetting('copyright')}}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</section>
|
||||||
@ -0,0 +1,38 @@
|
|||||||
|
import L from 'leaflet';
|
||||||
|
|
||||||
|
var mapc, markerc;
|
||||||
|
window.addEventListener('load', function () {
|
||||||
|
try {
|
||||||
|
|
||||||
|
// delete L.icon.default.prototype._getIconUrl ;
|
||||||
|
if (!import.meta.env.DEV) {
|
||||||
|
L.Icon.Default.mergeOptions({
|
||||||
|
iconRetinaUrl: "/assets/vendor/leaflet/marker-icon-2x.png",
|
||||||
|
iconUrl: "/assets/vendor/leaflet/marker-icon.png",
|
||||||
|
shadowUrl: "/assets/vendor/leaflet/marker-shadow.png"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
if (document.querySelectorAll('#mapcContainer').length != 0) {
|
||||||
|
const lat = parseFloat(document.querySelector('#mapclat').value);
|
||||||
|
const lng = parseFloat(document.querySelector('#mapclng').value);
|
||||||
|
const zoom = parseInt(document.querySelector('#mapczoom').value);
|
||||||
|
mapc = L.map(document.querySelector('#mapcContainer')).setView([lat, lng], zoom);
|
||||||
|
console.log(lat,lng,zoom);
|
||||||
|
|
||||||
|
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||||
|
attribution: '© openstreetmap',
|
||||||
|
attributionControl: false,
|
||||||
|
}).addTo(mapc);
|
||||||
|
|
||||||
|
mapc.attributionControl.setPrefix('xShop');
|
||||||
|
|
||||||
|
if (this.markerc) {
|
||||||
|
mapc.removeLayer(markerc);
|
||||||
|
}
|
||||||
|
|
||||||
|
markerc = L.marker({lat: lat, lng: lng}).addTo(mapc);
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
{
|
||||||
|
"name": "OtherFooter",
|
||||||
|
"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,80 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
namespace Resources\Views\Segments;
|
||||||
|
|
||||||
|
use App\Models\Part;
|
||||||
|
use App\Models\Setting;
|
||||||
|
|
||||||
|
class OtherFooter
|
||||||
|
{
|
||||||
|
public static function onAdd(Part $part = null)
|
||||||
|
{
|
||||||
|
$setting = new Setting();
|
||||||
|
$setting->section = 'theme';
|
||||||
|
$setting->key = $part->area_name . '_' . $part->part.'_first';
|
||||||
|
$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. ' last content';
|
||||||
|
$setting->type = 'EDITOR';
|
||||||
|
$setting->save();
|
||||||
|
|
||||||
|
$setting = new Setting();
|
||||||
|
$setting->section = 'theme';
|
||||||
|
$setting->key = $part->area_name . '_' . $part->part.'_title';
|
||||||
|
$setting->value = 'Contact us';
|
||||||
|
$setting->size = 6;
|
||||||
|
$setting->type = 'TEXT';
|
||||||
|
// $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
|
||||||
|
$setting->title = $part->area_name . ' ' . $part->part. ' title';
|
||||||
|
$setting->save();
|
||||||
|
|
||||||
|
$setting = new Setting();
|
||||||
|
$setting->section = 'theme';
|
||||||
|
$setting->key = $part->area_name . '_' . $part->part.'_dark';
|
||||||
|
$setting->value = 0;
|
||||||
|
$setting->size = 6;
|
||||||
|
$setting->type = 'CHECKBOX';
|
||||||
|
// $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
|
||||||
|
$setting->title = $part->area_name . ' ' . $part->part. ' dark mode';
|
||||||
|
$setting->save();
|
||||||
|
|
||||||
|
|
||||||
|
$setting = new Setting();
|
||||||
|
$setting->section = 'theme';
|
||||||
|
$setting->key = $part->area_name . '_' . $part->part.'_last';
|
||||||
|
$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. ' last content';
|
||||||
|
$setting->type = 'EDITOR';
|
||||||
|
$setting->save();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$setting = new Setting();
|
||||||
|
$setting->section = 'theme';
|
||||||
|
$setting->key = $part->area_name . '_' . $part->part.'_loc';
|
||||||
|
$setting->value = '35.83266,50.99155,13';
|
||||||
|
$setting->size = 12;
|
||||||
|
$setting->type = 'LOCATION';
|
||||||
|
// $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);
|
||||||
|
$setting->title = $part->area_name . ' ' . $part->part. ' location';
|
||||||
|
$setting->save();
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
public static function onRemove(Part $part = null)
|
||||||
|
{
|
||||||
|
Setting::where('key',$part->area_name . '_' . $part->part.'_loc')->first()?->delete();
|
||||||
|
Setting::where('key',$part->area_name . '_' . $part->part.'_title')->first()?->delete();
|
||||||
|
Setting::where('key',$part->area_name . '_' . $part->part.'_first')->first()?->delete();
|
||||||
|
Setting::where('key',$part->area_name . '_' . $part->part.'_last')->first()?->delete();
|
||||||
|
Setting::where('key',$part->area_name . '_' . $part->part.'_dark')->first()?->delete();
|
||||||
|
}
|
||||||
|
public static function onMount(Part $part = null)
|
||||||
|
{
|
||||||
|
return $part;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,188 @@
|
|||||||
|
|
||||||
|
.OtherFooter {
|
||||||
|
|
||||||
|
#mapcContainer{
|
||||||
|
height: 340px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 88;
|
||||||
|
&.dark-mode{
|
||||||
|
filter: invert(100%) hue-rotate(120deg) brightness(95%) contrast(90%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.footer-logo{
|
||||||
|
width: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.submit-btn {
|
||||||
|
width: 200px !important;
|
||||||
|
height: 45px;
|
||||||
|
background: var(--xshop-primary);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.channle {
|
||||||
|
position: relative;
|
||||||
|
&::after {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
width: 187px;
|
||||||
|
height: 1px;
|
||||||
|
top: 73%;
|
||||||
|
margin-top: -1px;
|
||||||
|
background: #ffffff14;
|
||||||
|
right: 73px;
|
||||||
|
margin-right: 64px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-control {
|
||||||
|
&:focus {
|
||||||
|
color: #495057;
|
||||||
|
background-color: #ffffff;
|
||||||
|
outline: 0;
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
color: #b3b3b3;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.footer-copyright2 {
|
||||||
|
border-top: 1px solid #fffdfd26;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
background: #282f36;
|
||||||
|
position: relative;
|
||||||
|
text-align: right;
|
||||||
|
iframe {
|
||||||
|
height: 240px;
|
||||||
|
}
|
||||||
|
.gallery {
|
||||||
|
flex-basis: 30%;
|
||||||
|
}
|
||||||
|
.form {
|
||||||
|
form {
|
||||||
|
margin-bottom: -70px;
|
||||||
|
transform: translateY(-160px);
|
||||||
|
background-color: #ffffff;
|
||||||
|
width: 473px;
|
||||||
|
text-align: right;
|
||||||
|
height: fit-content;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
|
||||||
|
position: relative;
|
||||||
|
z-index: 99;
|
||||||
|
div {
|
||||||
|
position: relative;
|
||||||
|
direction: rtl;
|
||||||
|
label {
|
||||||
|
display: flex;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 2rem;
|
||||||
|
margin: 0 15px;
|
||||||
|
position: absolute;
|
||||||
|
color: #6c757d;
|
||||||
|
transition: 320ms;
|
||||||
|
text-align: right;
|
||||||
|
transform: translateY(-18px);
|
||||||
|
padding: 0 8px;
|
||||||
|
background: #Fff;
|
||||||
|
}
|
||||||
|
label.active {
|
||||||
|
background-color: #ffffff;
|
||||||
|
width: fit-content;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
input {
|
||||||
|
margin: 46px 0;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: right;
|
||||||
|
background: rgba(255, 255, 255, 0.075);
|
||||||
|
padding: 24px 15px;
|
||||||
|
color: #aaa;
|
||||||
|
font-size: 14px;
|
||||||
|
border-radius: 5px;
|
||||||
|
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
transition-delay: 0.2s;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
margin: 25px 0;
|
||||||
|
border: 1px solid #6c757d;
|
||||||
|
padding: 15px 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.address {
|
||||||
|
flex-basis: 30%;
|
||||||
|
.address-box {
|
||||||
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
padding: 14px 27px;
|
||||||
|
position: relative;
|
||||||
|
height: 277px;
|
||||||
|
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
|
||||||
|
&:before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
width: 3px;
|
||||||
|
height: 80%;
|
||||||
|
top: 10%;
|
||||||
|
background-color: var(--xshop-primary);
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 14px;
|
||||||
|
margin: 33px 0;
|
||||||
|
}
|
||||||
|
.icons {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 968px) {
|
||||||
|
footer {
|
||||||
|
iframe {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.gallery {
|
||||||
|
order: 2;
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
.form {
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
margin: 15px 0;
|
||||||
|
form {
|
||||||
|
transform: translateY(0);
|
||||||
|
width: 100%;
|
||||||
|
order: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.address {
|
||||||
|
.address-box {
|
||||||
|
margin: 15px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 284 KiB |
Loading…
Reference in New Issue