TC
/
arozos


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
							<html>

<head>
    <title>Locale</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
    <link rel="stylesheet" href="../../script/semantic/semantic.css">
    <script type="application/javascript" src="../../script/jquery.min.js"></script>
    <script type="application/javascript" src="../../script/clipboard.min.js"></script>
    <script type="application/javascript" src="../../script/semantic/semantic.js"></script>
</head>

<body>
    <div class="ui container">
        <div class="ui basic segment">
            <div class="ui header">
                <i class="translate icon"></i>
                <div class="content">
                    Language setting
                    <div class="sub header">You can change the display language here.<br> The language setting will only affect the current computer.</div>
                </div>
            </div>
        </div>
        <div class="ui divider"></div>
        <div class="ui green inverted segment" style="display:none;" id="updateSet">
            <h5 class="ui header">
                <i class="checkmark icon"></i>
                <div class="content">
                    Setting Updated. Please sign out to apply these changes.
                </div>
            </h5>
        </div>
        <div class="ui form">
            <div class="field">
                <label>Display language</label>
                <div class="ui selection dropdown">
                    <input id="language" type="hidden" name="language">
                    <i class="dropdown icon"></i>
                    <div class="default text">Language</div>
                    <div class="menu">
                        <div class="item" data-value="default">Browser Default</div>
                        <div class="item" data-value="zh-TW">繁體中文</div>
                    </div>
                </div>
            </div>
            <button id="ntb" onclick="update();" class="ui green button" type="submit">Update</button>
        </div>
    </div>
    <script>
        $("#language").val(localStorage.getItem('global_language'));
        $('.selection.dropdown').dropdown();

        function update() {
            localStorage.setItem('global_language', $("#language").val());
            $("#updateSet").stop().finish().slideDown("fast").delay(3000).slideUp('fast');
        }
    </script>
</body>

</html>