-
Notifications
You must be signed in to change notification settings - Fork 50
/
demo_detect.php
127 lines (109 loc) · 4.46 KB
/
demo_detect.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<?php
/**
* Minimal class autoloader
*
* @param string $class Full qualified name of the class
*/
function miniAutoloader(string $class)
{
$class = str_replace('\\', '/', $class);
require __DIR__ . '/../src/' . $class . '.php';
}
// If the Composer autoloader exists, use it. If not, use our own as fallback.
$composerAutoloader = __DIR__.'/../vendor/autoload.php';
if (is_readable($composerAutoloader)) {
require $composerAutoloader;
} else {
spl_autoload_register('miniAutoloader');
}
$key = $_POST['key'] ?? null;
$text = $_POST['text'] ?? null;
$deepLy = new ChrisKonnertz\DeepLy\DeepLy($key ?? '');
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DeepLy Demo - Language Detection</title>
<link rel="shortcut icon" href="https://www.google.com/s2/favicons?domain=deepl.com">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/framy/latest/css/framy.min.css">
<style>
body { padding: 20px }
h1 { margin-bottom: 40px }
h4 { margin-top: 40px }
textarea { resize: vertical; }
blockquote { margin-left: 0; margin-right: 0; }
pre { white-space: pre; }
footer { color: #aaa }
div.success { border: 1px solid #4ce276; margin-top: 20px; padding: 10px; border-top-width: 10px }
div.error { border: 1px solid #f36362; margin-top: 20px; padding: 10px; border-top-width: 10px }
.button-group { margin-bottom: 20px }
.content { margin-bottom: 20px; padding: 20px; box-shadow: 0 1px 3px 0 #c8c8c8; }
</style>
</head>
<body>
<h1>DeepLy Demo</h1>
<div class="button-group">
<a class="button border" href="demo_translate.php">Translate</a>
<a class="button " href="demo_detect.php">Detect</a>
<a class="button border" href="demo_glossaries.php">Glossaries</a>
<a class="button border" href="demo_documents.php">Documents</a>
<a class="button border" href="demo_ping.php">Ping</a>
</div>
<div class="content">
<form method="POST">
<div class="form-element">
<label for="key">API Key:</label>
<input type="text" id="key" class="form-field" name="key" value="<?php echo $key?? '' ?>" placeholder="Get your API key from DeepL.com">
</div>
<div class="form-element">
<label for="text">Text:</label>
<textarea id="text" class="form-field" name="text" rows="4"><?php echo $text !== null ? $text : 'Hello world!' ?></textarea>
</div>
<div id="ping-result"></div>
<input type="submit" value="Detect Language" class="button">
<div class="block result">
<?php
if ($text !== null) {
try {
$result = $deepLy->detectLanguage($text);
echo '<div class="success">Language detected: <blockquote><b>' . $result . '</b></blockquote></div>';
} catch (\Exception $exception) {
echo '<div class="error">'.$exception->getMessage().'</div>';
die();
}
}
?>
</div>
</form>
</div>
<footer class="block">
<small>
Version <?php echo ChrisKonnertz\DeepLy\DeepLy::VERSION ?>.
This is not an official package.
It is 100% open source and non-commercial.
DeepL is a product from DeepL GmbH. More info:
<a href="https://www.deepl.com/publisher.html">www.deepl.com/publisher.html</a>
</small>
</footer>
<script>
(
// Use DeepLy's ping method to check if the API server is reachable
function()
{
const request = new XMLHttpRequest();
request.addEventListener('readystatechange', function() {
if (request.readyState === XMLHttpRequest.DONE) {
if (request.status !== 200 || request.responseText !== '1') {
document.getElementById('ping-result').innerHTML =
'<div class="error"><b>WARNING:</b> API seems unreachable.</div>';
}
}
});
request.open('GET', 'demo_ping.php?simple=1', true);
request.send();
}
)();
</script>
</body>
</html>