Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ✨ Append caption to textarea

Browse Source
This commit is contained in:
ThatOneCalculator 2022-10-27 15:28:02 -07:00
parent 2f8255cd5a
commit d459cb8ba2
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc.6.1", "version": "12.119.0-calc.6.2",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

6
packages/client/src/components/MkMediaCaption.vue
View File

@ -7,7 +7,6 @@
<Mfm v-if="title" class="title" :text="title"/> <Mfm v-if="title" class="title" :text="title"/>
<span class="text-count" :class="{ over: remainingLength < 0 }">{{ remainingLength }}</span> <span class="text-count" :class="{ over: remainingLength < 0 }">{{ remainingLength }}</span>
<br/> <br/>
<span id="recognized-text"></span>
</header> </header>
<textarea id="captioninput" v-model="inputValue" autofocus :placeholder="input.placeholder" @keydown="onInputKeydown"></textarea> <textarea id="captioninput" v-model="inputValue" autofocus :placeholder="input.placeholder" @keydown="onInputKeydown"></textarea>
<div v-if="(showOkButton || showCaptionButton || showCancelButton)" class="buttons"> <div v-if="(showOkButton || showCaptionButton || showCancelButton)" class="buttons">
@ -142,12 +141,11 @@ export default defineComponent({
caption() { caption() {
const img = document.getElementById('imgtocaption') as HTMLImageElement; const img = document.getElementById('imgtocaption') as HTMLImageElement;
const ta = document.getElementById('captioninput') as HTMLTextAreaElement;
os.api('drive/files/caption-image', { os.api('drive/files/caption-image', {
url: img.src, url: img.src,
}).then(text => { }).then(text => {
document.getElementById('recognized-text').innerText = text; ta.value += text.slice(0, (512 - ta.value.length));
const allowedLength = 512 - this.inputValue.length;
this.inputValue += text.slice(0, allowedLength);
}); });
}, },
}, },