-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathtmp_dispatched.html
More file actions
175 lines (152 loc) · 11.3 KB
/
tmp_dispatched.html
File metadata and controls
175 lines (152 loc) · 11.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from dreamspos.dreamstechnologies.com/html/template/signin-2.html by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 13 Apr 2025 17:13:14 GMT -->
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Dreams POS is a powerful Bootstrap based Inventory Management Admin Template designed for businesses, offering seamless invoicing, project tracking, and estimates.">
<meta name="keywords"
content="inventory management, admin dashboard, bootstrap template, invoicing, estimates, business management, responsive admin, POS system">
<meta name="author" content="Dreams Technologies">
<meta name="robots" content="index, follow">
<title>ITL</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="/storage/site/TK2HdPh4HmkQWk0EGgd0jeuIgo8KzsOGTPT0gc0Z.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="http://127.0.0.1:8000/assets/img/apple-touch-icon.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="http://127.0.0.1:8000/assets/css/bootstrap.min.css">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="http://127.0.0.1:8000/assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="http://127.0.0.1:8000/assets/plugins/fontawesome/css/all.min.css">
<!-- Tabler Icon CSS -->
<link rel="stylesheet" href="http://127.0.0.1:8000/assets/plugins/tabler-icons/tabler-icons.css">
<!-- Main CSS -->
<link rel="stylesheet" href="http://127.0.0.1:8000/assets/css/style.css">
<style>
:root{ --loader-color-1: #fe9f43; --loader-color-2: #d88b34; }
.page-loading-overlay{ position:fixed; inset:0; z-index:2050; display:flex; align-items:center; justify-content:center; padding:20px; background:transparent; pointer-events:none; opacity:0; visibility:hidden; transition:opacity .22s cubic-bezier(.4,0,.2,1), visibility .22s cubic-bezier(.4,0,.2,1); }
.page-loading-overlay--visible{ opacity:1; visibility:visible; pointer-events:all; }
.page-loading-card{ display:flex; flex-direction:column; align-items:center; gap:12px; padding:20px 24px; border-radius:14px; min-width:220px; background:#050c1f; border:1px solid rgba(255,255,255,0.04); box-shadow:0 6px 18px rgba(4,9,26,0.12); color:#f6f9ff; text-align:center; pointer-events:auto; opacity:0; transition:opacity .18s ease; transform:translateZ(0); will-change:opacity,transform; }
.page-loading-overlay--visible .page-loading-card{ opacity:1; }
.page-loading-spinner{ width:44px; height:44px; position:relative; }
.page-loading-spinner::before,.page-loading-spinner::after{ content:''; position:absolute; inset:0; border-radius:50%; border:3px solid transparent; }
.page-loading-spinner::before{ border-top-color:var(--loader-color-1); border-right-color:var(--loader-color-1); animation:pl-spin .7s linear infinite; }
.page-loading-spinner::after{ border-bottom-color:var(--loader-color-2); border-left-color:var(--loader-color-2); animation:pl-spin 1.1s linear infinite reverse; opacity:.7; }
.page-loading-spinner span{ position:absolute; inset:8px; border-radius:50%; background:rgba(255,255,255,0.03); }
.page-loading-title{ font-weight:600; font-size:1rem; }
.page-loading-subtext{ font-size:.87rem; color:rgba(255,255,255,0.78); }
.page-loading-progress{ width:140px; height:4px; border-radius:999px; background:rgba(255,255,255,0.12); overflow:hidden; }
.page-loading-progress span{ display:block; width:45%; height:100%; background:linear-gradient(90deg,var(--loader-color-1),var(--loader-color-2)); animation:pl-slide 1.35s ease-in-out infinite; }
@keyframes pl-spin{ to{ transform:rotate(360deg); } }
@keyframes pl-slide{ 0%{ transform:translateX(-100%);}50%{transform:translateX(30%);}100%{transform:translateX(110%);} }
</style>
</head>
<body class="account-page bg-white">
<!-- Main Wrapper -->
<!-- Global loading overlay for auth pages (safe-create if missing) -->
<div id="page-loading-overlay" class="page-loading-overlay" aria-live="polite" aria-busy="false">
<div class="page-loading-card" role="status">
<div class="page-loading-spinner" aria-hidden="true"><span></span></div>
<div class="page-loading-text-group">
<p class="page-loading-title mb-1" data-loading-message>Loading…</p>
<p class="page-loading-subtext mb-0" data-loading-subtext>Please wait a moment.</p>
</div>
<div class="page-loading-progress" aria-hidden="true"><span></span></div>
</div>
</div>
<div class="main-wrapper">
<div class="account-content">
<div class="row login-wrapper m-0">
<div class="col-lg-6 p-0">
<div class="login-content">
<form action="http://127.0.0.1:8000/superadmin/login" method="POST">
<input type="hidden" name="_token" value="yGWzG814UW8pQrA5WVfTdqojzwXDu8KBGvwT2ypD" autocomplete="off"> <div class="login-userset">
<div class="login-logo logo-normal">
<img src="/storage/site/UdQYjmJzkA7TG48eNV13i4kDmWqbnMGORgDUj15i.jpg" alt="img">
</div>
<a href="#" class="login-logo logo-white">
<img src="/storage/site/UdQYjmJzkA7TG48eNV13i4kDmWqbnMGORgDUj15i.jpg" alt="Img">
</a>
<div class="login-userheading">
<h3>Sign In</h3>
</div>
<div class="mb-3">
<label class="form-label">Email Address</label>
<div class="input-group">
<input type="text" name="email" value="" class="form-control border-end-0" required autofocus>
<span class="input-group-text border-start-0">
<i class="ti ti-mail"></i>
</span>
</div>
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<div class="pass-group">
<input type="password" name="password" class="pass-input form-control" required>
<span class="ti toggle-password ti-eye-off text-gray-9"></span>
</div>
</div>
<div class="form-login authentication-check">
<div class="row">
<div class="col-6">
<div class="custom-control custom-checkbox">
<label class="checkboxs ps-4 mb-0 pb-0 line-height-1">
<input type="checkbox" name="remember">
<span class="checkmarks"></span>Remember me
</label>
</div>
</div>
</div>
</div>
<div class="form-login">
<button type="submit" class="btn btn-login">Sign In</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-6 p-0">
<div class="login-img">
<img src="/assets/img/authentication/authentication-01.svg" alt="img">
</div>
</div>
</div>
</div>
</div>
<!-- /Main Wrapper -->
<!-- jQuery -->
<script src="http://127.0.0.1:8000/assets/js/jquery-3.7.1.min.js"></script>
<!-- Feather Icon JS -->
<script src="http://127.0.0.1:8000/assets/js/feather.min.js"></script>
<!-- Bootstrap Core JS -->
<script src="http://127.0.0.1:8000/assets/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="http://127.0.0.1:8000/assets/js/script.js"></script>
<script>
(function(){
if (window.LoadingOverlay) return; // use existing if provided by another layout
const overlay = document.getElementById('page-loading-overlay');
const messageEl = overlay ? overlay.querySelector('[data-loading-message]') : null;
const subtextEl = overlay ? overlay.querySelector('[data-loading-subtext]') : null;
const defaults = { message: messageEl ? (messageEl.textContent||'Loading…') : 'Loading…', subtext: subtextEl ? (subtextEl.textContent||'Please wait.') : 'Please wait.' };
let active=0, _visible=false, _hideTimer=null, _lastShownAt=0, _pendingRaf=null;
const MIN_VISIBLE_MS = 320;
const setVisible = (visible)=>{
if(!overlay) return; visible = !!visible; if(_visible===visible) return; if(_pendingRaf){ cancelAnimationFrame(_pendingRaf); _pendingRaf=null; }
_pendingRaf = requestAnimationFrame(()=>{ overlay.classList.toggle('page-loading-overlay--visible', visible); overlay.setAttribute('aria-busy', String(visible)); _visible=visible; _pendingRaf=null; });
};
const _doHideNow = ()=>{ if(_hideTimer){ clearTimeout(_hideTimer); _hideTimer=null; } if(_pendingRaf){ cancelAnimationFrame(_pendingRaf); _pendingRaf=null; } setVisible(false); };
const setCopy = (m,s)=>{ if(messageEl) messageEl.textContent = (typeof m==='string'&&m.trim().length)?m:defaults.message; if(subtextEl) subtextEl.textContent = (typeof s==='string'&&s.trim().length)?s:defaults.subtext; };
const api = { show(m,s){ if(!overlay) return; active++; setCopy(m,s); if(_hideTimer){ clearTimeout(_hideTimer); _hideTimer=null; } if(!_visible){ setVisible(true); _lastShownAt=Date.now(); } }, hide(force=false){ if(!overlay) return; if(force){ active=0; _doHideNow(); return; } active=Math.max(0, active-1); if(active===0){ const elapsed=Date.now()-_lastShownAt; const remaining=Math.max(0, MIN_VISIBLE_MS-elapsed); if(remaining>15){ _hideTimer=setTimeout(()=>{ _hideTimer=null; _doHideNow(); }, remaining); } else { _doHideNow(); } } }, wrap(task,m,s){ if(typeof task!=='function') return Promise.resolve(); api.show(m,s); let res; try{ res=task(); } catch(err){ api.hide(); return Promise.reject(err); } return Promise.resolve(res).then(v=>{ api.hide(); return v; }).catch(e=>{ api.hide(); throw e; }); } };
const finishInitial = ()=> api.hide(true);
if(document.readyState==='loading'){ document.addEventListener('DOMContentLoaded', finishInitial, { once:true }); } else { finishInitial(); }
window.addEventListener('beforeunload', ()=> api.show('Loading next view…','Hang tight while we redirect.'));
window.LoadingOverlay = api;
})();
</script>
</body>
</html>