Langsung ke konten utama

Libary Fitur Setting

author profile

MAGIC Reincarnated

Web Developer
Banner

Libary Fitur Setting

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