OPEN-ISP v0.5 (pickle-lime) — rilis open-source perdana

Aplikasi billing & manajemen ISP (fiber optic) — PWA pelanggan, portal teknisi & kolektor,
admin panel lengkap, multi-vendor OLT, RADIUS, WhatsApp/Telegram, pembayaran QRIS.

Kredit & lisensi (ISC):
- Base kode & repo: alijayanet/billing-rtrw oleh Alijaya Net — terima kasih banyak
  atas base kode dan repo yang bermanfaat.
- Add-on: GoWA, LibreSpeed/OpenSpeedTest, Uptime Kuma, notification-forwarder.
- Dikembangkan menjadi OPEN-ISP oleh oxpoe — https://github.com/oxpoe/open-isp

public/js/page-loader.js

@@ -0,0 +1,70 @@
+/* page-loader.js — Animasi saat berpindah halaman.
+   - Muncul saat klik link (navigasi same-origin) / submit form.
+   - Sembunyi saat halaman baru selesai dimuat atau saat PWA resume (bfcache).
+   - Fallback timer: bila tak jadi navigasi (mis. AJAX), loader otomatis disembunyikan. */
+(function () {
+  var bar = null, ov = null, tShow = null, tBar = null, tFallback = null, w = 0;
+
+  function build() {
+    if (bar || !document.body) return;
+    bar = document.createElement('div'); bar.id = 'pgbar';
+    ov = document.createElement('div'); ov.id = 'pgload';
+    ov.innerHTML = '<div class="pgbox"><div class="pgspin"></div><div class="pgtxt">Memuat…</div></div>';
+    document.body.appendChild(bar);
+    document.body.appendChild(ov);
+  }
+
+  function startBar() {
+    build(); if (!bar) return;
+    w = 8; bar.classList.add('on'); bar.style.width = '8%';
+    clearInterval(tBar);
+    tBar = setInterval(function () { w = Math.min(w + Math.max(2, (90 - w) * 0.12), 90); bar.style.width = w.toFixed(1) + '%'; }, 220);
+  }
+
+  function show(delay, fallbackMs) {
+    build();
+    clearTimeout(tShow); clearTimeout(tFallback);
+    tShow = setTimeout(function () { startBar(); if (ov) ov.classList.add('on'); }, delay == null ? 150 : delay);
+    if (fallbackMs) tFallback = setTimeout(hide, fallbackMs);
+  }
+
+  function hide() {
+    clearTimeout(tShow); clearTimeout(tFallback); clearInterval(tBar);
+    if (bar) { bar.style.width = '100%'; bar.classList.remove('on'); }
+    if (ov) ov.classList.remove('on');
+    setTimeout(function () { if (bar) bar.style.width = '0'; }, 300);
+  }
+
+  function samePage(u) {
+    try { return u.origin === location.origin && u.pathname === location.pathname && u.search === location.search; } catch (e) { return false; }
+  }
+  function eligible(a) {
+    if (!a) return false;
+    if (a.hasAttribute('download') || a.target === '_blank' || a.hasAttribute('data-no-loader')) return false;
+    var href = a.getAttribute('href');
+    if (!href || href.charAt(0) === '#') return false;
+    if (/^(mailto:|tel:|javascript:|blob:|data:)/i.test(href)) return false;
+    var u; try { u = new URL(a.href, location.href); } catch (e) { return false; }
+    if (u.origin !== location.origin) return false;
+    if (samePage(u) && !u.hash) return false;
+    return true;
+  }
+
+  document.addEventListener('click', function (e) {
+    if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
+    var a = e.target && e.target.closest ? e.target.closest('a[href]') : null;
+    if (eligible(a)) show(150, 12000); // navigasi nyata → fallback lama
+  }, true);
+
+  document.addEventListener('submit', function (e) {
+    if (e.defaultPrevented) return;
+    var f = e.target;
+    if (!f || f.hasAttribute('data-no-loader') || f.target === '_blank') return;
+    // Bisa jadi AJAX → fallback lebih pendek; bila navigasi nyata, dokumen berganti & timer hilang
+    show(120, 2500);
+  }, true);
+
+  window.addEventListener('pageshow', hide);
+  window.addEventListener('load', hide);
+  document.addEventListener('DOMContentLoaded', function () { if (bar) hide(); });
+})();