ubersicht spaces widget

command: "/usr/local/bin/kwmc query space active id"

refreshFrequency: 100

render: (output) ->
  output = output.trim();
  out = ''

  for x in [1...10] by 1
    clazz = if (x + '') == output then 'tile active' else 'tile';
    out = out + "<div class='table'><div class='" + clazz + "'>" + x + "</div></div>";

  out;

style: """
  padding-top: 4px
  display: flex
  justify-content: space-around
  width: 20%
  font-size: 10px
  font-family: Menlo

  .tile-container
    display: table

  .tile
    box-sizing: border-box
    width: 20px
    height: 20px
    border: 1px solid red
    text-align: center
    border-radius: 10px
    transition: opacity 1s
    border: 1px solid white
    display: table-cell
    vertical-align: middle
    color: white;

  .tile.active
    background-color: white
    color: gray;

"""