- Item ${index + 1}
-
`;
}
- function render() {
- const schema = normaliseSchema(rawSchemas[String(typeSelect.value)]);
- status.textContent = schema.length ? `${schema.length} editable field${schema.length === 1 ? '' : 's'}` : 'Schema unavailable';
+ function currentSchema() {
+ return normaliseSchema(rawSchemas[String(typeSelect.value)]);
+ }
- if (!schema.length) {
+ function render() {
+ const schema = currentSchema();
+
+ status.textContent = schema.length
+ ? `${schema.length} editable field${schema.length === 1 ? '' : 's'}`
+ : 'Schema unavailable';
+
+ if (! schema.length) {
host.innerHTML = `
-
-
-
+ ${items.length
+ ? items.map((item, index) => `
+
+
-
+ Item ${index + 1}
+
+
-
+
+
+
+
+
+
- ${(field.fields || []).map(child => `
-
- `).join('') : '
- ${fieldMarkup(child, item?.[child.key] ?? defaultValue(child), `${path}.${index}.${child.key}`)}
-
`).join('')}
- No items. Select “Add item” to create one.
'} + +
+ ${(field.fields || []).map(child => `
+
+
+ `).join('')
+ : `
+
+ ${fieldMarkup(
+ child,
+ item?.[child.key] ?? defaultValue(child),
+ `${path}.${index}.${child.key}`
+ )}
+
+ `).join('')}
+ + No items. Select “Add item” to create one. +
+ `}
- This content type has no usable visual schema. Run
`;
+
return;
}
+ hydrateMissingFields(schema, data);
+ syncJson();
+
host.innerHTML = schema.map(field => fieldMarkup(
field,
- Object.prototype.hasOwnProperty.call(data, field.key) ? data[field.key] : defaultValue(field),
+ data[field.key],
field.key
)).join('');
-
- bind();
}
- function bind() {
- host.querySelectorAll('[data-path]').forEach(element => {
- const eventName = element.type === 'checkbox' ? 'change' : 'input';
- element.addEventListener(eventName, () => {
- let value = element.type === 'checkbox' ? element.checked : element.value;
- if (element.type === 'number') value = element.value === '' ? null : Number(element.value);
- set(element.dataset.path, value);
- });
- });
+ host.addEventListener('input', event => {
+ const element = event.target.closest('[data-path]');
- host.querySelectorAll('[data-add]').forEach(button => {
- button.addEventListener('click', () => {
- const schema = normaliseSchema(rawSchemas[String(typeSelect.value)]);
- const field = schema.find(candidate => candidate.key === button.dataset.add);
- const items = Array.isArray(get(button.dataset.add)) ? get(button.dataset.add) : [];
- const newItem = {};
- (field?.fields || []).forEach(child => newItem[child.key] = defaultValue(child));
- items.push(newItem);
- set(button.dataset.add, items);
- render();
- });
- });
+ if (! element || element.type === 'checkbox') {
+ return;
+ }
- host.querySelectorAll('[data-remove]').forEach(button => {
- button.addEventListener('click', () => {
- if (!confirm('Remove this item?')) return;
- const parts = button.dataset.remove.split('.');
- const index = Number(parts.pop());
- const path = parts.join('.');
- const items = Array.isArray(get(path)) ? get(path) : [];
- items.splice(index, 1);
- set(path, items);
- render();
- });
- });
+ let value = element.value;
- host.querySelectorAll('[data-up], [data-down]').forEach(button => {
- button.addEventListener('click', () => {
- const raw = button.dataset.up ?? button.dataset.down;
- const parts = raw.split('.');
- const index = Number(parts.pop());
- const path = parts.join('.');
- const items = Array.isArray(get(path)) ? get(path) : [];
- const destination = button.dataset.up !== undefined ? index - 1 : index + 1;
- if (destination < 0 || destination >= items.length) return;
- [items[index], items[destination]] = [items[destination], items[index]];
- set(path, items);
- render();
- });
- });
- }
+ if (element.type === 'number') {
+ value = element.value === '' ? null : Number(element.value);
+ }
+
+ setAtPath(element.dataset.path, value);
+ });
+
+ host.addEventListener('change', event => {
+ const element = event.target.closest('[data-path]');
+
+ if (! element || element.type !== 'checkbox') {
+ return;
+ }
+
+ setAtPath(element.dataset.path, element.checked);
+ });
+
+ host.addEventListener('click', event => {
+ const button = event.target.closest('button[data-action]');
+
+ if (! button) {
+ return;
+ }
+
+ event.preventDefault();
+
+ const schema = currentSchema();
+ const action = button.dataset.action;
+ const path = button.dataset.path;
+ const field = fieldForPath(schema, path);
+ const items = Array.isArray(getAtPath(path))
+ ? [...getAtPath(path)]
+ : [];
+
+ if (action === 'add') {
+ if (! field || field.type !== 'repeater') {
+ return;
+ }
+
+ items.push(newRepeaterItem(field));
+ setAtPath(path, items);
+ render();
+
+ return;
+ }
+
+ const index = Number(button.dataset.index);
+
+ if (! Number.isInteger(index) || index < 0 || index >= items.length) {
+ return;
+ }
+
+ if (action === 'remove') {
+ if (! window.confirm('Remove this item?')) {
+ return;
+ }
+
+ items.splice(index, 1);
+ }
+
+ if (action === 'up' && index > 0) {
+ [items[index - 1], items[index]] = [items[index], items[index - 1]];
+ }
+
+ if (action === 'down' && index < items.length - 1) {
+ [items[index], items[index + 1]] = [items[index + 1], items[index]];
+ }
+
+ setAtPath(path, items);
+ render();
+ });
typeSelect.addEventListener('change', () => {
- const schema = normaliseSchema(rawSchemas[String(typeSelect.value)]);
- const nextData = {};
- schema.forEach(field => nextData[field.key] = defaultValue(field));
- data = nextData;
- sync();
+ data = {};
+ hydrateMissingFields(currentSchema(), data);
+ syncJson();
render();
});
dataField.addEventListener('change', () => {
- try {
- data = parseObject(dataField.value);
- render();
- } catch (error) {
- alert(`Invalid JSON: ${error.message}`);
- }
+ data = parseObject(dataField.value);
+ render();
+ });
+
+ form.addEventListener('submit', () => {
+ syncJson();
});
- form.addEventListener('submit', sync);
render();
});
diff --git a/resources/themes/saasland/views/documents/site-footer.blade.php b/resources/themes/saasland/views/documents/site-footer.blade.php
index 9a69066..9f989ac 100644
--- a/resources/themes/saasland/views/documents/site-footer.blade.php
+++ b/resources/themes/saasland/views/documents/site-footer.blade.php
@@ -1 +1,3 @@
-@include('stylist-theme-saasland::partials.footer')
+@if (filter_var($data['enabled'] ?? true, FILTER_VALIDATE_BOOL))
+ @include('stylist-theme-saasland::partials.footer', ['footerContent' => $data])
+@endif
diff --git a/resources/themes/saasland/views/documents/site-header.blade.php b/resources/themes/saasland/views/documents/site-header.blade.php
index 0812161..0c65272 100644
--- a/resources/themes/saasland/views/documents/site-header.blade.php
+++ b/resources/themes/saasland/views/documents/site-header.blade.php
@@ -1 +1,3 @@
-@include('stylist-theme-saasland::partials.header')
+@if (filter_var($data['enabled'] ?? true, FILTER_VALIDATE_BOOL))
+ @include('stylist-theme-saasland::partials.header', ['headerContent' => $data])
+@endif
diff --git a/resources/themes/saasland/views/partials/footer.blade.php b/resources/themes/saasland/views/partials/footer.blade.php
index 3d95dcc..f70ec6f 100644
--- a/resources/themes/saasland/views/partials/footer.blade.php
+++ b/resources/themes/saasland/views/partials/footer.blade.php
@@ -1,36 +1,43 @@
-php artisan content:install-saasland once to refresh schemas without replacing content.
+ This content type has no usable visual schema.
+ Run php artisan content:install-saasland once.