haml-example.haml

.row.spacing-top-sm.spacing-bottom-lg
  .col-md-12
    .row
      %span.btn-dropdown
        %a.btn-dropdown__inside{ 'bs-dropdown' => 'index.variablesDropdown()', 'aria-haspopup' => 'true', 'aria-expanded' => 'false'}
          %span.title {{index.variable.name}}
          %i.icon.ss-navigatedown
      %span{ 'ng-repeat' => 'field in index.variable.schema' }
        .btn.btn-default{ 'ng-class' => "{'btn-primary': field.visible}", 'ng-click' => 'index.toggleFieldVisiblity(field)' } {{field.name}}
.row
  .col-xs-12
    .values-table
      .row.variable-values__row
        .row
          .cell{ 'ng-hide' => 'index.isGlobal()' }
            client
          .cell{ 'ng-repeat' => 'field in index.variable.schema', 'ng-show' => 'field.visible' }
            {{field.name}}
      .row.variable-values__row{ 'ng-controller' => 'variables.values.ValueRowCtrl as row', 'ng-repeat' => 'value in index.values', 'variables-values-table-row' => true }
      .row{ 'ng-show' => 'index.isCollection()'}
        %a.btn.btn-create{ 'ng-click' => 'index.onCreateClick()' } add value