Loading editor/html/js/properties.js +22 −11 Original line number Diff line number Diff line Loading @@ -56,14 +56,17 @@ var PropertiesPanel = (function() { // Classify fields by target var desktopFields = []; var lightFields = []; var desktopLightFields = []; var mobileFields = []; var mobileLightFields = []; for (var i = 0; i < schema.length; i++) { var t = schema[i].target || 'all'; if (t === 'mobile') { mobileFields.push(schema[i]); } else if (t === 'mobile_light') { mobileLightFields.push(schema[i]); } else if (t === 'light') { lightFields.push(schema[i]); desktopLightFields.push(schema[i]); } else { desktopFields.push(schema[i]); } Loading @@ -73,9 +76,10 @@ var PropertiesPanel = (function() { var tabBar = document.createElement('div'); tabBar.className = 'prop-tabs'; var tabs = [ { id: 'desktop', label: '\uD83D\uDDA5 Desktop' }, { id: 'light', label: '\u2600 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Mobile' } { id: 'desktop', label: '\uD83D\uDDA5 Dark' }, { id: 'desktop_light', label: '\uD83D\uDDA5 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Dark' }, { id: 'mobile_light', label: '\uD83D\uDCF1 Light' } ]; var panels = {}; Loading Loading @@ -110,23 +114,30 @@ var PropertiesPanel = (function() { desktopPanel.className = 'prop-panel'; panels['desktop'] = desktopPanel; var lightPanel = document.createElement('div'); lightPanel.className = 'prop-panel'; lightPanel.style.display = 'none'; panels['light'] = lightPanel; var desktopLightPanel = document.createElement('div'); desktopLightPanel.className = 'prop-panel'; desktopLightPanel.style.display = 'none'; panels['desktop_light'] = desktopLightPanel; var mobilePanel = document.createElement('div'); mobilePanel.className = 'prop-panel'; mobilePanel.style.display = 'none'; panels['mobile'] = mobilePanel; var mobileLightPanel = document.createElement('div'); mobileLightPanel.className = 'prop-panel'; mobileLightPanel.style.display = 'none'; panels['mobile_light'] = mobileLightPanel; _renderFieldsInto(desktopPanel, desktopFields, properties, form); _renderFieldsInto(lightPanel, lightFields, properties, form); _renderFieldsInto(desktopLightPanel, desktopLightFields, properties, form); _renderFieldsInto(mobilePanel, mobileFields, properties, form); _renderFieldsInto(mobileLightPanel, mobileLightFields, properties, form); form.appendChild(desktopPanel); form.appendChild(lightPanel); form.appendChild(desktopLightPanel); form.appendChild(mobilePanel); form.appendChild(mobileLightPanel); var saveBtn = document.createElement('button'); saveBtn.type = 'submit'; Loading Loading
editor/html/js/properties.js +22 −11 Original line number Diff line number Diff line Loading @@ -56,14 +56,17 @@ var PropertiesPanel = (function() { // Classify fields by target var desktopFields = []; var lightFields = []; var desktopLightFields = []; var mobileFields = []; var mobileLightFields = []; for (var i = 0; i < schema.length; i++) { var t = schema[i].target || 'all'; if (t === 'mobile') { mobileFields.push(schema[i]); } else if (t === 'mobile_light') { mobileLightFields.push(schema[i]); } else if (t === 'light') { lightFields.push(schema[i]); desktopLightFields.push(schema[i]); } else { desktopFields.push(schema[i]); } Loading @@ -73,9 +76,10 @@ var PropertiesPanel = (function() { var tabBar = document.createElement('div'); tabBar.className = 'prop-tabs'; var tabs = [ { id: 'desktop', label: '\uD83D\uDDA5 Desktop' }, { id: 'light', label: '\u2600 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Mobile' } { id: 'desktop', label: '\uD83D\uDDA5 Dark' }, { id: 'desktop_light', label: '\uD83D\uDDA5 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Dark' }, { id: 'mobile_light', label: '\uD83D\uDCF1 Light' } ]; var panels = {}; Loading Loading @@ -110,23 +114,30 @@ var PropertiesPanel = (function() { desktopPanel.className = 'prop-panel'; panels['desktop'] = desktopPanel; var lightPanel = document.createElement('div'); lightPanel.className = 'prop-panel'; lightPanel.style.display = 'none'; panels['light'] = lightPanel; var desktopLightPanel = document.createElement('div'); desktopLightPanel.className = 'prop-panel'; desktopLightPanel.style.display = 'none'; panels['desktop_light'] = desktopLightPanel; var mobilePanel = document.createElement('div'); mobilePanel.className = 'prop-panel'; mobilePanel.style.display = 'none'; panels['mobile'] = mobilePanel; var mobileLightPanel = document.createElement('div'); mobileLightPanel.className = 'prop-panel'; mobileLightPanel.style.display = 'none'; panels['mobile_light'] = mobileLightPanel; _renderFieldsInto(desktopPanel, desktopFields, properties, form); _renderFieldsInto(lightPanel, lightFields, properties, form); _renderFieldsInto(desktopLightPanel, desktopLightFields, properties, form); _renderFieldsInto(mobilePanel, mobileFields, properties, form); _renderFieldsInto(mobileLightPanel, mobileLightFields, properties, form); form.appendChild(desktopPanel); form.appendChild(lightPanel); form.appendChild(desktopLightPanel); form.appendChild(mobilePanel); form.appendChild(mobileLightPanel); var saveBtn = document.createElement('button'); saveBtn.type = 'submit'; Loading