-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpopup.html
92 lines (91 loc) · 4.21 KB
/
popup.html
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
<!doctype html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/font-awesome.min.css"></link>
<link rel="stylesheet" href="./css/bootstrap.min.css"></link>
<link rel="stylesheet" href="./css/popup.css"></link>
<script src="./js/jquery-2.1.4.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/content.js"></script>
<script src="./js/translate_server.js"></script>
<script src="./js/translate.js"></script>
<title>Getting Started Extension's Popup</title>
</head>
<body>
<div class = "container source">
<div class="row">
<div class="header col-xs-4">
Moses Translator
</div>
<div class="header col-xs-8"></div>
</div>
<div class="row" id="optionSelectionMenu">
<div class="col-xs-10">
<div class="row" id="languageSelectionMenu">
<div class="col-xs-5">
<div class = "btn-group text-gray">
<button class="btn btn-secondary btn-sm text-gray dropdown-toggle" id="fromDropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="fromText" class="ui-button-text">Source</span>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="sourceLanguageMenu">
</ul>
</div>
</div>
<div class="col-xs-2"><p><i class="fa fa-long-arrow-right" aria-hidden="true"></i></p></div>
<div class="col-xs-5">
<div class = "btn-group">
<button class="btn btn-secondary btn-sm dropdown-toggle" id="fromDropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="toText" class="ui-button-text">Target</span>
<span class="caret"></span>
</button>
<div class="dropdown-menu" id="targetLanguageMenu">
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-2">
<div class = "btn-group">
<button class="btn btn-secondary btn-sm dropdown-toggle" id="mtDropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span id="translationModel" class="ui-button-text" value="yandex">Translation</span>
<span class="caret"></span>
</button>
<div class="dropdown-menu" id="translationMenu">
<li><a class="dropdown-item" href="#" value="yandex">Yandex</a></li>
<li><a class="dropdown-item" href="#" value="moses">Moses</a></li>
</div>
</div>
</div>
</div>
<div class = "container label-container">
<div class="row" id="inputTextRow">
<div class="col-xs-10">
<textarea class="form-control" rows="1" id="inputText"></textarea>
</div>
<div class="col-xs-2 nopadding-left">
<button type="submit" class="s-button btn btn-sm" id="submitBtn">TRANSLATE</button>
</div>
</div>
</div>
<div class="container label-container" align="center">
<div id="lspinner" class="hidden">
<i class="fa fa-circle-o-notch fa-spin fa-2x fa-fw margin-bottom"></i>
<span class="sr-only">Loading...</span>
</div>
<span id ="translatePageBtn" class="unhidden"><a href="#">TRANSLATE THIS PAGE</a></span>
</div>
<div class="row">
<div class="footer" id="footerLinks">
<p>© 2016 Samantha Siow, Carla Castro<br>
Translation by <a href="https://tech.yandex.com/translate/">Yandex</a> and <a href="http://www.statmt.org/moses/">Moses</a></p>
</div>
</div>
</div>
</body>
</html>
</div>
</body>
</html>