import {Component, Input} from "@angular/core";

@Component({
    selector: 'comment-assessment',
    template: `
        <div class="panel" [hidden]="!hasVoted">
          <div class="panel-body">
            <h5>¿Porqué está {{tipo}}</h5>
            {{texto}}
            <input type="text" placeholder="máximo 250 caracteres ...">
          </div>
        </div>
    `
})

export class CommentAssessment {
    @Input() tipo: string;
    @Input() hasVoted: boolean;
    @Input() texto: string;
}
import {Component, Input} from "@angular/core";

@Component({
    selector: 'comment-assessment',
    template: `
        <div class="panel" [hidden]="!hasVoted">
          <div class="panel-body">
            <h4>¿Porqué está {{tipo}}</h4>
            {{texto}}
            <textarea placeholder="máximo 250 caracteres ..." maxlength="250" style="width: 100%"></textarea>
            <button class="btn btn-success btn-block">Aceptar</button>
          </div>
        </div>
    `
})

export class CommentAssessment {
    @Input() tipo: string;
    @Input() hasVoted: boolean;
    @Input() texto: string;
}
Improve some styles on inline assessment
Improve some styles on inline assessment
