TC
/
Zoraxy
-ын хуулбар https://git.hkwtc.org/TC/ReverseProxy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!DOCTYPE html>
<html>
    <head>
        <!-- Notes: This should be open in its original path-->
        <link rel="stylesheet" href="../script/semantic/semantic.min.css">
        <script src="../script/jquery-3.6.0.min.js"></script>
        <script src="../script/semantic/semantic.min.js"></script>
        <style>
            .upstreamActions{
                position: absolute;
                top: 0.6em;
                right: 0.6em;
            }
        </style>
    </head>
    <body>
        <br>
        <div class="ui container">
            <div class="ui header">
                <div class="content">
                    Upstreams / Origins
                    <div class="sub header epname"></div>
                </div>
            </div>
            <div class="ui divider"></div>
            <div id="upstreamTable">
                <div class="ui segment">
                    <a></a>
                </div>
            </div>
            <div class="ui divider"></div>
            <div class="field" >
                <button class="ui basic button"  style="float: right;" onclick="closeThisWrapper();">Close</button>
            </div>
        </div>
            
        <br><br><br><br>

        </div>
        <script>
            let origins = [];
            let editingEndpoint = {};

           

            function initOriginList(){
                $.ajax({
                    url: "/api/proxy/detail",
                    method: "POST",
                    data: {
                        "type":"host",
                        "epname": editingEndpoint.ep
                    },
                    success: function(data){
                        if (data.error != undefined){
                            //This endpoint not exists?
                            alert(data.error);
                            return;
                        }else{
                            $("#upstreamTable").html("");
                            if (data.Origins != undefined){
                                origins = data.Origins;
                                console.log(origins);
                                data.Origins.forEach(upstream => {
                                    let tlsIcon = "";
                                    if (upstream.RequireTLS){
                                        tlsIcon = `<i class="green lock icon" title="TLS Mode"></i>`;
                                        if (upstream.SkipCertValidations){
                                            tlsIcon = `<i class="yellow lock icon" title="TLS/SSL mode without verification"></i>`
                                        }
                                    }

                                    let url = `${upstream.RequireTLS?"https://":"http://"}${upstream.OriginIpOrDomain}`
                                    
                                    $("#upstreamTable").append(`<div class="ui segment">
                                        <h4 class="ui header">
                                            ${tlsIcon}
                                            <div class="content">
                                            <a href="${url}" target="_blank">${upstream.OriginIpOrDomain}</a>
                                                <div class="sub header">Online</div>
                                            </div>
                                        </h4>
                                        <div class="ui divider"></div>
                                        <div class="ui checkbox">
                                            <input type="checkbox" name="example">
                                            <label>Require TLS<br>
                                                <small>Proxy target require HTTPS connection</small></label>
                                        </div><br>
                                        <div class="ui checkbox" style="margin-top: 0.6em;">
                                            <input type="checkbox" name="example">
                                             <label>Skip Verification<br>
                                                <small>Check this if proxy target is using self signed certificates</small></label>
                                        </div>
                                        <div class="upstreamActions">
                                            <button class="ui basic circular icon button" title="Edit Upstream Destination"><i class="ui grey edit icon"></i></button>
                                            <button class="ui basic circular icon button" title="Remove Upstream"><i class="ui red trash icon"></i></button>
                                        </div>
                                        
                                    </div>`);
                                });

                                $(".ui.checkbox").checkbox();
                            }else{
                                //Assume no origins
                                $("#inlineEditTable").html(`<tr>
                                    <td colspan="2"><i class="ui red circle times icon"></i> Invalid Upstream Settings</td>
                                </tr>`);
                            }

                            
                        }
                    }
                })
            }
            

            if (window.location.hash.length > 1){
                let payloadHash = window.location.hash.substr(1);
                try{
                    payloadHash = JSON.parse(decodeURIComponent(payloadHash));
                    $(".epname").text(payloadHash.ep);
                    editingEndpoint = payloadHash;
                    initOriginList();
                }catch(ex){
                    console.log("Unable to load endpoint data from hash")
                }
            }

            function closeThisWrapper(){
                parent.hideSideWrapper(true);
            }
        </script>
    </body>
</html>