diff --git a/resources/views/segments/footer/OtherFooter/OtherFooter.blade.php b/resources/views/segments/footer/OtherFooter/OtherFooter.blade.php new file mode 100644 index 0000000..c647bee --- /dev/null +++ b/resources/views/segments/footer/OtherFooter/OtherFooter.blade.php @@ -0,0 +1,104 @@ +
+ + + +
diff --git a/resources/views/segments/footer/OtherFooter/OtherFooter.js b/resources/views/segments/footer/OtherFooter/OtherFooter.js new file mode 100644 index 0000000..8051612 --- /dev/null +++ b/resources/views/segments/footer/OtherFooter/OtherFooter.js @@ -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 { + } + +}); diff --git a/resources/views/segments/footer/OtherFooter/OtherFooter.json b/resources/views/segments/footer/OtherFooter/OtherFooter.json new file mode 100644 index 0000000..e22352e --- /dev/null +++ b/resources/views/segments/footer/OtherFooter/OtherFooter.json @@ -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": [] +} \ No newline at end of file diff --git a/resources/views/segments/footer/OtherFooter/OtherFooter.php b/resources/views/segments/footer/OtherFooter/OtherFooter.php new file mode 100644 index 0000000..5d642a1 --- /dev/null +++ b/resources/views/segments/footer/OtherFooter/OtherFooter.php @@ -0,0 +1,80 @@ +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; + } +} diff --git a/resources/views/segments/footer/OtherFooter/OtherFooter.scss b/resources/views/segments/footer/OtherFooter/OtherFooter.scss new file mode 100644 index 0000000..d558acd --- /dev/null +++ b/resources/views/segments/footer/OtherFooter/OtherFooter.scss @@ -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; + } + } + } + } + +} + diff --git a/resources/views/segments/footer/OtherFooter/screenshot.png b/resources/views/segments/footer/OtherFooter/screenshot.png new file mode 100644 index 0000000..d3df73c Binary files /dev/null and b/resources/views/segments/footer/OtherFooter/screenshot.png differ diff --git a/resources/views/segments/index/InlineMap/InlineMap.php b/resources/views/segments/index/InlineMap/InlineMap.php index 590c3b5..b491106 100644 --- a/resources/views/segments/index/InlineMap/InlineMap.php +++ b/resources/views/segments/index/InlineMap/InlineMap.php @@ -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]); diff --git a/resources/views/segments/posts/PostModernPosts/PostModernPosts.scss b/resources/views/segments/posts/PostModernPosts/PostModernPosts.scss index e4c91bd..ba74261 100644 --- a/resources/views/segments/posts/PostModernPosts/PostModernPosts.scss +++ b/resources/views/segments/posts/PostModernPosts/PostModernPosts.scss @@ -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; diff --git a/resources/views/segments/product/ProductKaren/ProductKaren.js b/resources/views/segments/product/ProductKaren/ProductKaren.js index 5fc0f59..322ef76 100644 --- a/resources/views/segments/product/ProductKaren/ProductKaren.js +++ b/resources/views/segments/product/ProductKaren/ProductKaren.js @@ -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(); + } });