DHBW/Cloud_Computing_II
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added favicon, fixed translate function
All checks were successful
build
Details

Browse Source
This commit is contained in:
Florian Kaiser 2023-04-03 14:11:28 +02:00
parent 905ce25b3e
commit 519d86bb40
Signed by: H4CK3R-01
SSH Key Fingerprint: SHA256:Zh0ZE/S6X5mfivz9uLnbQizfkJfEQTjL8FlWbPqhqk0
5 changed files with 474 additions and 469 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/Dockerfile
View File

@ -3,5 +3,7 @@ FROM nginx:latest
COPY ./frontend/index.html /usr/share/nginx/html/index.html COPY ./frontend/index.html /usr/share/nginx/html/index.html
COPY ./frontend/index.css /usr/share/nginx/html/index.css COPY ./frontend/index.css /usr/share/nginx/html/index.css
COPY ./frontend/index.js /usr/share/nginx/html/index.js COPY ./frontend/index.js /usr/share/nginx/html/index.js
COPY ./frontend/languages.js /usr/share/nginx/html/languages.js
COPY ./frontend/favicon.ico /usr/share/nginx/html/favicon.ico
HEALTHCHECK --interval=1m --timeout=3s CMD curl --fail http://localhost/ || exit 1 HEALTHCHECK --interval=1m --timeout=3s CMD curl --fail http://localhost/ || exit 1

BIN
frontend/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

5
frontend/index.html
View File

@ -5,7 +5,8 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="index.css"> <link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="index.js"></script> <script type="text/javascript" src="index.js"></script>
<script type="text/javascript" src="languages.js"></script>
</head> </head>
<body onload="fillDropDowns()"> <body onload="fillDropDowns()">
@ -20,7 +21,7 @@
<textarea name="requested_text" id="requested_text" rows="15" autofocus <textarea name="requested_text" id="requested_text" rows="15" autofocus
placeholder="Text eingeben oder einfügen"></textarea> placeholder="Text eingeben oder einfügen"></textarea>
</div> </div>
<div id="translateicon" onclick="translate()"> <div id="translateicon">
<i class="fa fa-arrow-right fa-5x"></i> <i class="fa fa-arrow-right fa-5x"></i>
</div> </div>
<div class="content"> <div class="content">

490
frontend/index.js
View File

@ -1,450 +1,27 @@
const languages = [ document.addEventListener('DOMContentLoaded', function() {
{ document.getElementById("translateicon").addEventListener("click", translate)
"language": "Afrikaans", }, false);
"code": "af"
},
{
"language": "Albanian",
"code": "sq"
},
{
"language": "Amharic",
"code": "am"
},
{
"language": "Arabic",
"code": "ar"
},
{
"language": "Armenian",
"code": "hy"
},
{
"language": "Assamese",
"code": "as"
},
{
"language": "Azerbaijani (Latin)",
"code": "az"
},
{
"language": "Bangla",
"code": "bn"
},
{
"language": "Bashkir",
"code": "ba"
},
{
"language": "Basque",
"code": "eu"
},
{
"language": "Bosnian (Latin)",
"code": "bs"
},
{
"language": "Bulgarian",
"code": "bg"
},
{
"language": "Cantonese (Traditional)",
"code": "yue"
},
{
"language": "Catalan",
"code": "ca"
},
{
"language": "Chinese (Literary)",
"code": "lzh"
},
{
"language": "Chinese Simplified",
"code": "zh-Hans"
},
{
"language": "Chinese Traditional",
"code": "zh-Hant"
},
{
"language": "Croatian",
"code": "hr"
},
{
"language": "Czech",
"code": "cs"
},
{
"language": "Danish",
"code": "da"
},
{
"language": "Dari",
"code": "prs"
},
{
"language": "Divehi",
"code": "dv"
},
{
"language": "Dutch",
"code": "nl"
},
{
"language": "English",
"code": "en"
},
{
"language": "Estonian",
"code": "et"
},
{
"language": "Faroese",
"code": "fo"
},
{
"language": "Fijian",
"code": "fj"
},
{
"language": "Filipino",
"code": "fil"
},
{
"language": "Finnish",
"code": "fi"
},
{
"language": "French",
"code": "fr"
},
{
"language": "French (Canada)",
"code": "fr-ca"
},
{
"language": "Galician",
"code": "gl"
},
{
"language": "Georgian",
"code": "ka"
},
{
"language": "German",
"code": "de"
},
{
"language": "Greek",
"code": "el"
},
{
"language": "Gujarati",
"code": "gu"
},
{
"language": "Haitian Creole",
"code": "ht"
},
{
"language": "Hebrew",
"code": "he"
},
{
"language": "Hindi",
"code": "hi"
},
{
"language": "Hmong Daw (Latin)",
"code": "mww"
},
{
"language": "Hungarian",
"code": "hu"
},
{
"language": "Icelandic",
"code": "is"
},
{
"language": "Indonesian",
"code": "id"
},
{
"language": "Inuinnaqtun",
"code": "ikt"
},
{
"language": "Inuktitut",
"code": "iu"
},
{
"language": "Inuktitut (Latin)",
"code": "iu-Latn"
},
{
"language": "Irish",
"code": "ga"
},
{
"language": "Italian",
"code": "it"
},
{
"language": "Japanese",
"code": "ja"
},
{
"language": "Kannada",
"code": "kn"
},
{
"language": "Kazakh",
"code": "kk"
},
{
"language": "Khmer",
"code": "km"
},
{
"language": "Klingon",
"code": "tlh-Latn"
},
{
"language": "Klingon (plqaD)",
"code": "tlh-Piqd"
},
{
"language": "Korean",
"code": "ko"
},
{
"language": "Kurdish (Central)",
"code": "ku"
},
{
"language": "Kurdish (Northern)",
"code": "kmr"
},
{
"language": "Kyrgyz (Cyrillic)",
"code": "ky"
},
{
"language": "Lao",
"code": "lo"
},
{
"language": "Latvian",
"code": "lv"
},
{
"language": "Lithuanian",
"code": "lt"
},
{
"language": "Macedonian",
"code": "mk"
},
{
"language": "Malagasy",
"code": "mg"
},
{
"language": "Malay (Latin)",
"code": "ms"
},
{
"language": "Malayalam",
"code": "ml"
},
{
"language": "Maltese",
"code": "mt"
},
{
"language": "Maori",
"code": "mi"
},
{
"language": "Marathi",
"code": "mr"
},
{
"language": "Mongolian (Cyrillic)",
"code": "mn-Cyrl"
},
{
"language": "Mongolian (Traditional)",
"code": "mn-Mong"
},
{
"language": "Myanmar",
"code": "my"
},
{
"language": "Nepali",
"code": "ne"
},
{
"language": "Norwegian",
"code": "nb"
},
{
"language": "Odia",
"code": "or"
},
{
"language": "Pashto",
"code": "ps"
},
{
"language": "Persian",
"code": "fa"
},
{
"language": "Polish",
"code": "pl"
},
{
"language": "Portuguese (Brazil)",
"code": "pt"
},
{
"language": "Portuguese (Portugal)",
"code": "pt-pt"
},
{
"language": "Punjabi",
"code": "pa"
},
{
"language": "Queretaro Otomi",
"code": "otq"
},
{
"language": "Romanian",
"code": "ro"
},
{
"language": "Russian",
"code": "ru"
},
{
"language": "Samoan (Latin)",
"code": "sm"
},
{
"language": "Serbian (Cyrillic)",
"code": "sr-Cyrl"
},
{
"language": "Serbian (Latin)",
"code": "sr-Latn"
},
{
"language": "Slovak",
"code": "sk"
},
{
"language": "Slovenian",
"code": "sl"
},
{
"language": "Somali (Arabic)",
"code": "so"
},
{
"language": "Spanish",
"code": "es"
},
{
"language": "Swahili (Latin)",
"code": "sw"
},
{
"language": "Swedish",
"code": "sv"
},
{
"language": "Tahitian",
"code": "ty"
},
{
"language": "Tamil",
"code": "ta"
},
{
"language": "Tatar (Latin)",
"code": "tt"
},
{
"language": "Telugu",
"code": "te"
},
{
"language": "Thai",
"code": "th"
},
{
"language": "Tibetan",
"code": "bo"
},
{
"language": "Tigrinya",
"code": "ti"
},
{
"language": "Tongan",
"code": "to"
},
{
"language": "Turkish",
"code": "tr"
},
{
"language": "Turkmen (Latin)",
"code": "tk"
},
{
"language": "Ukrainian",
"code": "uk"
},
{
"language": "Upper Sorbian",
"code": "hsb"
},
{
"language": "Urdu",
"code": "ur"
},
{
"language": "Uyghur (Arabic)",
"code": "ug"
},
{
"language": "Uzbek (Latin",
"code": "uz"
},
{
"language": "Vietnamese",
"code": "vi"
},
{
"language": "Welsh",
"code": "cy"
},
{
"language": "Yucatec Maya",
"code": "yua"
},
{
"language": "Zulu",
"code": "zu"
}
];
function translate() {
var requestedText = document.getElementById("requested_text").value
var data = {
"requested_text": requestedText,
"language_from": document.getElementById("requested_text_language").value,
"language_to": document.getElementById("received_text_language").value
}
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("received_text").value = JSON.parse(xhttp.responseText).response_text
}
};
xhttp.open("POST", "/api/translate", true);
xhttp.setRequestHeader("Content-Type", "application/json");
xhttp.send(JSON.stringify(data));
}
function fillDropDowns() { function fillDropDowns() {
var dropdown1 = document.getElementById("requested_text_language"); var dropdown1 = document.getElementById("requested_text_language");
@ -470,24 +47,3 @@ function fillDropDowns() {
} }
} }
} }
function translate() {
var requestedText = document.getElementById("requested_text").value
var data = {
"requested_text": requestedText,
"language_from": document.getElementById("requested_text_language").value,
"language_to": document.getElementById("received_text_language").value
}
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("received_text").value = JSON.parse(xhttp.responseText).response_text
}
};
xhttp.open("POST", "/api/translate", true);
xhttp.setRequestHeader("Content-Type", "application/json");
xhttp.send(JSON.stringify(data));
}

446
frontend/languages.js Normal file
View File

@ -0,0 +1,446 @@
const languages = [
{
"language": "Afrikaans",
"code": "af"
},
{
"language": "Albanian",
"code": "sq"
},
{
"language": "Amharic",
"code": "am"
},
{
"language": "Arabic",
"code": "ar"
},
{
"language": "Armenian",
"code": "hy"
},
{
"language": "Assamese",
"code": "as"
},
{
"language": "Azerbaijani (Latin)",
"code": "az"
},
{
"language": "Bangla",
"code": "bn"
},
{
"language": "Bashkir",
"code": "ba"
},
{
"language": "Basque",
"code": "eu"
},
{
"language": "Bosnian (Latin)",
"code": "bs"
},
{
"language": "Bulgarian",
"code": "bg"
},
{
"language": "Cantonese (Traditional)",
"code": "yue"
},
{
"language": "Catalan",
"code": "ca"
},
{
"language": "Chinese (Literary)",
"code": "lzh"
},
{
"language": "Chinese Simplified",
"code": "zh-Hans"
},
{
"language": "Chinese Traditional",
"code": "zh-Hant"
},
{
"language": "Croatian",
"code": "hr"
},
{
"language": "Czech",
"code": "cs"
},
{
"language": "Danish",
"code": "da"
},
{
"language": "Dari",
"code": "prs"
},
{
"language": "Divehi",
"code": "dv"
},
{
"language": "Dutch",
"code": "nl"
},
{
"language": "English",
"code": "en"
},
{
"language": "Estonian",
"code": "et"
},
{
"language": "Faroese",
"code": "fo"
},
{
"language": "Fijian",
"code": "fj"
},
{
"language": "Filipino",
"code": "fil"
},
{
"language": "Finnish",
"code": "fi"
},
{
"language": "French",
"code": "fr"
},
{
"language": "French (Canada)",
"code": "fr-ca"
},
{
"language": "Galician",
"code": "gl"
},
{
"language": "Georgian",
"code": "ka"
},
{
"language": "German",
"code": "de"
},
{
"language": "Greek",
"code": "el"
},
{
"language": "Gujarati",
"code": "gu"
},
{
"language": "Haitian Creole",
"code": "ht"
},
{
"language": "Hebrew",
"code": "he"
},
{
"language": "Hindi",
"code": "hi"
},
{
"language": "Hmong Daw (Latin)",
"code": "mww"
},
{
"language": "Hungarian",
"code": "hu"
},
{
"language": "Icelandic",
"code": "is"
},
{
"language": "Indonesian",
"code": "id"
},
{
"language": "Inuinnaqtun",
"code": "ikt"
},
{
"language": "Inuktitut",
"code": "iu"
},
{
"language": "Inuktitut (Latin)",
"code": "iu-Latn"
},
{
"language": "Irish",
"code": "ga"
},
{
"language": "Italian",
"code": "it"
},
{
"language": "Japanese",
"code": "ja"
},
{
"language": "Kannada",
"code": "kn"
},
{
"language": "Kazakh",
"code": "kk"
},
{
"language": "Khmer",
"code": "km"
},
{
"language": "Klingon",
"code": "tlh-Latn"
},
{
"language": "Klingon (plqaD)",
"code": "tlh-Piqd"
},
{
"language": "Korean",
"code": "ko"
},
{
"language": "Kurdish (Central)",
"code": "ku"
},
{
"language": "Kurdish (Northern)",
"code": "kmr"
},
{
"language": "Kyrgyz (Cyrillic)",
"code": "ky"
},
{
"language": "Lao",
"code": "lo"
},
{
"language": "Latvian",
"code": "lv"
},
{
"language": "Lithuanian",
"code": "lt"
},
{
"language": "Macedonian",
"code": "mk"
},
{
"language": "Malagasy",
"code": "mg"
},
{
"language": "Malay (Latin)",
"code": "ms"
},
{
"language": "Malayalam",
"code": "ml"
},
{
"language": "Maltese",
"code": "mt"
},
{
"language": "Maori",
"code": "mi"
},
{
"language": "Marathi",
"code": "mr"
},
{
"language": "Mongolian (Cyrillic)",
"code": "mn-Cyrl"
},
{
"language": "Mongolian (Traditional)",
"code": "mn-Mong"
},
{
"language": "Myanmar",
"code": "my"
},
{
"language": "Nepali",
"code": "ne"
},
{
"language": "Norwegian",
"code": "nb"
},
{
"language": "Odia",
"code": "or"
},
{
"language": "Pashto",
"code": "ps"
},
{
"language": "Persian",
"code": "fa"
},
{
"language": "Polish",
"code": "pl"
},
{
"language": "Portuguese (Brazil)",
"code": "pt"
},
{
"language": "Portuguese (Portugal)",
"code": "pt-pt"
},
{
"language": "Punjabi",
"code": "pa"
},
{
"language": "Queretaro Otomi",
"code": "otq"
},
{
"language": "Romanian",
"code": "ro"
},
{
"language": "Russian",
"code": "ru"
},
{
"language": "Samoan (Latin)",
"code": "sm"
},
{
"language": "Serbian (Cyrillic)",
"code": "sr-Cyrl"
},
{
"language": "Serbian (Latin)",
"code": "sr-Latn"
},
{
"language": "Slovak",
"code": "sk"
},
{
"language": "Slovenian",
"code": "sl"
},
{
"language": "Somali (Arabic)",
"code": "so"
},
{
"language": "Spanish",
"code": "es"
},
{
"language": "Swahili (Latin)",
"code": "sw"
},
{
"language": "Swedish",
"code": "sv"
},
{
"language": "Tahitian",
"code": "ty"
},
{
"language": "Tamil",
"code": "ta"
},
{
"language": "Tatar (Latin)",
"code": "tt"
},
{
"language": "Telugu",
"code": "te"
},
{
"language": "Thai",
"code": "th"
},
{
"language": "Tibetan",
"code": "bo"
},
{
"language": "Tigrinya",
"code": "ti"
},
{
"language": "Tongan",
"code": "to"
},
{
"language": "Turkish",
"code": "tr"
},
{
"language": "Turkmen (Latin)",
"code": "tk"
},
{
"language": "Ukrainian",
"code": "uk"
},
{
"language": "Upper Sorbian",
"code": "hsb"
},
{
"language": "Urdu",
"code": "ur"
},
{
"language": "Uyghur (Arabic)",
"code": "ug"
},
{
"language": "Uzbek (Latin",
"code": "uz"
},
{
"language": "Vietnamese",
"code": "vi"
},
{
"language": "Welsh",
"code": "cy"
},
{
"language": "Yucatec Maya",
"code": "yua"
},
{
"language": "Zulu",
"code": "zu"
}
]