angutron/src/app/title-bar/title-bar.component.html

<div id="title-bar">
  <div class="title">
    Window Application
  </div>
  <div class="controls">
    <a class="minimize" title="Minimize" data-radium="true" (click)="minimize()">
      <svg x="0px" y="0px" viewBox="0 0 10.2 1" data-radium="true" style="width: 10px; height: 10px;">
        <rect fill="#ffffff" width="10.2" height="1"></rect>
      </svg>
    </a>
    <a class="maximize" title="Maximize" data-radium="true" (click)="maximize()">
      <svg x="0px" y="0px" viewBox="0 0 10.2 10.1" data-radium="true" style="width: 10px; height: 10px;">
        <path fill="#ffffff" d="M0,0v10.1h10.2V0H0z M9.2,9.2H1.1V1h8.1V9.2z"></path>
      </svg>
    </a>
    <a class="close" title="Close" data-radium="true" (click)="close()">
      <svg x="0px" y="0px" viewBox="0 0 10.2 10.2" data-radium="true" style="width: 10px; height: 10px;">
        <polygon fill="#ffffff" points="10.2,0.7 9.5,0 5.1,4.4 0.7,0 0,0.7 4.4,5.1 0,9.5 0.7,10.2 5.1,5.8 9.5,10.2 10.2,9.5 5.8,5.1 "></polygon>
      </svg>
    </a>
  </div>
</div>