forked from UKSOURCE/cms.lams
Tống Thành Đạt
7df3a6f6bf
Refactor the CMS page content system to use a more modular configuration-driven approach. This replaces the monolithic `pageContentConfig.js` with individual configuration files for each page and introduces a shared field utility to standardize editor components. Key changes: - Implement a generic `_renderSingletonPageView` helper to reduce duplication across controllers. - Enhance `_createPageContentController` with `normalizeForEditor`, `normalizeForApi`, and `preparePayload` hooks for custom data transformation. - Create dedicated configuration and view structures for Partnerships, History, Accreditation, Admissions, and Policies pages. - Add a specialized section editor for Policies to manage complex nested content. - Improve the frontend `page-content-editor.js` with support for visibility logic, auto-sequencing for arrays, and URL synchronization for active tabs. - Update data JSON files to align with the new schema.
36 lines
1.4 KiB
Plaintext
36 lines
1.4 KiB
Plaintext
<div class="tab-pane fade <%= activeTab === 'inquiryForm' ? 'show active' : '' %>" id="inquiryForm" role="tabpanel">
|
|
<div class="card border shadow-sm">
|
|
<div class="card-header bg-white">
|
|
<h6 class="mb-0"><i class="fas fa-envelope me-2"></i>Inquiry Form</h6>
|
|
</div>
|
|
<div class="card-body p-4">
|
|
<div class="row g-3 mb-4">
|
|
<div class="col-md-8">
|
|
<label class="form-label fw-semibold">Modal title</label>
|
|
<input class="form-control" id="inquiryTitle" maxlength="60" value="<%= data.inquiryForm?.title || '' %>">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label class="form-label fw-semibold">Submit button label</label>
|
|
<input class="form-control" id="inquirySubmitLabel" maxlength="40" value="<%= data.inquiryForm?.submitLabel || '' %>">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border rounded-3 bg-light-subtle p-3">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<div>
|
|
<label class="form-label fw-semibold mb-1">Form fields</label>
|
|
<div class="form-text mt-0">Manage labels, placeholders, type, width, and dropdown options.</div>
|
|
</div>
|
|
<button type="button" class="btn btn-outline-primary btn-sm" id="addInquiryFieldBtn">
|
|
<i class="fas fa-plus me-1"></i>Add Field
|
|
</button>
|
|
</div>
|
|
<div id="inquiryFieldsList"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|