{{btn.text}}

{{stage.count ? stage.count : 0}}

{{stage.title}}

{{templateList.name}}

{{templateList.name}}

{{ if(item.is_approved==true) }}

Goal Title	Target Date	Stage	Is Completed?	Is Approved?	CreatedBy	Actions	Required Time
				{{item.is_approved?'Yes':'No'}} {{item.approved_date \| date:'longDate'}}	{{item.emp_first_name+' '+item.emp_last_name+' ('+item.emp_code+')'}}, {{item.created_date \| date:'longDate'}}	{{ if(item.is_approved!=true) }}		{{item.maxTime}} Hours	<a href="#" ng-if="item.image_name" ng-click="displayImageModal(item.image_name)">View Image</a> </div> </td> </tr> </tbody> </table> <div style="border-top:1px solid #e1e1e1;padding:4px 0px;text-align:center"> <button type="button" ng-click="cancel()" class="btn btn-default" title="Cancel"><i class="fas fa-remove"></i> Cancel</button> <!-- <button type="button" ng-click="addRow()" class="btn btn-warning" title="Add New goal"><i class="fas fa-plus"></i> Create New Goal</button> --> <button type="button" ng-click="saveOrUpdateGoals($index,parentIndex)" class="btn btn-primary" title="Save all goals"><i class="fas fa-save"></i> Update goals</button> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--Goal Comment modal--> <div uib-modal-window="modal-window" ng-if="isModalOpen" class="modal fade ng-scope ng-isolate-scope in" role="dialog" size="lg" index="0" animate="animate" tabindex="-1" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" style="z-index: 1050; display: block;"> <div class="modal-header bg-dark"><strong>Goal Comments</strong></div> <div class="modal-body" id="modal-body"> <div class="row"> <div class="form-group col-sm-12"> <label for="goal_comment">Comment</label> <div class="input-group"> <textarea class="form-control" name="goal_comment" id="goal_comment" ng-model="goalComment.comment" placeholder="Write you comment here" required/> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="text-olive"><strong>Comment Histories</strong></div> <table class="table table-bordered table-sm p-0 m-0"> <thead> <tr> <th>Comment</th> <th>Comment By</th> <th>Comment Date</th> </tr> </thead> <tbody> <tr ng-repeat="item in goalCommentList"> <td>{{item.comment}}</td> <td>{{item.emp_first_name+' '+item.emp_last_name}}</td> <td>{{item.comment_date}}</td> </tr> <tr ng-if="goalCommentList.length===0"> <td colspan="3">No history found</td> </tr> </tbody> </table> </div> </div> <div class="modal-footer m-1 p-2"> <button class="btn btn-danger btn-xs" type="button" ng-click="closeModal()"><i class="fas fa-times"></i> Cancel</button> <button class="btn btn-success btn-xs" type="button" ng-click="submitComment()"> Submit Comment</button> </div> </div> </div> <div ng-if="isModalOpen" uib-modal-backdrop="modal-backdrop" class="modal-backdrop fade ng-scope in" ng-style="{'z-index': 1040 + (index && 1 \|\| 0) + index10}" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" data-bootstrap-modal-aria-hidden-count="1" aria-hidden="true" style="z-index: 1040;"></div> <!--delete confirmation modal start--> <div uib-modal-window="modal-window" ng-if="isConfirmModalOpen" class="modal fade ng-scope ng-isolate-scope in" role="dialog" size="lg" index="0" animate="animate" tabindex="-1" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" style="z-index: 1050; display: block;"> <div class="modal-header bg-dark"><strong>Delete Confirmation</strong></div> <div class="modal-body" id="modal-body"> <div class="row"> <div class="form-group col-sm-12"> <h5>Do you realy want to delete <span class="text-olive">{{'"'+goalToDelete.goal_name+'"'}}</span> goal?</h5> </div> </div> <div class="modal-footer m-1 p-2"> <button class="btn btn-default" type="button" ng-click="noCloseGolaDeleteModal()"><i class="fas fa-times"></i> No</button> <button class="btn btn-primary" type="button" ng-click="yesDeleteGoal()"><i class="fas fa-check"></i> Yes</button> </div> </div> </div> <div ng-if="isConfirmModalOpen" uib-modal-backdrop="modal-backdrop" class="modal-backdrop fade ng-scope in" ng-style="{'z-index': 1040 + (index && 1 \|\| 0) + index10}" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" data-bootstrap-modal-aria-hidden-count="1" aria-hidden="true" style="z-index: 1040;"></div> <!--delete confirmation modal start--> <style> .ui-datepicker-trigger .fa-calendar{display: none;} </style> </div> <div uib-modal-window="modal-window" ng-if="isImageViewing" class="modal fade ng-scope ng-isolate-scope in" role="dialog" size="lg" index="0" animate="animate" tabindex="-1" uib-modal-animation-class="fade" modal-in-class="in" modal-animation="true" style="z-index: 1050; display: block;"> <div class="modal-header bg-dark"><strong>Screenshot</strong> <span class="float-right" style="cursor: pointer;" ng-click="displayImagecloseModal()"><strong>x</strong></span></div> <div class="modal-body" id="modal-body"> <div class="row"> <div class="form-group col-sm-12"> <img src="{{baseurl}}/{{screenshotDiaplay}}" style="width: 100%;"> </div> </div> </div> </div>