confirm.component.html 4.61 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 style="min-height:120px">
        <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" />-->
                    <button class="btn btn-primary btn-sm btn-circle" type="button" style="width: 40px;height: 40px; padding: 7px 12px;font-size: 12px;line-height: 1.33;border-radius: 25px;">
                      <i class="fa fa-check"></i>
                    </button>
                  </span>
                  <p style="
    padding-top: 10px;
">
                    {{message}}
                  </p>
                </div>

                <div class="text-center">
                  <input type="button" class="btn btn-primary btn-sm 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>