TC
/
arozos


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<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" id="langlist">
                        <div class="item" data-value="default">Browser Default</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');
        }

        //Updates 13 Nov: Remove hardcoded lang option and get lang option from file manager's localization file
        $.getJSON("../locale/file_explorer.json", function(data){
            for (let [key, value] of Object.entries(data.keys)) {
                let langName = value.name;
                if (langName == undefined || langName == null){
                    langName = key;
                }
                console.log(langName, key);
                $("#langlist").append(`<div class="item" data-value="${key}">${langName}</div>`);
            }
        });
    </script>
</body>

</html>