app.js

function changeLangLabel() {
    var userLang = navigator.language || navigator.userLanguage;

    var ja = {
            'title': 'Mitsua Likes Demo',
            'subtitle': 'ミツアちゃんと日本語・英語で楽しく画像生成🔖 ※利用規約を守ってご利用ください',
            'textbox_placeholder': 'ここにプロンプトを入力',
            'descriptions': [
                '本モデルは、画像生成AIを構成する全てのモジュール(CLIP, VAE, UNet)をオプトインの許諾済みデータ、オープンライセンスのデータ、パブリックドメインのデータのみでゼロから学習しました。',
                '学習データに他の画像生成AIのAI生成画像は含まれません。学習データに他のVLM/LLMなどのAI生成テキストは含まれません。',
                '本モデルは学習データの前処理の過程でも、不適切なデータの除外(=AI生成データのフィルタリング等)という目的を除き、既存のあらゆる種類の学習済みモデルを使用していません。',
                '学習データや学習方法の詳細は<a href="https://huggingface.co/Mitsua/mitsua-likes">モデルカード</a>をご参照ください。',
                '入力されたプロンプトがサーバーに保存されたり、AI学習に使用されたりすることはありません。',
                '免責事項：当社はMitsua Likes BY-NCライセンスに基づき、本モデルの使用によって生じた直接的または間接的な損失に対して、一切の責任を負いません。',
                '(c) 2024 ELAN MITSUA Project / Abstract Engine',            
            ],
            'btn_label': '🎨生成してもらう',
        };
    var en = {
            'title': 'Mitsua Likes Demo',
            'subtitle': 'Let\'s enjoy English / Japanese image generation with Mitsua-chan🔖 *Please abide by the terms',
            'textbox_placeholder': 'Enter prompt here',
            'descriptions': [
                'This model, an entire architecture of text-to-image generative model (CLIP, VAE, UNet), is trained solely on opt-in licensed data, openly licensed data and public domain data.',
                'No AI synthetic data (images and texts) are included in the training dataset.', 
                'No pre-trained models in any kind are used for preprocessing data, except for excluding inappropriate data like AI generated images.',
                'Please refer to <a href="https://huggingface.co/Mitsua/mitsua-likes">the model card</a> for more information on training data and training details.', 
                'No input text is stored on the server or used for AI training.',
                'Disclaimer : Under Mitsua Likes BY-NC License, ELAN MITSUA Project / Abstract Engine is not responsible for any direct or indirect loss caused by the use of the model.',
                '(c) 2024 ELAN MITSUA Project / Abstract Engine',
            ],
            'btn_label': '🎨Request',
        };

    var titleElement = document.querySelector("#title h1");
    var subtitleElement = document.querySelector("#title h3");
    var placeholderElement = document.querySelector("#text_input textarea");
    var descriptionElements = document.querySelectorAll("#description li");
    var startButtonElement = document.querySelector("#start_btn");
    // var generalThesholdElement = document.querySelector("#general_threshold span");
    // var characterThesholdElement = document.querySelector("#character_threshold span");

    var label = userLang.startsWith('ja') ? ja : en;
    titleElement.textContent = label.title;
    subtitleElement.textContent = label.subtitle;
    descriptionElements.forEach((elem, index) => {
        elem.innerHTML = label.descriptions[index];
    });
    startButtonElement.textContent = label.btn_label;
    placeholderElement.placeholder = label.textbox_placeholder;
    placeholderElement.focus()
    // generalThesholdElement.textContent = label.general_threshold_label;
    // characterThesholdElement.textContent = label.character_threshold_label;

    // Set the language in the hidden lang_input textbox
    let langInputElement = document.querySelector("#lang_input textarea");
    langInputElement.value = userLang;
    var myEvent = new Event("input");
    Object.defineProperty(myEvent, "target", {value: langInputElement});
    langInputElement.dispatchEvent(myEvent);
}