<md-dialog aria-label="dialogAppointment" flex> <form name="formAppointment" ng-cloak> <md-toolbar> <div class="md-toolbar-tools"> <h2 class="white-letter"> <swaplang code="SW006931">Switch job</swaplang> </h2> <span flex></span> <i class="fa fa-times" ng-click="cancel()"></i> </div> </md-toolbar> <md-dialog-content> <div class="md-dialog-content"> <div ng-hide="isReady" layout="row" layout-sm="column" layout-align="space-around"> <md-progress-circular md-mode="indeterminate"></md-progress-circular> </div> <div ng-show="isReady" class="form-horizontal"> <!--Old--> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> <swaplang code="SW000246">Old</swaplang> </label> <div class="col-xs-12 col-sm-10"> <label class="control-label"><master-jobcode code="{{candidate.jobid}}"></master-jobcode></label> <!--<input type="text" class="form-control" master-jobcode code="{{candidate.jobid}}">--> </div> </div> <!--New--> <div class="form-group"> <label class="control-label col-xs-12 col-sm-2"> <swaplang code="SW000247">New</swaplang> </label> <div class="col-xs-12 col-sm-10"> <select class="form-control" ng-model="newJob" ng-required="true"> <option value=""></option> <option ng-repeat="req in openReqs" value="{{req}}">{{req.jobdesc}}</option> </select> </div> </div> </div> </div> </md-dialog-content> <md-dialog-actions layout="row" ng-show="isReady"> <md-button class="md-raised md-primary" ng-click="isConfirmSave = true" ng-init="isConfirmSave = false" ng-show="!isConfirmSave"> <swaplang code="SW012098">Save</swaplang> </md-button> <section ng-show="isConfirmSave"> <md-button class="md-raised md-primary" ng-click="save()"> <swaplang code="SW000281">Yes</swaplang> </md-button> <md-button class="md-raised md-primary" ng-click="isConfirmSave = false"> <swaplang code="SW012488">No</swaplang> </md-button> </section> </md-dialog-actions> </form> </md-dialog>