confirm.component.html 4.28 KB
 

<modal #closeModal [keyboard]="false" [backdrop]="'static'" style="z-index:1100">
    <div>
        <div class="modal-header alert-header-custom">
            <button type="button" class="alert-closebutton" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h5 class="modal-title"><b>AIA</b></h5>

        </div>
        <modal-body class="bg-gray-lighter">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <span style="float:left">
                        <img src="assets/img/alertmessage.png" />
                    </span>
                    <p>
                        {{message}}
                    </p>
                    <br/> 
                </div> 
                <div class="text-center" [hidden]="alertshow">
                    <input type="button" class="btn btn-default alert-margin" id="okButton" value="Yes">
                    <input type="button" class="btn btn-default alert-margin" id="noButton" value="No">
                    <input type="button" class="btn btn-default alert-margin" id="cancelButton" value="Cancel">
                </div>
            </div>
    </modal-body>
    </div>
</modal>
<modal #resetModal [keyboard]="false" [backdrop]="'static'" style="z-index:1100">
    <div  >
        <div class="modal-header alert-header-custom">
            <button type="button" class="alert-closebutton" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true" >&times;</span></button>
            <h5 class="modal-title"><b>AIA</b></h5> 
        </div>
        <modal-body  class="bg-gray-lighter">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <span style="float:left"> 
                        <img src="assets/img/alertmessage.png" />
                    </span>
                    <p>{{message}}
                    </p>
                </div>
               
                <div class="text-center">
                    <input type="button" class="btn btn-default alert-margin" id="yesResetButton"  value="Yes">
                    <input type="button" class="btn btn-default alert-margin" id="noResetButton" value="No">
                </div>
            </div>
</modal-body>
    </div>
</modal>

<modal #alertMessageModal [keyboard]="false" [backdrop]="'static'" style="z-index:1100">
    <div >
        <div class="modal-header alert-header-custom">
            <button type="button" class="alert-closebutton" id="closeAlert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h5 class="modal-title"><b>AIA</b></h5>
        </div> 
        <modal-body class="bg-gray-lighter">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <span style="float:left">
                        <img src="assets/img/alertmessage.png" />
                    </span>
                    <p>
                        {{message}}
                    </p>
                </div>

                <div class="text-center">
                    <input type="button" class="btn btn-default alert-margin" id="okAlert" value="OK">
                </div>
            </div>
        </modal-body>
 
    </div>
</modal>



<modal #confirmModel [keyboard]="false" [backdrop]="'static'" style="z-index:1100">
    <div>
        <div class="modal-header alert-header-custom">
            <button type="button" class="alert-closebutton" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h5 class="modal-title"><b>AIA</b></h5>
        </div>
        <modal-body class="bg-gray-lighter">
            <div class="row">
                <div class="col-sm-12 text-center">
                    <span style="float:left">
                        <img src="assets/img/alertmessage.png" />
                    </span>
                    <p>
                        {{message}}
                    </p>
                </div>

                <div class="text-center">
                    <input type="button" class="btn btn-default alert-margin" id="yesConfirmButton" value="Yes">
                    <input type="button" class="btn btn-default alert-margin" id="noConfirmButton" value="No">
                </div>
            </div>
        </modal-body>
    </div>
</modal>