added simple part

app/Models/Area.php

@@ -29,6 +29,7 @@ class Area extends Model
         'group',
         'groups',
         'groups_page',
+        'header',
         'index',
         'invoice',
         'login',

resources/views/segments/header/SimpleHeader/SimpleHeader.blade.php

@@ -0,0 +1,10 @@
+<section class='SimpleHeader'>
+    <div class="{{gfx()['container']}}">
+        <h1>
+            Main title
+        </h1>
+        <h2>
+            Subtitle
+        </h2>
+    </div>
+</section>

resources/views/segments/header/SimpleHeader/SimpleHeader.json

@@ -0,0 +1,10 @@
+{
+    "name": "SimpleHeader",
+    "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": []
+}

resources/views/segments/header/SimpleHeader/SimpleHeader.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+
+class SimpleHeader
+{
+    public static function onAdd(Part $part = null)
+    {
+
+    }
+    public static function onRemove(Part $part = null)
+    {
+
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}

resources/views/segments/header/SimpleHeader/SimpleHeader.scss

@@ -0,0 +1,48 @@
+.SimpleHeader {
+
+    overflow: hidden;
+
+    position: relative;
+    background: var(--xshop-background);
+    border-bottom: 2px solid var(--xshop-primary);;
+    .container, .container-fluid {
+        padding: 3rem;
+        position: relative;
+
+        h1{
+            color: var(--xshop-primary);
+            font-weight: 200;
+        }
+
+        h2{
+            opacity: .3;
+            position: absolute;
+            top: 35%;
+            inset-inline-end: 10%;
+            font-weight: 300;
+        }
+    }
+
+    &:after {
+        content:' ';
+        width: 25vw;
+        height: 25vw;
+        background: var(--xshop-primary);
+        position: absolute;
+        top: -10vw;
+        border-radius: 50%;
+        inset-inline-end: 10%;
+        opacity: .3;
+    }
+}
+
+
+/*-1000px width*/
+@media (max-width: 1000px) {
+    .SimpleHeader{
+        &:after{
+            height: 24vh;
+            width: 25vh;
+        }
+    }
+}

resources/views/segments/index/InlineMap/InlineMap.js

@@ -2,6 +2,7 @@ import L from 'leaflet';
 
 var map,marker ;
 window.addEventListener('load',function () {
+
     const lat = parseFloat(document.querySelector('#maplat').value);
     const lng = parseFloat(document.querySelector('#maplng').value);
     const zoom = parseInt(document.querySelector('#mapzoom').value);

resources/views/segments/menu/AplMenu/AplMenu.scss

@@ -1,9 +1,12 @@
+main{
+    padding-top: 47px;
+}
 #AplMenu {
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
-    z-index: 99;
+    z-index: 9999;
     background: #434344;
     transition: 200ms;