Zoraxy/web/components/quickstart.html

<div id="quickstart" class="standardContainer">
    <div class="ui container">
        <h1 class="ui header">
            <img src="img/res/1F387.png">
            <div class="content">
              Hi! Welcome to Zoraxy!
              <div class="sub header">What services are you planning to setup today?</div>
            </div>
        </h1>
        <br>
        <div class="ui stackable equal width grid">
            <div class="column">
                <div class="serviceOption homepage">
                    <div class="titleWrapper">
                        <p>Static Homepage</p>
                    </div>
                    <div class="ui divider"></div>
                    <p>Host a static personal homepage with HTML, CSS and JavaScript using your domain name.</p>
                    <img class="themebackground ui small image" src="img/res/1F310.png">
                </div>
            </div>
            <div class="column">
                <div class="serviceOption subdomain">
                    <div class="titleWrapper">
                        <p>Sub-domains Routing</p>
                    </div>
                    <div class="ui divider"></div>
                    <p>Add and handle traffic from your subdomains and point them to a dedicated web services somewhere else.</p>
                    <img class="themebackground ui small image" src="img/res/1F500.png">
                </div>
            </div>
            <div class="column">
                <div class="serviceOption tls">
                    <div class="titleWrapper">
                        <p>HTTPS Green Lock(s)</p>
                    </div>
                    <div class="ui divider"></div>
                    <p>Turn your unsafe HTTP website into HTTPS using free certificate from public certificate authorities organizations.</p>
                    <img class="themebackground ui small image" src="img/res/1F512.png">
                </div>
            </div>
        </div>
        <div class="ui divider"></div>
    </div>
   
</div>
<script>
   
    //Set the new proxy root option
    function setProxyRoot(btn=undefined){
        var newpr = $("#proxyRoot").val();
        if (newpr.trim() == "" && currentDefaultSiteOption == 0){
            //Fill in the web server info
            newpr = "127.0.0.1:" +  $("#webserv_listenPort").val();
            $("#proxyRoot").val(newpr);
            
        }

        var rootReqTls = $("#rootReqTLS")[0].checked;

        if (btn != undefined){
            $(btn).addClass("disabled");
        }

        //proxy mode or redirect mode, check for input values
        var defaultSiteValue = "";
        if (currentDefaultSiteOption == 1){
            if ($("#proxyRoot").val().trim() == ""){
                $("#proxyRoot").parent().addClass("error");
                return;
            }
            defaultSiteValue = $("#proxyRoot").val().trim();
            $("#proxyRoot").parent().removeClass("error");

        }else if (currentDefaultSiteOption == 2){
            if ($("#redirectDomain").val().trim() == ""){
                $("#redirectDomain").parent().addClass("error");
                return;
            }
            defaultSiteValue = $("#redirectDomain").val().trim();
            $("#redirectDomain").parent().removeClass("error");
        }

        //Create the endpoint by calling add
        $.cjax({
            url: "/api/proxy/add",
            data: {
                "type": "root", 
                "tls": rootReqTls, 
                "ep": newpr,
                "defaultSiteOpt": currentDefaultSiteOption,
                "defaultSiteVal":defaultSiteValue,
            },
            method: "POST",
            success: function(data){
                if (data.error != undefined){
                    msgbox(data.error, false, 5000);
                }else{
                    //OK
                    
                    initRootInfo(function(){
                        
                        //Check if WebServ is enabled
                        isUsingStaticWebServerAsRoot(function(isUsingWebServ){
                            if (isUsingWebServ){
                                //Force enable static web server
                                //See webserv.html for details
                                setWebServerRunningState(true);
                            }
                            
                            msgbox("Default Site Updated");
                        })
                    });
                    
                }

                if (btn != undefined){
                    $(btn).removeClass("disabled");
                }
            },
            error: function(){
                msgbox("Unknown error occured", false);
            }
        });

    }

</script>