aiforge/templates/custom/max_log.tmpl

<div>
    <div class="ui modal max-full-log{{.VersionName}} container" style="height: 90%;margin: 3rem auto;">
        <div class="file-info" style="padding: 2rem;justify-content: space-between;height: 10%;">
            <div id="log-file-title" style="font-size: 16px;font-weight:600"></div>
            <div class="file-info">
                <a class="file-info" id="{{.VersionName}}-log-down" href="">
                    <i class="ri-download-cloud-2-line"></i>
                    <span style="margin-left: 0.3rem;font-size: 12px;" class="log-file-down"></span>
                </a>
                <div class="file-info close-log-dialog" data-version="{{.VersionName}}" style="margin-left: 1rem;color:#0366d6;cursor: pointer;">
                    <i class="ri-fullscreen-exit-fill" style="font-size: 16px;"></i>
                    <span id="log-file-exit" style="margin-left: 0.3rem;font-size: 12px;"></span>
                </div>
                
                
                
            </div>
        </div>
        <div style="margin: 0 2.5rem;border: 1px solid #e8e8e8;height: 85%;position: relative;">
            <span>
                <a  style="position: absolute; right: -32px;cursor: pointer;"
                    class="log_top-max" data-version="{{.VersionName}}" data-max="-max"><i class="icon-to-top"></i></a>
            </span>
            <span class="log-info-{{.VersionName}}">
                <a  style="position: absolute; bottom: 10px;right: -32px;cursor: pointer;"
                    class="log_bottom-max" data-version="{{.VersionName}}" data-max="-max"><i
                        class="icon-to-bottom"></i></a>
            </span>
            <div class="ui message message-max{{.VersionName}}" style="display: none;">
                <div id="header"></div>
            </div>
            <div class="log-scroll-max" id="log-max{{.VersionName}}" data-version="{{.VersionName}}" style="overflow: auto;max-height: 100%;height: 100%">
                <div class="ui inverted active dimmer">
                    <div class="ui loader"></div>
                </div>
                <pre id="log_file-max{{.VersionName}}"></pre>
            </div>
            
        </div>
    </div>
</div>
<script>
    $(".ui.modal .close-log-dialog").click(function () {
        let version_name = $(this).data("version");
        $(`.ui.modal.max-full-log${version_name}`).modal("hide");
    });
</script>