manyi/static/angular-mod/tpl/ui_toaster.html

<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">Toaster</h1>
</div>
<div class="wrapper-md" ng-controller="ToasterDemoCtrl">
  <!-- toaster directive -->
  <toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
  <!-- / toaster directive -->
  <div class="row">
    <div class="col-sm-6">
      <div class="form-group">
        <label>Title</label>
        <input type="text" class="form-control" placeholder="Enter a title..." ng-model="toaster.title">
      </div>

      <div class="form-group">
        <label>Message</label>
        <textarea class="form-control" placeholder="Enter a message" rows="5" ng-model="toaster.text"></textarea>
      </div>
    </div>
    <div class="col-sm-6">
      <label>Toast Type</label>
      <div class="radio">
        <label class="i-checks">
          <input type="radio" name="toasts" ng-model="toaster.type" value="success">
          <i></i>
          Success
        </label>
      </div>
      <div class="radio">
        <label class="i-checks">
          <input type="radio" name="toasts" ng-model="toaster.type" value="info">
          <i></i>
          Info
        </label>
      </div>
      <div class="radio">
        <label class="i-checks">
          <input type="radio" name="toasts" ng-model="toaster.type" value="wait">
          <i></i>
          Wait
        </label>
      </div>
      <div class="radio">
        <label class="i-checks">
          <input type="radio" name="toasts" ng-model="toaster.type" value="warning">
          <i></i>
          Warning
        </label>
      </div>
      <div class="radio">
        <label class="i-checks">
          <input type="radio" name="toasts" ng-model="toaster.type" value="error">
          <i></i>
          Error
        </label>
      </div>
    </div>
  </div>

  <button class="btn btn-info" ng-click="pop()">Show a Toaster</button>

</div>