Commit 36162f3a authored by dcoreteam's avatar dcoreteam
Browse files

update menu side bar

parent db271513
No related merge requests found
......@@ -9,7 +9,7 @@
</a>
</div>
<hr class="horizontal dark mt-0">
<div class="collapse navbar-collapse w-auto" id="sidenav-collapse-main">
<div class="collapse navbar-collapse w-auto " style="height: auto; flex:1" id="sidenav-collapse-main">
<ul class="navbar-nav">
{{-- dashboard --}}
<li class="nav-item pb-2">
......@@ -17,24 +17,10 @@
href="{{ route('dashboard') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<svg width="12px" height="12px" viewBox="0 0 45 40" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>shop </title>
<g id="Basic-Elements" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Rounded-Icons" transform="translate(-1716.000000, -439.000000)" fill="#FFFFFF"
fill-rule="nonzero">
<g id="Icons-with-opacity" transform="translate(1716.000000, 291.000000)">
<g id="shop-" transform="translate(0.000000, 148.000000)">
<path class="color-background"
d="M46.7199583,10.7414583 L40.8449583,0.949791667 C40.4909749,0.360605034 39.8540131,0 39.1666667,0 L7.83333333,0 C7.1459869,0 6.50902508,0.360605034 6.15504167,0.949791667 L0.280041667,10.7414583 C0.0969176761,11.0460037 -1.23209662e-05,11.3946378 -1.23209662e-05,11.75 C-0.00758042603,16.0663731 3.48367543,19.5725301 7.80004167,19.5833333 L7.81570833,19.5833333 C9.75003686,19.5882688 11.6168794,18.8726691 13.0522917,17.5760417 C16.0171492,20.2556967 20.5292675,20.2556967 23.494125,17.5760417 C26.4604562,20.2616016 30.9794188,20.2616016 33.94575,17.5760417 C36.2421905,19.6477597 39.5441143,20.1708521 42.3684437,18.9103691 C45.1927731,17.649886 47.0084685,14.8428276 47.0000295,11.75 C47.0000295,11.3946378 46.9030823,11.0460037 46.7199583,10.7414583 Z"
id="Path" opacity="0.598981585"></path>
<path class="color-background"
d="M39.198,22.4912623 C37.3776246,22.4928106 35.5817531,22.0149171 33.951625,21.0951667 L33.92225,21.1107282 C31.1430221,22.6838032 27.9255001,22.9318916 24.9844167,21.7998837 C24.4750389,21.605469 23.9777983,21.3722567 23.4960833,21.1018359 L23.4745417,21.1129513 C20.6961809,22.6871153 17.4786145,22.9344611 14.5386667,21.7998837 C14.029926,21.6054643 13.533337,21.3722507 13.0522917,21.1018359 C11.4250962,22.0190609 9.63246555,22.4947009 7.81570833,22.4912623 C7.16510551,22.4842162 6.51607673,22.4173045 5.875,22.2911849 L5.875,44.7220845 C5.875,45.9498589 6.7517757,46.9451667 7.83333333,46.9451667 L19.5833333,46.9451667 L19.5833333,33.6066734 L27.4166667,33.6066734 L27.4166667,46.9451667 L39.1666667,46.9451667 C40.2482243,46.9451667 41.125,45.9498589 41.125,44.7220845 L41.125,22.2822926 C40.4887822,22.4116582 39.8442868,22.4815492 39.198,22.4912623 Z"
id="Path"></path>
</g>
</g>
</g>
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-bar-chart-line" viewBox="0 0 16 16">
<path
d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1zm1 12h2V2h-2zm-3 0V7H7v7zm-5 0v-3H2v3z" />
</svg>
</div>
<span class="nav-link-text ms-1">Dashboard</span>
......@@ -48,9 +34,13 @@
href="{{ route('form-project') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-project']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-house-add" viewBox="0 0 16 16">
<path
d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 1-.5-.5V7.207l5-5 6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z" />
<path
d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 1 0 1 0v-1h1a.5.5 0 1 0 0-1h-1v-1a.5.5 0 0 0-.5-.5" />
</svg>
</div>
<span class="nav-link-text ms-1">Project</span>
</a>
......@@ -60,9 +50,13 @@
href="{{ route('form-order') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-order']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-folder-plus" viewBox="0 0 16 16">
<path
d="m.5 3 .04.87a2 2 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2m5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19q-.362.002-.683.12L1.5 2.98a1 1 0 0 1 1-.98z" />
<path
d="M13.5 9a.5.5 0 0 1 .5.5V11h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V12h-1.5a.5.5 0 0 1 0-1H13V9.5a.5.5 0 0 1 .5-.5" />
</svg>
</div>
<span class="nav-link-text ms-1">Order</span>
</a>
......@@ -76,9 +70,16 @@
href="{{ route('form-planer') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-calendar2-week" viewBox="0 0 16 16">
<path
d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z" />
<path
d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z" />
</svg>
{{-- <i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-planer']) ? 'text-white' : 'text-dark' }}"></i>
{{ in_array(request()->route()->getName(), ['form-planer']) ? 'text-white' : 'text-dark' }}"></i> --}}
</div>
<span class="nav-link-text ms-1">Planer</span>
</a>
......@@ -88,9 +89,18 @@
href="{{ route('form-inspection') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-journal-check" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0" />
<path
d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2" />
<path
d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z" />
</svg>
{{-- <i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-inspection']) ? 'text-white' : 'text-dark' }}"></i>
{{ in_array(request()->route()->getName(), ['form-inspection']) ? 'text-white' : 'text-dark' }}"></i> --}}
</div>
<span class="nav-link-text ms-1">Inspection</span>
</a>
......@@ -100,9 +110,11 @@
href="{{ route('form-monitor') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-monitor']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-postcard" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm7.5.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0zM2 5.5a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5M10.5 5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zM13 8h-2V6h2z" />
</svg>
</div>
<span class="nav-link-text ms-1">Monitor</span>
</a>
......@@ -115,9 +127,13 @@
href="{{ route('form-material') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-material']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-building" viewBox="0 0 16 16">
<path
d="M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z" />
<path
d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3z" />
</svg>
</div>
<span class="nav-link-text ms-1">Material</span>
</a>
......@@ -127,9 +143,15 @@
href="{{ route('form-material-project') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-material-project']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-building-add" viewBox="0 0 16 16">
<path
d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0" />
<path
d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1z" />
<path
d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z" />
</svg>
</div>
<span class="nav-link-text ms-1">Material Project</span>
</a>
......@@ -139,9 +161,15 @@
href="{{ route('form-material-approve') }}">
<div
class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
<i style="font-size: 1rem;"
class="fas fa-lg fa-list-ul ps-2 pe-2 text-center
{{ in_array(request()->route()->getName(), ['form-material-approve']) ? 'text-white' : 'text-dark' }}"></i>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-building-check" viewBox="0 0 16 16">
<path
d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514" />
<path
d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1z" />
<path
d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z" />
</svg>
</div>
<span class="nav-link-text ms-1">Material Approve </span>
</a>
......@@ -383,31 +411,7 @@
<span class="nav-link-text ms-1">Sign Up</span>
</a>
</li>
{{-- <li class="nav-link mb-0">
<a href="https://www.creative-tim.com/product/soft-ui-dashboard-pro-laravel-livewire"
class="btn btn-primary btn-md active px-5 text-white" target="_blank" role="button" aria-pressed="true">
Upgrade to PRO</a>
</li> --}}
</ul>
</div>
<div class="sidenav-footer mx-3 mt-0 pt-3">
<div class="card card-background shadow-none card-background-mask-secondary" id="sidenavCard">
<div class="full-background"
style="background-image: url('../assets/img/curved-images/white-curved.jpeg')">
</div>
<div class="card-body text-left p-3 w-100">
{{-- <div
class="icon icon-shape icon-sm bg-white shadow text-center mb-3 d-flex align-items-center justify-content-center border-radius-md">
<i class="ni ni-diamond text-dark text-gradient text-lg top-0" aria-hidden="true"
id="sidenavCardIcon"></i>
</div> --}}
<div class="docs-info">
<h6 class="text-white up mb-0">Doc Manual?</h6>
<p class="text-xs font-weight-bold">คู่มือการใช้งาน</p>
{{-- <a href="/documentation/bootstrap/overview/soft-ui-dashboard/index.html" target="_blank"
class="btn btn-white btn-sm w-100 mb-0">Documentation</a> --}}
</div>
</div>
</div>
</div>
</aside>
......@@ -11,7 +11,7 @@
class="mt-3 alert alert-primary alert-dismissible fade show" role="alert">
<span
class="alert-text text-white">{{ __(' You are in a demo version, you can\'t update the
profile.') }}</span>
profile.') }}</span>
<button wire:click="$set('showDemoNotification', false)" type="button"
class="btn-close" data-bs-dismiss="alert" aria-label="Close">
</button>
......@@ -24,15 +24,18 @@
<div>
<label for="email">{{ __('Email') }}</label>
<div class="@error('email')border border-danger rounded-3 @enderror">
<input wire:model.live="email" id="email" type="email" class="form-control"
placeholder="Email" aria-label="Email" aria-describedby="email-addon">
<input wire:model.live="email" id="email" type="email"
class="form-control" placeholder="Email" aria-label="Email"
aria-describedby="email-addon">
</div>
@error('email') <div class="text-danger">{{ $message }}</div> @enderror
@error('email')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<div class="text-center">
<button type="submit"
class="btn bg-gradient-info w-100 mt-4 mb-0">{{ __('Recover your
password') }}</button>
password') }}</button>
</div>
</form>
@if ($showSuccesNotification)
......@@ -41,7 +44,7 @@
<span class="alert-icon text-white"><i class="ni ni-like-2"></i></span>
<span
class="alert-text text-white">{{ __(' An email for resetting your password has been
sent!') }}</span>
sent!') }}</span>
<button wire:click="$set('showSuccesNotification', false)" type="button"
class="btn-close" data-bs-dismiss="alert" aria-label="Close">
</button>
......@@ -53,7 +56,7 @@
class="mt-3 alert alert-primary alert-dismissible fade show" role="alert">
<span class="alert-text text-white">
{{ __('You are not registered as a user. Please sign
up') }}
up') }}
<a class="text-info" href="{{ route('sign-up') }}">here</a></span>
<button wire:click="$set('showFailureNotification', false)" type="button"
class="btn-close" data-bs-dismiss="alert" aria-label="Close">
......
......@@ -8,30 +8,33 @@
<img src="{{ asset('assets/img/winlogo.png') }}" alt="">
</div>
<div class="card-header pb-0 text-left bg-transparent">
<h3 class="font-weight-bolder text-info text-gradient">{{ __('ยินดีต้อนรับสู่โปรแกรม SOP2') }}</h3>
{{-- <p class="mb-0">{{ __('กรณีลงทะเบียนใหม่กดปุ่ม Sign Out')}}<br></p>
<p class="mb-0">{{__('หรือ กดปุ่ม Sign in เพื่อเช้าใช้งานระบบเช่นตัวอย่าง:') }}</p>
<p class="mb-0">{{ __('Email ') }}<b>{{ __('admin@gmail.com') }}</b></p>
<p class="mb-0">{{ __('Password ') }}<b>{{ __('secret') }}</b></p> --}}
<h3 class="font-weight-bolder text-info text-gradient">
{{ __('ยินดีต้อนรับสู่โปรแกรม SOP2') }}</h3>
</div>
<div class="card-body">
<form wire:submit="login" action="#" method="POST" role="form text-left">
<div class="mb-3">
<label for="email">{{ __('Email') }}</label>
<div class="@error('email')border border-danger rounded-3 @enderror">
<input wire:model.live="email" id="email" type="email" class="form-control"
placeholder="Email" aria-label="Email" aria-describedby="email-addon">
<input wire:model.live="email" id="email" type="email"
class="form-control" placeholder="Email" aria-label="Email"
aria-describedby="email-addon">
</div>
@error('email') <div class="text-danger">{{ $message }}</div> @enderror
@error('email')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<div class="mb-3">
<label for="password">{{ __('Password') }}</label>
<div class="@error('password')border border-danger rounded-3 @enderror">
<input wire:model.live="password" id="password" type="password" class="form-control"
placeholder="Password" aria-label="Password"
<input wire:model.live="password" id="password" type="password"
class="form-control" placeholder="Password" aria-label="Password"
aria-describedby="password-addon">
</div>
@error('password') <div class="text-danger">{{ $message }}</div> @enderror
@error('password')
<div class="text-danger">{{ $message }}</div>
@enderror
</div>
<div class="form-check form-switch">
<input wire:model.live="remember_me" class="form-check-input" type="checkbox"
......@@ -56,12 +59,7 @@
</div>
</div>
</div>
{{-- <div class="col-md-6">
<div class="oblique position-absolute top-0 h-100 d-md-block d-none me-n8">
<div class="oblique-image bg-cover position-absolute fixed-top ms-auto h-100 z-index-0 ms-n6"
style="background-image:url('../assets/img/curved-images/curved6.jpg')"></div>
</div>
</div> --}}
</div>
</div>
</div>
......
......@@ -13,8 +13,9 @@
<div>
<h5 class="mb-0">All Project</h5>
</div>
<a href="#" class="btn bg-gradient-primary btn-sm mb-0" type="button">+&nbsp; New
Project</a>
<!-- ปุ่ม Add Project -->
<a href="#" class="btn bg-gradient-primary btn-sm mb-0" type="button"
id="add-project-btn">+&nbsp; New Project</a>
</div>
</div>
<div class="card-body px-0 pt-0 pb-2">
......@@ -52,13 +53,12 @@
</tr>
</thead>
<tbody>
<!-- ตัวอย่างข้อมูลในตาราง -->
<tr>
<td class="ps-4">
<p class="text-xs font-weight-bold mb-0">1</p>
</td>
<td>
</td>
<td></td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Admin</p>
</td>
......@@ -81,130 +81,7 @@
</span>
</td>
</tr>
<tr>
<td class="ps-4">
<p class="text-xs font-weight-bold mb-0">2</p>
</td>
<td>
<div>
<img src="/assets/img/team-1.jpg" class="avatar avatar-sm me-3">
</div>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Creator</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">creator@softui.com</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Creator</p>
</td>
<td class="text-center">
<span class="text-secondary text-xs font-weight-bold">05/05/20</span>
</td>
<td class="text-center">
<a href="#" class="mx-3" data-bs-toggle="tooltip"
data-bs-original-title="Edit user">
<i class="fas fa-user-edit text-secondary"></i>
</a>
<span>
<i class="cursor-pointer fas fa-trash text-secondary"></i>
</span>
</td>
</tr>
<tr>
<td class="ps-4">
<p class="text-xs font-weight-bold mb-0">3</p>
</td>
<td>
<div>
<img src="/assets/img/team-3.jpg" class="avatar avatar-sm me-3">
</div>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Member</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">member@softui.com</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Member</p>
</td>
<td class="text-center">
<span class="text-secondary text-xs font-weight-bold">23/06/20</span>
</td>
<td class="text-center">
<a href="#" class="mx-3" data-bs-toggle="tooltip"
data-bs-original-title="Edit user">
<i class="fas fa-user-edit text-secondary"></i>
</a>
<span>
<i class="cursor-pointer fas fa-trash text-secondary"></i>
</span>
</td>
</tr>
<tr>
<td class="ps-4">
<p class="text-xs font-weight-bold mb-0">4</p>
</td>
<td>
<div>
<img src="/assets/img/team-4.jpg" class="avatar avatar-sm me-3">
</div>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Peterson</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">peterson@softui.com</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Member</p>
</td>
<td class="text-center">
<span class="text-secondary text-xs font-weight-bold">26/10/17</span>
</td>
<td class="text-center">
<a href="#" class="mx-3" data-bs-toggle="tooltip"
data-bs-original-title="Edit user">
<i class="fas fa-user-edit text-secondary"></i>
</a>
<span>
<i class="cursor-pointer fas fa-trash text-secondary"></i>
</span>
</td>
</tr>
<tr>
<td class="ps-4">
<p class="text-xs font-weight-bold mb-0">5</p>
</td>
<td>
<div>
<img src="/assets/img/marie.jpg" class="avatar avatar-sm me-3">
</div>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Marie</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">marie@softui.com</p>
</td>
<td class="text-center">
<p class="text-xs font-weight-bold mb-0">Creator</p>
</td>
<td class="text-center">
<span class="text-secondary text-xs font-weight-bold">23/01/21</span>
</td>
<td class="text-center">
<a href="#" class="mx-3" data-bs-toggle="tooltip"
data-bs-original-title="Edit user">
<i class="fas fa-user-edit text-secondary"></i>
</a>
<span>
<i class="cursor-pointer fas fa-trash text-secondary"></i>
</span>
</td>
</tr>
<!-- เพิ่มแถวเพิ่มเติมได้ -->
</tbody>
</table>
</div>
......@@ -213,4 +90,83 @@
</div>
</div>
<!-- Popup Modal -->
<div class="modal fade" id="jkanban-info-modal" style="display: none;" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="h5 modal-title">Task details</h5>
<button type="button" class="btn-close text-dark" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="pt-4 modal-body">
<input id="jkanban-task-id" class="d-none">
<div class="mb-4 input-group">
<span class="input-group-text">
<i class="far fa-edit"></i>
</span>
<input class="form-control" placeholder="Task Title" type="text" id="jkanban-task-title"
onfocus="focused(this)" onfocusout="defocused(this)">
</div>
<div class="mb-4 input-group">
<span class="input-group-text">
<i class="fas fa-user"></i>
</span>
<input class="form-control" placeholder="Task Assignee" type="text"
id="jkanban-task-assignee" onfocus="focused(this)" onfocusout="defocused(this)">
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Task Description" id="jkanban-task-description" rows="4"></textarea>
</div>
<div class="alert alert-success d-none">Changes saved!</div>
<div class="text-end">
<button class="m-1 btn btn-primary" id="jkanban-update-task">
Save changes
</button>
<button class="m-1 btn btn-secondary" id="close-modal-btn">
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
// เมื่อ document โหลดเสร็จ
document.addEventListener("DOMContentLoaded", function() {
// ค้นหา element ปุ่ม Add Project
const addProjectButton = document.getElementById("add-project-btn");
const closeModalButton = document.getElementById("close-modal-btn");
// เพิ่ม event listener ให้ปุ่ม Add Project
addProjectButton.addEventListener("click", function(event) {
event.preventDefault(); // ป้องกันการรีเฟรชหน้า
// เปิด modal โดยเพิ่ม class 'show' และจัดการ style
const modal = document.getElementById("jkanban-info-modal");
modal.style.display = "block";
modal.classList.add("show");
document.body.classList.add("modal-open");
});
// เพิ่ม event listener ให้ปุ่ม Close
closeModalButton.addEventListener("click", function() {
const modal = document.getElementById("jkanban-info-modal");
modal.style.display = "none";
modal.classList.remove("show");
document.body.classList.remove("modal-open");
});
// จัดการปิด modal เมื่อกดปุ่มปิด (X)
const closeButton = document.querySelector('[data-bs-dismiss="modal"]');
closeButton.addEventListener("click", function() {
const modal = document.getElementById("jkanban-info-modal");
modal.style.display = "none";
modal.classList.remove("show");
document.body.classList.remove("modal-open");
});
});
</script>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment