printPreview.html 6.51 KB
<div>
    <div ng-include="aap/widget/MainMenu.html"></div>
    <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController">
        <div class=" " id="ppView" ng-controller="HomeController">
            <div class="pp-col-sm-12">
                <div class="container-fluid pp-main-full">
                    <div class="row">
                        <div class="well padd5 marginbtm10">
                            <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0">
                                <button class="btn btn-primary btn-sm" id="btnPrint">
                                    <i class="fa fa-print"></i> Print
                                </button>
                            </div>
                            <div class="col-sm-2 col-lg-1">
                                <select id="printPSOptions" class="pp-form-control input-sm">
                                    <option>Auto</option>
                                    <option>500%</option>
                                    <option>200%</option>
                                    <option>150%</option>
                                    <option>100%</option>
                                    <option>75%</option>
                                    <option>50%</option>
                                    <option>25%</option>
                                    <option>10%</option>
                                </select>
                            </div>
                            <div class="pp-col-sm-4 paddTop5">
                                <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label>
                                <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="pp-col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;">
                            <div class="print-paper" id="dvPP">
                                <div class="print-box portrait-box" id="printBoxPor">
                                    <div id="printDivContent">
                                        <div class="">
                                            <div class="pp-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
                                                <span class="pull-left font12 span-font" id="spnModulePor"></span>
                                            </div>
                                            <div class="pp-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
                                                <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span>
                                            </div>
                                        </div>
                                        <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
                                            <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " />
                                        </div>
                                        <div>
                                            <div class="pp-col-sm-4" style="position: absolute; bottom: 20px;">
                                                <span class="pull-left pp-marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
                                            </div>
                                            <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
                                                <span class="pull-right pp-marginTop10 bgnone no-margin" id="spPorLogo">
                                                    <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
                                                </span>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="print-box landscape-box" id="printBoxLan" style="display: none;">
                                    <div class="">
                                        <div class="pp-col-sm-4" style="position: absolute; top: 20px; left: 10px;">
                                            <span class="pull-left font12 span-font" id="spnModuleLan"></span>
                                        </div>
                                        <div class="pp-col-sm-4" style="position: absolute; top: 20px; right: 10px;">
                                            <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span>
                                        </div>
                                    </div>
                                    <div class="" id="dvLandscape" align="center" style="position: absolute; margin-top: 13%;">
                                        <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" />
                                    </div>
                                    <div class="print-footer-land">
                                        <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; left: 10px;">
                                            <span class="pull-left pp-marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
                                        </div>
                                        <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
                                            <span class="pull-right pp-marginTop10 bgnone no-margin" id="spLanLogo">
                                                <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
                                            </span>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>