Contents

<div class="row">
  <div class="themes">
    <div class="sidebar">
      <h2>Themes</h2>

      <div class="new-theme">
        <input type="text" ng-model="name" placeholder="new theme name">
        <button ng-click="add(name)" class="btn btn-device">Add</button>
      </div>

      <div class="list">
        <div class="theme"
             ng-repeat="theme in themes.list | filter:{custom: true}"
             ng-click="edit(theme)"
             ng-class="{selected: (editing === theme)}">
          {{theme.name}}
          <span class="close" ng-if="theme.custom" ng-click="remove(theme.name)">&#x2716;</span>
        </div>
      </div>

    </div>

    <div class="editor">
      <h2>Editor</h2>

      <textarea ng-disabled="!editing" ng-model="editing.css" ng-blur="themes.save()" placeholder="write your css here">
      </textarea>
    </div>

    <div class="footer">
      <button class="btn btn-save" ng-click="themes.save()">save</button>
      <button class="btn btn-reset" ng-click="themes.reset()">reset</button>

      <div class="selector">
        <span>use theme: </span>
        <select ng-model="themes.active"
                ng-options="theme.name for theme in themes.list">
        </select>
      </div>
    </div>
  </div>
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
robeaux-0.3.0	partials/themes.html