const m = require('mithril')

exports.error = function(error) {
  if (!error) return null

  return m('div.error-box', error)
}

exports.presetList = function(vm) {
  return [
    m('a.panel-graphic-preset-add.button', {
      onclick: vm.addPreset.bind(vm),
    }, 'Save to preset list'),
    m('a.panel-graphic-display.success.button', {
      onclick: vm.displayCurrent.bind(vm),
    }, 'Display'),
    m('label', 'Presets'),
    m('ul.panel-graphic-preset', vm.presets.map((item, index) =>
      m('li', { key: index }, [
        m('.row', { key: index }, [
          m('div', { class: 'small-8 columns panel-graphic-property-item' },
            m('input[type=text]', {
              readonly: true,
              value: item.values[graphic.settings.main],
            })
          ),
          m('div', { class: 'small-2 columns' },
            m('a.panel-graphic-preset-remove.button.success', {
              onclick: vm.displayPreset.bind(vm, item),
            }, 'Display')
          ),
          m('div', { class: 'small-2 columns' },
            m('a.panel-graphic-preset-remove.button.alert', {
              onclick: vm.removePreset.bind(vm, item),
            }, 'Remove')
          ),
        ])
      ])
    ))
  ]
}