Untitled

                Never    
HTML
       
<body aurelia-app="main"><!--view--><!--anchor-->
<div id="globalDialogWindowOverlay" style="display:none" class="questionnaire-container no-print">
    <div id="globalMessageboxWindowParent" style="display:none">
        <div id="globalMessageboxWindowContent">
            <div id="globalMessageboxWindowContentScroller"></div>
        </div>
        <div id="globalMessageboxWindowTitleBar"><span id="globalMessageboxWindowTitle" t="unnamed" class="au-target"
                                                       au-target-id="169">Unbenannt</span>
            <div id="globalMessageboxWindowTitleCloseButton" class="title-button au-target" t="[title]close"
                 au-target-id="170" title="Schließen"><i class="mdi mdi-close"></i></div>
        </div>
        <div id="globalMessageboxWindowFooterBar"><span class="float-left"
                                                        style="display:inline-block;padding-top:6px;padding-left:12px;font-weight:700"
                                                        id="globalMessageboxFooterInfo"></span>
            <button class="btn btn-success float-right au-target" id="globalMessageboxButtonYes" t="ok"
                    au-target-id="171">Ok
            </button>
            <button class="btn btn-warning float-right au-target" id="globalMessageboxButtonNo" t="abort"
                    au-target-id="172">Abbrechen
            </button>
        </div>
    </div>
    <div id="globalDialogWindowOverlayWindowParent" style="display:none">
        <div id="globalDialogWindowContent">
            <div id="globalDialogWindowContentScroller"></div>
        </div>
        <div id="globalDialogWindowTitleBar"><span id="globalDialogWindowTitle" t="unnamed" class="au-target"
                                                   au-target-id="173">Unbenannt</span>
            <div id="globalDialogWindowTitleCloseButton" class="title-button"><i class="mdi mdi-close au-target"
                                                                                 t="[title]close" au-target-id="174"
                                                                                 title="Schließen"></i></div>
        </div>
    </div>
</div>
<div class="globalLoadingWindowOverlay au-target aurelia-hide" show.bind="isLoading" au-target-id="175">
    <div class="globalLoadingImageParent"><img src="./images/loading.gif" class="globalLoadingImage" alt="Loading...">
    </div>
    <h3 class="globalLoadingMessage au-target" t="loading" au-target-id="176">Lade..</h3></div>
<div class="global-overlay no-print" id="globalOverlay"></div>
<style>#globalPkmsDialog ux-dialog-container {
    height: 100%;
    overflow: hidden
}

#globalPkmsDialog .ux-dialog, #globalPkmsDialog ux-dialog-container > div, #globalPkmsDialog ux-dialog-container > div > div {
    height: 100%;
    overflow: hidden
}</style>
<div class="global-overlay no-print" id="globalPkmsDialog"></div><!--anchor-->
<div class="global-overlay no-print au-target" ref="printDialog" au-target-id="190">
    <style>.print-dialog {
        position: absolute;
        left: 10%;
        top: 5%;
        width: 85%;
        height: 85%;
        z-index: 2500;
        background: #fff;
        padding-bottom: 44px;
        box-shadow: 2px 3px 13px 1px #000
    }

    .print-dialog-header {
        height: 42px;
        background: #4d94bf;
        color: #fff;
        padding: .75em 4px 0 .75em
    }

    .print-dialog-close {
        float: right;
        cursor: pointer;
        margin-top: -4px
    }

    .print-dialog-close i {
        width: 32px;
        height: 32px;
        color: #fff
    }

    .print-dialog-body {
        height: 100%;
        width: 100%;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        -ms-overflow-y: auto
    }

    .print-dialog-body .image-parent {
        padding: 1em;
        border: 1px solid #000;
        margin: 1em .75em 1.5em;
        box-shadow: 3px 4px #000
    }

    .print-dialog-body .image-parent img {
        width: 100%;
        height: auto
    }

    .print-dialog-body .print-header {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 32px;
        background: #fff
    }

    .print-dialog-body iframe {
        width: 100%;
        height: 100%
    }</style>
    <div class="print-dialog">
        <div class="print-dialog-header">
            <table class="width-100">
                <tbody>
                <tr>
                    <td><b style="font-size:1.1em" t="print_preview" class="au-target"
                           au-target-id="191">Druckvorschau</b></td>
                    <td>
                        <button type="button" class="btn btn-primary au-target" style="margin-top:-6px"
                                ref="printButton" click.delegate="executePrintProc()" au-target-id="192"><i
                                class="mdi mdi-print"></i> <span t="print_document" class="au-target"
                                                                 au-target-id="193">Drucken</span></button>
                    </td>
                    <td class="text-right"><a click.trigger="clearPdf()" class="print-dialog-close au-target"
                                              au-target-id="194"><i class="mdi mdi-2x mdi-cancel"></i></a></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="print-dialog-body">
            <div ref="printFrame" class="position-relative au-target" au-target-id="195">
                <div class="image-parent"></div>
            </div>
        </div>
    </div>
</div>
<style>.popup-info {
    position: absolute;
    right: 1em;
    max-width: 300px;
    max-height: 200px;
    overflow: hidden;
    bottom: 57px;
    height: auto;
    padding: 1em;
    border: 1px solid #9a988b;
    z-index: 1000;
    box-shadow: 0 0 12px 4px #5e5e5e
}

.popup-info-close {
    float: right;
    cursor: pointer
}

.popup-info-text {
    padding-right: 1.5em;
    display: block
}</style>
<div class="popup-info collapse bg-warning text-warning">
    <div class="popup-info-close" onclick="$(".popup-info").fadeToggle()"><i class="mdi mdi-cancel"></i></div>
    <span class="popup-info-text">Hier steht die PopupInfo!</span></div>
<div id="printSource" ref="printSource" class="au-target" au-target-id="196"></div>
</body></html>

Raw Text