1c/curlone
1
0
Fork 0
mirror of https://github.com/alei1180/curlone.git synced 2025-11-26 23:10:24 +02:00
Code Releases Activity

Merge pull request #191 from pinkycat/feat/189/add_lang_switches

Browse Source
This commit is contained in:
Alexander Osadchy
2025-03-04 22:44:07 +04:00
committed by GitHub
parent eee8c5709f bc0bd5d8dc
commit a3b03df8d1
1 changed files with 71 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
src/interface/view/index.html
View File

@@ -216,7 +216,38 @@ input[type='radio']:checked {
} }
div.outputHeader {
flex-flow: row;
justify-content: space-between;
width: 100%;
}
div.langSwitches {
flex-flow: row nowrap;
margin-bottom: -1px;
}
button {
display: inline;
font-family: 'PT Mono', monospace;
font-weight: 400;
font-size: 1em;
border:1px solid black;
background-color: #fff;
}
.btnBlack {
background-color: #000;
color: #fff;
}
.langRu {
margin-right:-1px;
border-radius: 3px 0 0 0;
}
.langEn {
border-radius: 0 3px 0 0;
}
@media only screen and (320px <=device-width <=430px) and (-webkit-device-pixel-ratio : 2) { @media only screen and (320px <=device-width <=430px) and (-webkit-device-pixel-ratio : 2) {
@@ -294,11 +325,15 @@ input[type='radio']:checked {
input[type="radio"] { input[type="radio"] {
font-size: 1.3em; font-size: 1.3em;
} }
button {
font-size: 1.5em;
padding: 5px 20px;
}
} }
</style> </style>
<script type="module"> <script type="module">
import theme from '/static/shiki/themes/github-light.js'; import theme from '/static/shiki/themes/github-light.js';
@@ -319,6 +354,7 @@ input[type='radio']:checked {
let convertButton = document.getElementById("convert"); let convertButton = document.getElementById("convert");
let convertInput = document.getElementById("command"); let convertInput = document.getElementById("command");
function convert() { function convert() {
let command = getCommand(); let command = getCommand();
let lang = getLang(); let lang = getLang();
@@ -477,24 +513,21 @@ input[type='radio']:checked {
enableRequests(); enableRequests();
</script> </script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="logo"> <div class="logo">
<img src="images/curlone-logo.png" alt="curlone" height="200px" /> <img src="images/curlone-logo.png" alt="curlone" height="200px" />
</div> </div>
</div> </div>
<div class="container" style="margin-bottom:30px;"> <div class="container" style="margin-bottom:30px;">ё
<div> <div>
<form name="curl"> <form name="curl">
<label for="command">Команда curl<sup><sup><sup>(bash)</sup></sup></sup></label> <label for="command">Команда curl<sup><sup><sup>(bash)</sup></sup></sup></label>
<textarea name="command" id="command" spellcheck="false" wrap="off" placeholder="curl example.com" <textarea name="command" id="command" spellcheck="false" wrap="off" placeholder="curl example.com"
required></textarea> required></textarea>
<div class="convertsyntax"> <div class="convertsyntax">
<input type="button" id="convert" value="Конвертировать" <input type="button" id="convert" value="Конвертировать" onmouseover="this.classList.add('hoveredbutton')"
onmouseover="this.classList.add('hoveredbutton')" onmouseout="this.classList.remove('hoveredbutton')" ontouchstart="this.classList.add('hoveredbutton')"
onmouseout="this.classList.remove('hoveredbutton')"
ontouchstart="this.classList.add('hoveredbutton')"
ontouchend="this.classList.remove('hoveredbutton')"> ontouchend="this.classList.remove('hoveredbutton')">
<div class="checkboxgroup" style=""> <div class="checkboxgroup" style="">
<div class="singlecheckbox"> <div class="singlecheckbox">
@@ -515,7 +548,13 @@ input[type='radio']:checked {
</div> </div>
<div class="container"> <div class="container">
<div> <div>
<div class="outputHeader">
<div class="outputlabel">Код 1C</div> <div class="outputlabel">Код 1C</div>
<div class="langSwitches">
<button name="RuLang" type="button" class="langRu" id="btnLangRu" onclick="changeBtnBgColor(this)">ru</button>
<button name="EnLang" type="button" class="langEn" id="btnLangEn" onclick="changeBtnBgColor(this)">en</button>
</div>
</div>
<div tabindex="0" id="output" class="output"></div> <div tabindex="0" id="output" class="output"></div>
<input type="button" id="copy" value="Скопировать" onmouseover="this.classList.add('hoveredbutton')" <input type="button" id="copy" value="Скопировать" onmouseover="this.classList.add('hoveredbutton')"
onmouseout="this.classList.remove('hoveredbutton')" ontouchstart="this.classList.add('hoveredbutton')" onmouseout="this.classList.remove('hoveredbutton')" ontouchstart="this.classList.add('hoveredbutton')"
@@ -531,6 +570,27 @@ input[type='radio']:checked {
<a href="https://github.com/autumn-library/winow" target="_blank">Winow</a> <a href="https://github.com/autumn-library/winow" target="_blank">Winow</a>
</p> </p>
</div> </div>
<script>
let elBtnLangRu = document.getElementById("btnLangRu");
let elBtnLangEn = document.getElementById("btnLangEn");
function changeBtnBgColor(e) {
if (e == elBtnLangRu) {
e.classList.add("btnBlack");
elBtnLangEn.classList.remove("btnBlack");
} else if (e == elBtnLangEn) {
e.classList.add("btnBlack");
elBtnLangRu.classList.remove("btnBlack");
}
}
changeBtnBgColor(elBtnLangRu);
</script>
</body> </body>
</html> </html>