forked from UKSOURCE/cms.lams
Tống Thành Đạt
5615c494cf
Enhance the CMS administration interface by introducing a more refined design system for content editors. This update replaces generic Bootstrap utility classes with dedicated CMS styling to improve visual hierarchy and usability. Key changes: - Introduce `cms-editor-group` and `cms-item-card` classes for consistent grouping and item styling. - Implement collapsible functionality for item cards to manage long lists of content more effectively. - Standardize editor buttons, including new styles for drag handles, remove buttons, and add buttons. - Update the fixed bottom action bar with improved backdrop filters, shadows, and spacing. - Refactor editor scripts across Accreditation, Admissions, History, Partnerships, and Policies to utilize the new UI components and collapse logic. - Add comprehensive CSS to `main.ejs` to support the new CMS design tokens and layout behaviors.
36 lines
1.3 KiB
Plaintext
36 lines
1.3 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="cms-editor-group">
|
|
<div class="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>
|
|
</div>
|
|
<div id="inquiryFieldsList"></div>
|
|
<button type="button" class="cms-add-button mt-3" id="addInquiryFieldBtn">
|
|
<i class="fas fa-plus me-2"></i>Add Field
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|