Zoraxy/web/components/sso.html

<div class="standardContainer">
    <div class="ui basic segment">
        <h2>Zoraxy SSO / Oauth</h2>
        <p>A centralized authentication system for all your subdomains</p>
        <div class="ui divider"></div>
        <div class="ui basic segment enabled ssoRunningState">
            <h4 class="ui header" id="ssoRunningState">
                <i class="circle check icon"></i>
                <div class="content">
                    <span class="webserv_status">Running</span>
                    <div class="sub header">Listen port :<span class="webserv_port">8081</span></div>
                </div>
            </h4>
        </div>
        <div class="ui form">
            <h4 class="ui dividing header">Oauth2 Server</h4>
            <div class="field">
                <div class="ui toggle checkbox">
                    <input type="checkbox" name="enableOauth2">
                    <label>Enable Oauth2 Server<br>
                    <small>Oauth2 server for handling external authentication requests</small></label>
                </div>
            </div>
            <div class="field">
                <label>Oauth2 Server Port</label>
                <input type="number" name="oauth2Port" placeholder="Port" value="5488">
                <small>Listening port of the Zoraxy internal Oauth2 Server.You can create a subdomain proxy rule to <code>127.0.0.1:<span class="ssoPort">5488</span></code></small>
            </div>
            <h4 class="ui dividing header">Zoraxy SSO</h4>
            <div class="field">
                <div class="ui toggle checkbox">
                    <input type="checkbox" name="enableZoraxySSO">
                    <label>Enable Zoraxy SSO<br>
                    <small>Use Zoraxy SSO credentials with upstreams that do not support oauth</small></label>
                </div>
            </div>
            
        </div>
        <div>
            <p>List of Registered Apps in</p>
        </div>

    </div>
</div>

<script>
    $("input[name=oauth2Port]").on("change", function() {
        $(".ssoPort").text($(this).val());
    });
</script>