a1gard
/
xshop
mirror of https://github.com/4xmen/xshop.git
1
0
Fork 1
Code Issues 1 Packages Projects Releases Wiki Activity

added other footer

Browse Source
master
A1Gard 3 weeks ago
parent c2a4649388
commit c55c8665d2
9 changed files with 428 additions and 1 deletions
Show Stats Download Patch File Download Diff File

104
resources/views/segments/footer/OtherFooter/OtherFooter.blade.php
Unescape Escape View File

@ -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>

38
resources/views/segments/footer/OtherFooter/OtherFooter.js
Unescape Escape View File

@ -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: '&copy; 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 {
}
});

10
resources/views/segments/footer/OtherFooter/OtherFooter.json
Unescape Escape View File

@ -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": []
}

80
resources/views/segments/footer/OtherFooter/OtherFooter.php
Unescape Escape View File

@ -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;
}
}

188
resources/views/segments/footer/OtherFooter/OtherFooter.scss
Unescape Escape View File

@ -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;
}
}
}
}
}

BIN
resources/views/segments/footer/OtherFooter/screenshot.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 284 KiB

2
resources/views/segments/index/InlineMap/InlineMap.php
Unescape Escape View File

@ -12,7 +12,7 @@ class InlineMap
$setting = new Setting();
$setting->section = 'theme';
$setting->key = $part->area_name . '_' . $part->part.'_loc';
$setting->value = '35.83266,50.99155,10';
$setting->value = '35.83266,50.99155,13';
$setting->size = 12;
$setting->type = 'LOCATION';
// $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]);

1
resources/views/segments/posts/PostModernPosts/PostModernPosts.scss
Unescape Escape View File

@ -4,6 +4,7 @@
font-size: 34px;
font-weight: 300;
text-align: center;
color: var(--post-modern-color);
}
background: var(--post-modern-bg);
padding: 4rem 0;

6
resources/views/segments/product/ProductKaren/ProductKaren.js
Unescape Escape View File

@ -1,3 +1,5 @@
import Lightbox from 'bs5-lightbox' ;
import {tns} from "tiny-slider/src/tiny-slider";
@ -7,7 +9,9 @@ document.addEventListener('DOMContentLoaded',function () {
for (const el of document.querySelectorAll('.light-box')) {
el.addEventListener('click', Lightbox.initialize);
}
if (document.querySelector('#karen-img-slider') != null){
try {
karenImgSlider = tns({
container: '#karen-img-slider',
items: 3,
@ -55,6 +59,7 @@ document.addEventListener('DOMContentLoaded',function () {
}
document.querySelectorAll('#karen-img-slider a')?.forEach(function (el) {
el.addEventListener('click',function (e) {
e.preventDefault();
@ -97,5 +102,6 @@ document.addEventListener('DOMContentLoaded',function () {
window.addEventListener('resize', updateUnderline);
updateUnderline();
}
});

Write Preview
Loading…
Cancel
Save