Add super basic styling to config view and 2 non-functional panels

This commit is contained in:
Nathan Sobo
2013-04-09 18:07:44 -06:00
committed by Corey Johnson & Kevin Sawicki
parent 6c43fd5c9d
commit 252159afcf
4 changed files with 57 additions and 3 deletions

View File

@@ -1,6 +1,7 @@
{View, $$} = require 'space-pen'
$ = require 'jquery'
_ = require 'underscore'
EditorConfigPanel = require 'editor-config-panel'
module.exports =
class ConfigView extends View
@@ -15,6 +16,9 @@ class ConfigView extends View
@on 'click', '#panel-menu li', (e) =>
@showPanel($(e.target).attr('name'))
@addPanel('General', $$ -> @div "General")
@addPanel('Editor', new EditorConfigPanel)
addPanel: (name, panel) ->
panelItem = $$ -> @li name: name, name
@panelMenu.append(panelItem)

View File

@@ -0,0 +1,13 @@
{View} = require 'space-pen'
module.exports =
class EditorConfigPanel extends View
@content: ->
@div class: 'config-panel', =>
@div class: 'row', =>
@label for: 'editor.fontSize', "Font Size:"
@input name: 'editor.fontSize', size: 2
@div class: 'row', =>
@label for: 'editor.fontFamily', "Font Family:"
@input name: 'editor.fontFamily'