Loading editor/html/js/properties.js +11 −0 Original line number Diff line number Diff line Loading @@ -56,11 +56,14 @@ var PropertiesPanel = (function() { // Classify fields by target var desktopFields = []; var lightFields = []; var mobileFields = []; for (var i = 0; i < schema.length; i++) { var t = schema[i].target || 'all'; if (t === 'mobile') { mobileFields.push(schema[i]); } else if (t === 'light') { lightFields.push(schema[i]); } else { desktopFields.push(schema[i]); } Loading @@ -71,6 +74,7 @@ var PropertiesPanel = (function() { tabBar.className = 'prop-tabs'; var tabs = [ { id: 'desktop', label: '\uD83D\uDDA5 Desktop' }, { id: 'light', label: '\u2600 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Mobile' } ]; var panels = {}; Loading Loading @@ -106,15 +110,22 @@ 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 mobilePanel = document.createElement('div'); mobilePanel.className = 'prop-panel'; mobilePanel.style.display = 'none'; panels['mobile'] = mobilePanel; _renderFieldsInto(desktopPanel, desktopFields, properties, form); _renderFieldsInto(lightPanel, lightFields, properties, form); _renderFieldsInto(mobilePanel, mobileFields, properties, form); form.appendChild(desktopPanel); form.appendChild(lightPanel); form.appendChild(mobilePanel); var saveBtn = document.createElement('button'); Loading Loading
editor/html/js/properties.js +11 −0 Original line number Diff line number Diff line Loading @@ -56,11 +56,14 @@ var PropertiesPanel = (function() { // Classify fields by target var desktopFields = []; var lightFields = []; var mobileFields = []; for (var i = 0; i < schema.length; i++) { var t = schema[i].target || 'all'; if (t === 'mobile') { mobileFields.push(schema[i]); } else if (t === 'light') { lightFields.push(schema[i]); } else { desktopFields.push(schema[i]); } Loading @@ -71,6 +74,7 @@ var PropertiesPanel = (function() { tabBar.className = 'prop-tabs'; var tabs = [ { id: 'desktop', label: '\uD83D\uDDA5 Desktop' }, { id: 'light', label: '\u2600 Light' }, { id: 'mobile', label: '\uD83D\uDCF1 Mobile' } ]; var panels = {}; Loading Loading @@ -106,15 +110,22 @@ 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 mobilePanel = document.createElement('div'); mobilePanel.className = 'prop-panel'; mobilePanel.style.display = 'none'; panels['mobile'] = mobilePanel; _renderFieldsInto(desktopPanel, desktopFields, properties, form); _renderFieldsInto(lightPanel, lightFields, properties, form); _renderFieldsInto(mobilePanel, mobileFields, properties, form); form.appendChild(desktopPanel); form.appendChild(lightPanel); form.appendChild(mobilePanel); var saveBtn = document.createElement('button'); Loading