<!-- right side header --> <div class="p-15 bg-white b-b"> <div class="btn-toolbar"> <div class="btn-group"> <button class="btn btn-default btn-sm br-2-l w-60"><i class="fa fa-file"></i></button> <button class="btn btn-default btn-sm br-2-r w-60"><i class="fa fa-trash"></i></button> </div> </div> </div> <!-- /right side header --> <!-- right side body --> <div class="p-15"> <form name="newMail" class="form-horizontal mt-20"> <div class="form-group"> <label class="col-lg-2 control-label">To:</label> <div class="col-lg-8"> <ui-select multiple="multiple" ng-model="recipients.emails" ng-disabled="disabled"> <ui-select-match placeholder="Select recipients...">{{$item}}</ui-select-match> <ui-select-choices repeat="recipient in availableRecipients | filter:$select.search"> {{recipient}} </ui-select-choices> </ui-select> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label">Subject:</label> <div class="col-lg-8"> <input type="text" class="form-control" ng-model="mail.subject"> </div> </div> <div class="form-group"> <label class="col-lg-2 control-label">Content:</label> <div class="col-lg-8"> <text-angular ng-model="mailContent" ta-toolbar="[['h1','h2','h3'],['bold','italics','underline'],['justifyLeft','justifyCenter','justifyRight'],['ul','ol']]"></text-angular> </div> </div> <div class="form-group"> <div class="col-lg-8 col-lg-offset-2"> <button class="btn btn-greensea btn-ef btn-ef-7 btn-ef-7b b-0 br-2" activate-button=""><i class="fa fa-envelope"></i> Send Message</button> </div> </div> </form> </div> <!-- /right side body -->