File Manager

✏️ Edit File: /home/rsukartini.com/rs/app/Views/backend/menu_frontend/create.php

<?= $this->include('backend/headeradmin') ?>
<div class="main-content">
  <?= $this->include('backend/menuatasadmin') ?>
  <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
    <div class="container-fluid">
      <div class="header-body"></div>
    </div>
  </div>
  <div class="container-fluid mt--7">
    <div class="row">
      <div class="col-xl-12">
        <div class="card shadow">
          <div class="card-header border-0">
            <div class="row align-items-center">
              <div class="col">
                <h3 class="mb-0">Tambah Menu (<?= ucfirst(str_replace('_', ' ', $posisi)) ?>)</h3>
              </div>
              <div class="col text-right">
                <a href="<?= base_url('admin/menu_frontend?posisi=' . $posisi) ?>" class="btn btn-secondary">
                  <i class="fas fa-arrow-left"></i> Kembali
                </a>
              </div>
            </div>
          </div>
          <div class="card-body">
            <?php if (session()->getFlashdata('error')): ?>
              <div class="alert alert-danger">
                <?= session()->getFlashdata('error') ?>
              </div>
            <?php endif; ?>
            
            <form action="<?= base_url('admin/menu_frontend/store') ?>" method="post">
              <?= csrf_field() ?>
              <input type="hidden" name="posisi" value="<?= $posisi ?>">
              
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="nama_menu">Nama Menu <span class="text-danger">*</span></label>
                    <input type="text" class="form-control" id="nama_menu" name="nama_menu" value="<?= old('nama_menu') ?>" required>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="ikon">Ikon Font Awesome <small class="text-muted">(Opsional)</small></label>
                    <div class="input-group">
                      <input type="text" class="form-control" id="ikon" name="ikon" value="<?= old('ikon') ?>" placeholder="fas fa-home">
                      <div class="input-group-append">
                        <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#iconModal">
                          <i class="fas fa-search"></i> Pilih Ikon
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

<div class="form-group">
                <label for="url">URL / Link <span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="url" name="url" value="<?= old('url') ?>" required>
                <small class="form-text text-muted">Gunakan '/' untuk beranda, 'frontberita', atau link eksternal (https://...).</small>
              </div>

<?php if ($posisi == 'header'): ?>
              <div class="form-group">
                <label for="parent_id">Induk Menu (Parent)</label>
                <select name="parent_id" id="parent_id" class="form-control">
                    <option value="">- Tidak Ada (Menu Utama) -</option>
                    <?php foreach ($parentMenus as $pm): ?>
                        <option value="<?= $pm['id'] ?>" <?= old('parent_id') == $pm['id'] ? 'selected' : '' ?>><?= esc($pm['nama_menu']) ?></option>
                    <?php endforeach; ?>
                </select>
                <small class="form-text text-muted">Pilih induk jika menu ini merupakan submenu (dropdown).</small>
              </div>
              <?php endif; ?>

<div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="urutan">Urutan <span class="text-danger">*</span></label>
                    <input type="number" class="form-control" id="urutan" name="urutan" value="<?= old('urutan', 0) ?>" required>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="is_active">Status <span class="text-danger">*</span></label>
                    <select class="form-control" id="is_active" name="is_active" required>
                      <option value="1" <?= old('is_active', '1') == '1' ? 'selected' : '' ?>>Aktif</option>
                      <option value="0" <?= old('is_active') == '0' ? 'selected' : '' ?>>Nonaktif</option>
                    </select>
                  </div>
                </div>
              </div>

<div class="form-group mt-4">
                <button type="submit" class="btn btn-primary">
                  <i class="fas fa-save"></i> Simpan Menu
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <?= $this->include('backend/footeradmin') ?>
  </div>
</div>

<div class="modal fade" id="iconModal" tabindex="-1" role="dialog" aria-labelledby="iconModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="iconModalLabel">Pilih Ikon Font Awesome</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <input type="text" class="form-control" id="searchIcon" placeholder="Cari ikon...">
        </div>
        <div class="row" id="iconList">
          
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
      </div>
    </div>
  </div>
</div>

<?= $this->include('backend/jsadmin') ?>

// Load ikon ke modal
function loadIcons() {
  const iconList = document.getElementById('iconList');
  iconList.innerHTML = '';
  
  icons.forEach(icon => {
    const col = document.createElement('div');
    col.className = 'col-md-3 col-sm-4 col-6 mb-3';
    col.innerHTML = `
      <div class="text-center p-2 border rounded cursor-pointer icon-item" data-icon="${icon}">
        <i class="${icon} fa-2x text-primary"></i>
        <div class="small mt-1">${icon}</div>
      </div>
    `;
    iconList.appendChild(col);
  });
}

// Search ikon
document.getElementById('searchIcon').addEventListener('input', function(e) {
  const searchTerm = e.target.value.toLowerCase();
  const iconItems = document.querySelectorAll('.icon-item');
  
  iconItems.forEach(item => {
    const iconClass = item.getAttribute('data-icon').toLowerCase();
    if (iconClass.includes(searchTerm)) {
      item.style.display = 'block';
    } else {
      item.style.display = 'none';
    }
  });
});

// Pilih ikon
document.addEventListener('click', function(e) {
  if (e.target.closest('.icon-item')) {
    const iconItem = e.target.closest('.icon-item');
    const iconClass = iconItem.getAttribute('data-icon');
    
    document.getElementById('ikon').value = iconClass;
    
    $('#iconModal').modal('hide');
  }
});

// Load ikon saat modal dibuka
$('#iconModal').on('shown.bs.modal', function () {
  loadIcons();
});
</script>

Batal

⬅ Naik ke backend 3 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘create.php	php	8 KB	2026-05-31 07:37	✏️ Edit 👁️ View
🐘edit.php	php	8.3 KB	2026-05-31 07:38	✏️ Edit 👁️ View
🐘index.php	php	7.6 KB	2026-05-31 07:39	✏️ Edit 👁️ View