commit a3b20e1de4d09ae25a0951689b233b2e5c7fe77e Author: cania Date: Tue Aug 11 11:44:51 2026 +0200 OmahCitra store template: catalog, cart, checkout, shipping, payment (HTML/CSS/jQuery) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..8a4375b --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +# OS / editor junk +.DS_Store +*.swp +*~ +.idea/ +.vscode/ diff --git a/README.md b/README.md new file mode 100644 index 0000000..4ee799e --- /dev/null +++ b/README.md @@ -0,0 +1,41 @@ +# OmahCitra Store + +Template **toko online** statis (HTML + CSS + jQuery) — katalog produk terlaris +di Indonesia dengan keranjang belanja, checkout, pengiriman, dan pembayaran. + +> Built as a rebuild of www.omahcitra.com into an online-store layout. + +## Fitur + +- **Katalog** — 12 produk paling laku (elektronik, fashion, kecantikan, makanan, + rumah tangga) dengan filter kategori & pencarian. +- **Shopping Cart** — tambah/hapus, ubah qty, subtotal real-time. +- **Checkout (Order)** — data penerima (nama, alamat, HP). +- **Pengiriman** — 4 kurir: JNE, SiCepat, POS, GoSend (ongkir + ETD). +- **Pembayaran** — 6 metode: QRIS, GoPay, OVO, DANA, Transfer Bank, COD. +- **Konfirmasi** — nomor pesanan + ringkasan order. + +## Struktur + +``` +omahcitra-store/ +├── index.html # halaman toko (semua view) +├── css/style.css # styling layout toko online +└── js/ + ├── jquery-3.7.1.min.js # jQuery (lokal, jalan offline) + ├── products.js # data 12 produk + opsi kurir & pembayaran + └── app.js # logika jQuery: cart, checkout, shipping, payment +``` + +## Cara pakai + +Buka `index.html` langsung di browser (double-click). jQuery sudah lokal, jadi +**tidak butuh internet**. + +## Catatan + +- Ini template front-end statis (simulasi order, tanpa backend/database). +- Data produk adalah contoh "paling laku di Indonesia", bukan data real-time. + +## License +MIT — bebas dipakai & dimodifikasi. diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..51b711b --- /dev/null +++ b/css/style.css @@ -0,0 +1,168 @@ +/* ============================================================ + OmahCitra Store - Stylesheet + ============================================================ */ +:root{ + --primary:#e63946; + --primary-dark:#c1121f; + --accent:#ffb703; + --bg:#f6f7f9; + --card:#ffffff; + --text:#1d1d1f; + --muted:#6b7280; + --line:#e5e7eb; + --radius:14px; + --shadow:0 4px 18px rgba(0,0,0,.07); +} +*{box-sizing:border-box;margin:0;padding:0} +body{ + font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif; + background:var(--bg);color:var(--text);line-height:1.5; +} +.container{max-width:1100px;margin:0 auto;padding:0 16px} +a{text-decoration:none;color:inherit} + +/* ===== Topbar ===== */ +.topbar{background:var(--primary);color:#fff;position:sticky;top:0;z-index:50;box-shadow:var(--shadow)} +.topbar-inner{display:flex;align-items:center;gap:18px;padding:12px 16px} +.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px} +.brand-logo{font-size:24px} +.brand-dot{color:var(--accent)} +.search-box{flex:1} +.search-box input{ + width:100%;padding:10px 14px;border:none;border-radius:30px;font-size:14px;outline:none; +} +.cart-btn{ + background:#fff;color:var(--primary);border:none;border-radius:30px; + padding:9px 16px;font-weight:700;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px; +} +.cart-count{ + background:var(--accent);color:#000;border-radius:50%;min-width:20px;height:20px; + display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800; +} + +/* ===== Category nav ===== */ +.catnav{background:#fff;border-bottom:1px solid var(--line)} +.catnav-inner{display:flex;gap:8px;overflow-x:auto;padding:10px 16px} +.cat-pill{ + white-space:nowrap;padding:7px 14px;border-radius:30px;background:var(--bg); + border:1px solid var(--line);cursor:pointer;font-size:13px;font-weight:600;color:var(--muted); +} +.cat-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)} + +/* ===== Main / views ===== */ +.main{padding:22px 16px 60px} +.view{display:none} +.view.active{display:block;animation:fade .25s ease} +@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} + +.hero{ + background:linear-gradient(120deg,var(--primary),var(--accent)); + color:#fff;border-radius:var(--radius);padding:28px;margin-bottom:22px;text-align:center; +} +.hero h1{font-size:26px;margin-bottom:6px} +.hero p{opacity:.95} + +/* ===== Product grid ===== */ +.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px} +.product-card{ + background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow); + overflow:hidden;display:flex;flex-direction:column;transition:transform .15s; +} +.product-card:hover{transform:translateY(-4px)} +.pc-thumb{ + height:130px;display:flex;align-items:center;justify-content:center;font-size:60px; + background:linear-gradient(135deg,#fff3f3,#ffe9e9); +} +.pc-body{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1} +.pc-cat{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px} +.pc-name{font-weight:700;font-size:15px;line-height:1.3} +.pc-meta{font-size:12px;color:var(--muted)} +.pc-badge{display:inline-block;background:var(--accent);color:#000;font-size:10px;font-weight:800; + padding:2px 7px;border-radius:20px;margin-left:6px} +.pc-rating{color:#f59e0b;font-size:12px} +.pc-price{font-size:17px;font-weight:800;color:var(--primary);margin-top:auto} +.pc-btn{ + margin-top:8px;background:var(--primary);color:#fff;border:none;border-radius:8px; + padding:9px;font-weight:700;cursor:pointer;font-size:13px; +} +.pc-btn:hover{background:var(--primary-dark)} +.empty-note{text-align:center;color:var(--muted);padding:40px} + +/* ===== Cart ===== */ +.cart-list{display:flex;flex-direction:column;gap:12px} +.cart-row{ + background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow); + padding:14px;display:flex;align-items:center;gap:14px; +} +.cart-emoji{font-size:40px;width:60px;text-align:center} +.cart-info{flex:1} +.cart-info h4{font-size:15px} +.cart-info small{color:var(--muted)} +.qty{display:flex;align-items:center;gap:8px} +.qty button{width:28px;height:28px;border-radius:6px;border:1px solid var(--line); + background:#fff;cursor:pointer;font-size:16px;font-weight:700} +.qty span{min-width:24px;text-align:center;font-weight:700} +.cart-row .price{font-weight:800;color:var(--primary);min-width:110px;text-align:right} +.cart-row .rm{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px} +.cart-empty{text-align:center;padding:40px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)} +.cart-summary{margin-top:18px;background:var(--card);border-radius:var(--radius); + box-shadow:var(--shadow);padding:16px;display:flex;justify-content:space-between;align-items:center} +.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px} +.summary-row.total{font-size:18px;font-weight:800;color:var(--primary);border-top:1px solid var(--line);margin-top:6px;padding-top:10px} + +/* ===== Buttons ===== */ +.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:8px; + padding:11px 22px;font-weight:700;cursor:pointer;font-size:14px} +.btn-primary:hover{background:var(--primary-dark)} +.btn-primary.full{width:100%;margin-top:12px} + +/* ===== Checkout ===== */ +.checkout-grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start} +.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px} +.card h3{margin-bottom:14px;font-size:16px} +.card label{display:block;font-size:13px;font-weight:600;margin:12px 0 5px;color:var(--muted)} +.card input,.card textarea{ + width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px; + font-family:inherit;outline:none;resize:vertical; +} +.card input:focus,.card textarea:focus{border-color:var(--primary)} +.opt-list{display:flex;flex-direction:column;gap:8px} +.opt{ + display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px; + padding:11px 13px;cursor:pointer;font-size:14px; +} +.opt:hover{border-color:var(--primary)} +.opt.selected{border-color:var(--primary);background:#fff5f5} +.opt input{width:auto} +.opt small{color:var(--muted);margin-left:auto} +.summary-card{position:sticky;top:90px} +.order-items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px} +.order-item{display:flex;justify-content:space-between;font-size:13px} +.order-item small{color:var(--muted)} + +/* ===== Done ===== */ +.done-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow); + padding:40px;text-align:center;max-width:520px;margin:30px auto} +.done-icon{font-size:64px} +.done-box h2{margin:10px 0} +.done-detail{text-align:left;background:var(--bg);border-radius:10px;padding:16px;margin:18px 0;font-size:14px} +.done-detail div{padding:4px 0} + +/* ===== Footer ===== */ +.footer{background:#fff;border-top:1px solid var(--line);padding:20px 0;text-align:center;color:var(--muted);font-size:13px} + +/* ===== Toast ===== */ +.toast{ + position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(120px); + background:#1d1d1f;color:#fff;padding:12px 22px;border-radius:30px;font-size:14px; + font-weight:600;opacity:0;transition:.3s;z-index:100;box-shadow:var(--shadow); +} +.toast.show{transform:translateX(-50%) translateY(0);opacity:1} + +/* ===== Responsive ===== */ +@media(max-width:760px){ + .checkout-grid{grid-template-columns:1fr} + .summary-card{position:static} + .topbar-inner{gap:10px} + .search-box{order:3;flex-basis:100%} +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..4cfe13a --- /dev/null +++ b/index.html @@ -0,0 +1,121 @@ + + + + + + OmahCitra Store — Toko Online Terlaris Indonesia + + + + + +
+
+ + + OmahCitraStore + +
+ +
+ +
+
+ + + + +
+ + +
+
+

Produk Paling Laku di Indonesia 🇮🇩

+

Belanja koleksi terlaris — elektronik, fashion, makanan, & rumah tangga.

+
+
+ +
+ + +
+

🛒 Keranjang Belanja

+
+ + +
+ + +
+

📦 Checkout

+
+
+
+

1. Data Penerima & Pengiriman

+ + + + + + + + +
+
+ +
+

2. Metode Pembayaran

+
+
+
+ + +
+
+ + +
+
+
✅
+

Pesanan Berhasil Dibuat!

+

No. Pesanan:

+
+ +
+
+ +
+ + + + +
+ + + + + + diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..938e905 --- /dev/null +++ b/js/app.js @@ -0,0 +1,250 @@ +/* ============================================================ + OmahCitra Store - Aplikasi (jQuery) + Fitur: Katalog, Keranjang, Checkout, Pengiriman, Pembayaran + ============================================================ */ +$(function () { + "use strict"; + + // ---------- State ---------- + const cart = {}; // { id: qty } + let activeCat = "Semua"; + let searchTerm = ""; + let selectedCourier = null; + let selectedPayment = null; + + // ---------- Helpers ---------- + const rupiah = (n) => "Rp" + Number(n).toLocaleString("id-ID"); + const $view = (name) => { + $(".view").removeClass("active"); + $("#view-" + name).addClass("active"); + window.scrollTo(0, 0); + }; + const toast = (msg) => { + const $t = $("#toast").text(msg).addClass("show"); + clearTimeout(toast._t); + toast._t = setTimeout(() => $t.removeClass("show"), 1800); + }; + + // ---------- Category nav ---------- + function buildCats() { + const cats = ["Semua", ...new Set(PRODUCTS.map(p => p.category))]; + const $nav = $("#catNav").empty(); + cats.forEach(c => { + $("
") + .addClass("cat-pill" + (c === activeCat ? " active" : "")) + .text(c) + .on("click", function () { + activeCat = c; + buildCats(); + renderCatalog(); + }) + .appendTo($nav); + }); + } + + // ---------- Catalog ---------- + function renderCatalog() { + const grid = $("#productGrid").empty(); + const term = searchTerm.toLowerCase(); + const list = PRODUCTS.filter(p => { + const okCat = activeCat === "Semua" || p.category === activeCat; + const okSearch = !term || + p.name.toLowerCase().includes(term) || + p.category.toLowerCase().includes(term) || + p.desc.toLowerCase().includes(term); + return okCat && okSearch; + }); + + $("#emptyNote").toggle(list.length === 0); + + list.forEach(p => { + const card = $(` +
+
${p.emoji}
+
+ ${p.category}${p.badge ? `${p.badge}` : ""} +
${p.name}
+
★ ${p.rating} · ${p.sold.toLocaleString("id-ID")} terjual
+
${rupiah(p.price)}
+ +
+
`); + card.find(".pc-btn").on("click", () => addToCart(p.id)); + card.appendTo(grid); + }); + } + + // ---------- Cart ops ---------- + function addToCart(id) { + cart[id] = (cart[id] || 0) + 1; + updateCartCount(); + toast("Ditambahkan ke keranjang"); + } + function setQty(id, qty) { + if (qty <= 0) delete cart[id]; + else cart[id] = qty; + updateCartCount(); + renderCart(); + } + function updateCartCount() { + const n = Object.values(cart).reduce((a, b) => a + b, 0); + $("#cartCount").text(n); + } + function cartSubtotal() { + return Object.entries(cart).reduce((sum, [id, q]) => { + const p = PRODUCTS.find(x => x.id === id); + return sum + (p ? p.price * q : 0); + }, 0); + } + + // ---------- Render cart ---------- + function renderCart() { + const $list = $("#cartItems").empty(); + const ids = Object.keys(cart); + + if (ids.length === 0) { + $("#cartEmpty").show(); + $("#cartSummary").hide(); + return; + } + $("#cartEmpty").hide(); + $("#cartSummary").show(); + + ids.forEach(id => { + const p = PRODUCTS.find(x => x.id === id); + const qty = cart[id]; + const row = $(` +
+
${p.emoji}
+
+

${p.name}

+ ${rupiah(p.price)} / pcs +
+
+ + ${qty} + +
+
${rupiah(p.price * qty)}
+ +
`); + row.find(".inc").on("click", () => setQty(id, qty + 1)); + row.find(".dec").on("click", () => setQty(id, qty - 1)); + row.find(".rm").on("click", () => { delete cart[id]; updateCartCount(); renderCart(); toast("Dihapus"); }); + row.appendTo($list); + }); + + $("#sumSubtotal").text(rupiah(cartSubtotal())); + } + + // ---------- Checkout ---------- + function buildCheckout() { + // couriers + const $c = $("#courierOptions").empty(); + COURIERS.forEach(co => { + const opt = $(` + `); + opt.find("input").on("change", () => { + selectedCourier = co; + $(".opt", $c).removeClass("selected"); + opt.addClass("selected"); + updateOrderSummary(); + }); + opt.appendTo($c); + }); + + // payments + const $p = $("#paymentOptions").empty(); + PAYMENTS.forEach(pm => { + const opt = $(` + `); + opt.find("input").on("change", () => { + selectedPayment = pm; + $(".opt", $p).removeClass("selected"); + opt.addClass("selected"); + }); + opt.appendTo($p); + }); + + renderOrderItems(); + updateOrderSummary(); + } + + function renderOrderItems() { + const $o = $("#orderItems").empty(); + Object.entries(cart).forEach(([id, q]) => { + const p = PRODUCTS.find(x => x.id === id); + $(`
${p.emoji} ${p.name} ×${q}${rupiah(p.price * q)}
`).appendTo($o); + }); + } + + function updateOrderSummary() { + const sub = cartSubtotal(); + const ship = selectedCourier ? selectedCourier.fee : 0; + $("#coSubtotal").text(rupiah(sub)); + $("#coShipping").text(selectedCourier ? rupiah(ship) : "Pilih kurir"); + $("#coTotal").text(rupiah(sub + ship)); + } + + // ---------- Place order ---------- + function placeOrder() { + if (Object.keys(cart).length === 0) { toast("Keranjang kosong"); return; } + const name = $("#custName").val().trim(); + const addr = $("#custAddr").val().trim(); + const phone = $("#custPhone").val().trim(); + if (!name || !addr || !phone) { toast("Lengkapi data penerima"); return; } + if (!selectedCourier) { toast("Pilih kurir pengiriman"); return; } + if (!selectedPayment) { toast("Pilih metode pembayaran"); return; } + + const orderNo = "OC" + Date.now().toString().slice(-8); + const sub = cartSubtotal(); + const total = sub + selectedCourier.fee; + + $("#orderNo").text(orderNo); + $("#doneDetail").html(` +
Nama: ${name}
+
Alamat: ${addr}
+
HP: ${phone}
+
Kurir: ${selectedCourier.name} (${selectedCourier.etd})
+
Pembayaran: ${selectedPayment.name}
+
Total: ${rupiah(total)}
+ `); + + // reset + for (const k in cart) delete cart[k]; + updateCartCount(); + selectedCourier = null; selectedPayment = null; + $("#custName,#custAddr,#custPhone").val(""); + $view("done"); + } + + // ---------- Events ---------- + $("#cartBtn").on("click", () => { renderCart(); $view("cart"); }); + $("#toCheckout").on("click", () => { + if (Object.keys(cart).length === 0) { toast("Keranjang kosong"); return; } + buildCheckout(); $view("checkout"); + }); + $("#placeOrder").on("click", placeOrder); + $("#searchInput").on("input", function () { searchTerm = $(this).val(); renderCatalog(); }); + + // navigasi via data-view (brand & tombol) + $(document).on("click", "[data-view]", function (e) { + e.preventDefault(); + const v = $(this).data("view"); + if (v === "cart") renderCart(); + if (v === "checkout") buildCheckout(); + $view(v); + }); + + // ---------- Init ---------- + buildCats(); + renderCatalog(); + updateCartCount(); +}); diff --git a/js/jquery-3.7.1.min.js b/js/jquery-3.7.1.min.js new file mode 100644 index 0000000..7f37b5d --- /dev/null +++ b/js/jquery-3.7.1.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0