Contents

<script type="text/ng-template" id="promethee/write/component/column">
  <div
    class="
      col
      col-md-{{component.attributes.size}}
      col-md-offset-{{component.attributes.offset}}
      promethee-editor__component
      promethee-editor__component--column
    "
    ng-controller="ColumnController"
    ng-click="edit($event);"
  >
    <div class="promethee-editor__component-selected" ng-class="{'promethee-editor__component-selected--visible': inspected.component === component}">
      <div class="promethee-editor__toolbar">
        Column
        <ng-include src="'promethee/write/toolbar'"></ng-include>
      </div>

      <ng-include src="'promethee/write/components'"></ng-include>

      <span
        type="button"
        class="btn btn-default btn-block"
        ng-click="addComponentTo(component.children)"
      >
        Add component
      </span>
    </div>
  </div>
</script>

<script>
  promethee.controller('ColumnController', ['$scope', 'inspected', function($scope, inspected) {
    Object.defineProperty($scope, 'editing', {
      get: function() {
        return inspected.component == $scope.component;
      }
    });

    $scope.edit = function(event) {
      event.stopPropagation();
      inspected.component = $scope.component;
    };

    $scope.complete = function() {
      inspected.component = null;
    };

    $scope.toggleEdit = function() {
      $scope[$scope.editing ? 'complete' : 'edit']();
    };
  }]);
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
promethee-1.0.20	app/views/promethee/edit/write/component/_column.html.erb