Klemek
27 lines
933 B
HTML
27 lines
933 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Wikipedia Translator</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
|
|
<script type="text/javascript" src="js/utils.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<main id="app">
|
|
<h2>Wikipedia Translator</h2>
|
|
<div id="query">
|
|
<input v-model="query" placeholder="Search something..." v-on:keyup.enter="doQuery"/>
|
|
<select v-model="lang">
|
|
<option v-for="l in globals.langs" v-bind:value="l.v">{{l.n}}</option>
|
|
</select>
|
|
<button v-on:click="doQuery">Go</button>
|
|
</div>
|
|
<div v-if="res">
|
|
<h2><a v-bind:href="res.url" target="_blank">{{res.title}}</a></h2>
|
|
<h3 v-if="res.extract">{{res.extract}}</h3>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html> |