Langsung ke konten utama

Libary Fitur Setting

author profile

MAGIC Reincarnated

Web Developer
Libary Fitur Setting

Deskripsi

FiturSetting adalah class JavaScript untuk mengelola fitur interaktif berbasis checkbox, yang dapat diaktifkan/dinonaktifkan secara dinamis oleh user. Setiap fitur dapat memiliki kode yang dijalankan saat aktif, dan kode pembersih saat nonaktif. Status fitur disimpan di localStorage.


Cara pakai

  • pasang CDN libary di bawah <head>
  • 
         <script src="https://cdn.jsdelivr.net/gh/MagicReincarnation/webapp-zeistmaid@main/Setting%20Manager%20Fitur%20-%20libary/libFiturSet.js" type="text/javascript"></script>
        
       
  • Inisialisasi class: const fiturSet = new FiturSetting();
  • Menambahkan fitur menggunakan method function run_setting() dengan konfigurasi seperti dibawah ini:
    
           fiturSet.run_setting({
             id_feature: 'IDFitur',
             title: 'Judul Fitur',
             description: 'Deskripsi singkat fitur',
             chek: true, // default checkbox (true/false)
             cdnUrl: 'https://cdn.com/library.js', // atau null jika tidak perlu CDN
             run_code: () => {
               // kode yang dijalankan saat fitur diaktifkan
               return () => {
                 // kode yang dijalankan saat fitur dinonaktifkan
               };
             }
           });
            
  • Tempatkan elemen <div id="feature_manager"></div> di HTML sebagai target render checkbox setting fitur.

  • Struktur Konfigurasi

    • id_feature (string): ID unik fitur (juga digunakan untuk localStorage key) wajib jangan ada spasi.
    • title (string): Nama fitur yang ditampilkan.
    • description (string): Penjelasan singkat tentang fitur.
    • chek (boolean): Apakah fitur aktif secara default saat pertama kali.
    • cdnUrl (string/null): URL CDN jika fitur butuh library eksternal.
    • run_code (function): Fungsi yang dijalankan saat fitur diaktifkan, dan harus mengembalikan fungsi untuk cleanup.

    Contoh Code

    
        fiturSet.run_setting({
          id_feature: 'alertFeature',
          title: 'Tampilkan Alert',
          description: 'Menampilkan pesan alert saat fitur diaktifkan.',
          chek: true,
          cdnUrl: null,
          run_code: () => {
            alert('Fitur aktif!');
            return () => {
            alert('Fitur dinonaktifkan.');
            };
          }
        });
        

    LIVE CODE GET CODE

    Tips

    • Gunakan ID yang unik untuk setiap fitur agar tidak bentrok di localStorage.
    • Pastikan run_code selalu mengembalikan fungsi pembersih (cleanup) agar fitur bisa dimatikan dengan benar.

    Credit

    • Roka

    "Bahkan batu pun bisa bernyanyi jika disentuh oleh cahaya bulan."

    “The journey continues in the next chapter...”

    Komentar

    Recent Komentar