139 lines
9.1 KiB
PHP
139 lines
9.1 KiB
PHP
<table class="table checker-setting" data-toggle="table" id="checker-form" style="display:none;">
|
|
<tbody>
|
|
<tr class="has-link" style="display: none;">
|
|
<th>Form Appearance</th>
|
|
<td>
|
|
<div class="row mb-3">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Label Visibility</label></div>
|
|
<div class="col-9">
|
|
<select name="checker[field][label]" class="form-select form-control border field-display-label">
|
|
<option value="block" <?= ($checker['field']['label'] == 'block') ? 'selected' : '' ?>>Show</option>
|
|
<option value="none" <?= ($checker['field']['label'] == 'none') ? 'selected' : '' ?>>Hide</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Label Color</label></div>
|
|
<div class="col-9">
|
|
<input type="color" name="checker[field][label-color]" class="form-control border field-label-color" value="<?php echo esc_attr( $checker['field']['label-color'] ?? '#333333' ); ?>" />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Form Fields</label></div>
|
|
<div class="col-9">
|
|
<div class="repeater-form-field inset bg-light">
|
|
<?php
|
|
if(isset($_GET['post']) && isset($_GET['action']) && $_GET['action'] == 'edit'){
|
|
?>
|
|
<div class="card shadow repeater-card gap-2 position-relative placeholder-glow">
|
|
<div class="card-body">
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Field ID</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Column</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Type</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Label</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Placeholder</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Value Matcher</label></div>
|
|
<div class="col-9">
|
|
<span class="placeholder col-12"></span>
|
|
</div>
|
|
</div>
|
|
<div class="card-buttons d-flex gap-2 flex-column position-absolute">
|
|
<button type="button" class="btn btn-danger py-1 px-2 delete-form-card"><i class="bi bi-dash"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
</div>
|
|
<button type="button" class="btn btn-primary mt-2 py-1 px-2 add-form-card float-end"><i class="bi bi-plus"></i> Add Field</button>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="has-link" style="display: none;">
|
|
<th>Search Button</th>
|
|
<td>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">"Search"</label></div>
|
|
<div class="col-9">
|
|
<input name="checker[search_button][text]" class="form-control search-btn-text" value="<?php echo esc_attr( $checker['search_button']['text'] ?? 'Search' ); ?>" />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Background</label></div>
|
|
<div class="col-9">
|
|
<input type="color" name="checker[search_button][bg_color]" class="form-control border search-btn-bg-color" value="<?php echo esc_attr( $checker['search_button']['bg_color'] ?? '#333333' ); ?>" />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Text</label></div>
|
|
<div class="col-9">
|
|
<input type="color" name="checker[search_button][text_color]" class="form-control border search-btn-text-color" value="<?php echo esc_attr( $checker['search_button']['text_color'] ?? '#ffffff' ); ?>" />
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Position</label></div>
|
|
<div class="col-9">
|
|
<select name="checker[search_button][position]" class="form-select form-control border search-btn-position">
|
|
<option value="flex-start" <?= ($checker['search_button']['position'] == 'flex-start') ? 'selected' : '' ?>>Left</option>
|
|
<option value="center" <?= ($checker['search_button']['position'] == 'center') ? 'selected' : '' ?>>Center</option>
|
|
<option value="flex-end" <?= ($checker['search_button']['position'] == 'flex-end') ? 'selected' : '' ?>>Right</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="has-link" style="display: none;">
|
|
<th>URL Parameters</th>
|
|
<td>
|
|
<div class="row mb-3">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Enable URL Params</label></div>
|
|
<div class="col-9">
|
|
<select name="checker[url_params][enabled]" class="form-select url-params-enabled">
|
|
<option value="no" <?= ($checker['url_params']['enabled'] ?? 'no') == 'no' ? 'selected' : '' ?>>Disabled</option>
|
|
<option value="yes" <?= ($checker['url_params']['enabled'] ?? 'no') == 'yes' ? 'selected' : '' ?>>Enabled</option>
|
|
</select>
|
|
<small class="text-muted">Allow pre-filling form via URL parameters (e.g., ?Name=John&City=Jakarta)</small>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-2">
|
|
<div class="col-3"><label class="form-label fw-bold mb-0">Auto Search</label></div>
|
|
<div class="col-9">
|
|
<select name="checker[url_params][auto_search]" class="form-select url-params-auto-search">
|
|
<option value="no" <?= ($checker['url_params']['auto_search'] ?? 'no') == 'no' ? 'selected' : '' ?>>No - Just fill form</option>
|
|
<option value="yes" <?= ($checker['url_params']['auto_search'] ?? 'no') == 'yes' ? 'selected' : '' ?>>Yes - Auto submit</option>
|
|
</select>
|
|
<small class="text-muted">Automatically search when URL params are present</small>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|