Kembali ke Menu Utama

Panduan Halaman Login

Atur mode login, QR code, dan label form

Langkah Pengaturan

1

Buka File

Buka file config/data/login.js

2

Pilih Mode

Atur mode default (voucher/member)

3

Sesuaikan Label

Ubah teks tombol dan placeholder

File Konfigurasi

config/data/login.js
login.js
window.loginConfig = {

    // ============================================
    // MODE DEFAULT
    // ============================================

    // Tampilan form saat halaman dibuka
    // 0 = Voucher, 1 = Member
    defaultForm: 0,

    // ============================================
    // PILIHAN METODE LOGIN
    // ============================================

    optionLogin: {
        // Tampilkan tombol ganti metode login
        enabled: 1
    },

    // ============================================
    // PENGATURAN VOUCHER
    // ============================================

    voucher: {
        // Format input: upper/lower/default
        value: "default",
        // Tipe input: text/number/password
        type: "text"
    },

    // ============================================
    // PENGATURAN MEMBER
    // ============================================

    member: {
        value: "default",
        type: "text"
    },

    // ============================================
    // SCAN QR CODE
    // ============================================

    scan_qrcode: {
        enabled: 1,
        url: "https://eriiksanjaya.github.io/qr"
    },

    // ============================================
    // REDIRECT SETELAH LOGIN
    // ============================================

    redirect: {
        enabled: 0,
        url: "https://youtube.com"
    },

    // ============================================
    // LABEL TOMBOL DAN FORM
    // ============================================

    label: {
        menu: {
            voucher: "Voucher",
            member: "Member",
            trial: "Trial",
            scan: "Scan"
        },
        title: {
            voucher: "Login Voucher",
            member: "Login Member"
        },
        button: {
            login: "Login",
            logout: "Logout"
        },
        form: {
             voucher_placeholder: "Voucher",
             member_placeholder: "Username",
             password_placeholder: "Password"
        }
    }
};

Penjelasan Detail

01

defaultForm

Form yang tampil pertama kali. 0 = Voucher, 1 = Member.

02

optionLogin

Tombol untuk berganti antara mode Voucher dan Member. Nonaktifkan jika hanya ingin satu mode.

03

voucher & member

Pengaturan input:

  • value: upper/lower/default
  • type: text/number/password
04

scan_qrcode

Tombol scan QR Code untuk login. User bisa scan kode voucher dengan kamera HP.

05

redirect

Arahkan user ke URL tertentu setelah login berhasil (misal: website sekolah/kantor).

06

label

Semua teks pada form login bisa diubah: tombol, judul, placeholder.

Pilihan Format Input

value
  • upper = Huruf besar semua
  • lower = Huruf kecil semua
  • default = Apa adanya
type
  • text = Teks biasa
  • number = Angka saja
  • password = Tersembunyi

Tips Pengaturan Label

Semua teks pada form login dapat disesuaikan melalui bagian label. Ubah teks menu, judul form, tombol, dan placeholder sesuai kebutuhan branding Anda.

Erik Sanjaya - Login Page Hotspot Mikrotik

https://eriksanjaya.com