diff --git a/resources/views/segments/footer/WaveFooter/WaveFooter.blade.php b/resources/views/segments/footer/WaveFooter/WaveFooter.blade.php new file mode 100644 index 0000000..a254c32 --- /dev/null +++ b/resources/views/segments/footer/WaveFooter/WaveFooter.blade.php @@ -0,0 +1,48 @@ + diff --git a/resources/views/segments/footer/WaveFooter/WaveFooter.js b/resources/views/segments/footer/WaveFooter/WaveFooter.js new file mode 100644 index 0000000..e69de29 diff --git a/resources/views/segments/footer/WaveFooter/WaveFooter.json b/resources/views/segments/footer/WaveFooter/WaveFooter.json new file mode 100644 index 0000000..fdac464 --- /dev/null +++ b/resources/views/segments/footer/WaveFooter/WaveFooter.json @@ -0,0 +1,10 @@ +{ + "name": "WaveFooter", + "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": [] +} diff --git a/resources/views/segments/footer/WaveFooter/WaveFooter.php b/resources/views/segments/footer/WaveFooter/WaveFooter.php new file mode 100644 index 0000000..782d3b5 --- /dev/null +++ b/resources/views/segments/footer/WaveFooter/WaveFooter.php @@ -0,0 +1,51 @@ +section = 'theme'; + $setting->key = $part->area->name . '_' . $part->part.'_speed'; + $setting->value = 2; + $setting->size = 4; + $setting->type = 'NUMBER'; + $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]); + $setting->title = $part->area->name . ' ' . $part->part. ' speed wave 1'; + $setting->save(); + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area->name . '_' . $part->part.'_speed2'; + $setting->value = 6; + $setting->size = 4; + $setting->type = 'NUMBER'; + $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]); + $setting->title = $part->area->name . ' ' . $part->part. ' speed wave 2'; + $setting->save(); + $setting = new Setting(); + $setting->section = 'theme'; + $setting->key = $part->area->name . '_' . $part->part.'_speed3'; + $setting->value = 4; + $setting->size = 4; + $setting->type = 'NUMBER'; + $setting->data = json_encode(['xmin' => 2, 'xmax' => 90]); + $setting->title = $part->area->name . ' ' . $part->part. ' speed wave 3'; + $setting->save(); + } + public static function onRemove(Part $part = null) + { + Setting::where('key',$part->area->name . '_' . $part->part.'_speed')->first()?->delete(); + Setting::where('key',$part->area->name . '_' . $part->part.'_speed2')->first()?->delete(); + Setting::where('key',$part->area->name . '_' . $part->part.'_speed3')->first()?->delete(); + } + public static function onMount(Part $part = null) + { + return $part; + } +} diff --git a/resources/views/segments/footer/WaveFooter/WaveFooter.scss b/resources/views/segments/footer/WaveFooter/WaveFooter.scss new file mode 100644 index 0000000..5eb3e14 --- /dev/null +++ b/resources/views/segments/footer/WaveFooter/WaveFooter.scss @@ -0,0 +1,50 @@ +.WaveFooter { + margin-top: 3rem; + min-height: 300px; + position: relative; + .waves { + >use { + fill: var(--xshop-primary); + animation: move-forever var(--speed) -2s linear infinite; + &:nth-child(2) { + animation-delay: -3s; + animation-duration: var(--speed2); + } + &:nth-child(3) { + animation-delay: -4s; + animation-duration: var(--speed3); + } + } + } + svg { + position: absolute; + left: 0; + bottom: 5rem; + width: 100%; + height: 30vw; + max-height: 200px; + } + + .content{ + padding: 1rem; + background: var(--xshop-primary); + opacity: .96; + color: var(--xshop-diff); + height: 5rem; + position: absolute; + bottom: 0; + left: 0; + right: 0; + text-align: center; + } + +} + +@keyframes move-forever { + 0% { + transform: translate(-90px, 0%); + } + 100% { + transform: translate(85px, 0%); + } +} diff --git a/resources/views/segments/footer/WaveFooter/screenshot.png b/resources/views/segments/footer/WaveFooter/screenshot.png new file mode 100644 index 0000000..acaca30 Binary files /dev/null and b/resources/views/segments/footer/WaveFooter/screenshot.png differ