Skip to content

Commit 9a2fc98

Browse files
kariminfkariminf
committed
fix the docs and examples
1 parent 4f19c8a commit 9a2fc98

File tree

15 files changed

+270
-1738
lines changed

15 files changed

+270
-1738
lines changed

‎docs/call.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
//var path = "../dist/";
2+
var path = "https://unpkg.com/jslingua@latest/dist/";
3+
4+
function addScript(name){
5+
document.write('<script type="text/javascript" src="' + path + name + '"><\/script>');
6+
}

‎docs/index.html‎

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,24 @@ <h1>JsLingua</h1>
4646
<div class="content-wrapper">
4747
<div class="content">
4848
<h1>Modules:</h1>
49-
50-
<!-- Module 1: Lang -->
5149
<div class="pure-g">
50+
<!-- Module 1: Info -->
51+
52+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
53+
<h3>
54+
Lang module:
55+
</h3>
56+
<p>
57+
This module is responsible of language information.
58+
It affords information such as the name, family, writing direction, etc. of a language.
59+
</p>
60+
<p>
61+
<a href="lang.html" class="pure-button pure-button-secondary">Test it</a>
62+
</p>
63+
</div>
64+
65+
<!-- Module 2: Lang -->
66+
5267
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
5368
<h3>
5469
Lang module:
@@ -63,7 +78,7 @@ <h3>
6378
</p>
6479
</div>
6580

66-
<!-- Module 2: Trans -->
81+
<!-- Module 3: Trans -->
6782
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
6883
<h3 class="info-subhead">
6984
Trans module:
@@ -76,11 +91,14 @@ <h3 class="info-subhead">
7691
<a href="trans.html" class="pure-button pure-button-secondary">Test it</a>
7792
</p>
7893
</div>
94+
95+
96+
7997
</div>
8098

81-
<h1>Showcases:</h1>
99+
<h1>Use Cases:</h1>
82100

83-
<!-- Showcase 1: Morse -->
101+
<!-- usecase 1: Morse -->
84102
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
85103
<h3 class="info-subhead">
86104
Morse code:

‎docs/info.html‎

Lines changed: 160 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Language test</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="use/pure-min.css">
8+
<link rel="stylesheet" href="use/grids-responsive-min.css">
9+
<link rel="stylesheet" href="use/jslingua.css">
10+
11+
<script type="text/javascript" src="call.js"></script>
12+
<script type="text/javascript">
13+
addScript("jslingua.min.js");
14+
addScript("info.min.js");
15+
addScript("ara.info.min.js");
16+
addScript("jpn.info.min.js");
17+
</script>
18+
19+
<script type="text/javascript">
20+
21+
function loading(){
22+
var e = document.getElementById("l");
23+
24+
var langIDs = JsLingua.serviceLanguages("Info");
25+
var i;
26+
for (i = 0; i < langIDs.length; i++){
27+
var option = document.createElement("option");
28+
option.text = langIDs[i];
29+
e.add(option);
30+
}
31+
32+
update();
33+
34+
}
35+
36+
function setTester (){
37+
var e = document.getElementById("l");
38+
var langID = e.options[e.selectedIndex].text;
39+
var LangClass = JsLingua.getService("Lang", langID);
40+
tester = new LangClass();
41+
cs = tester.availableCharSets();
42+
}
43+
44+
function update(){
45+
var e = document.getElementById("l");
46+
var langID = e.options[e.selectedIndex].text;
47+
var LangClass = JsLingua.getService("Info", langID);
48+
var info = new LangClass();
49+
50+
document.getElementById("name").innerHTML = info.getName();
51+
document.getElementById("family").innerHTML = info.getFamily();
52+
document.getElementById("branch").innerHTML =
53+
(info.getBranch() === "")? "None": info.getBranch();
54+
document.getElementById("dir").innerHTML =
55+
(info.getDir() === "rtl")? "Right to Left": "Left to Right";
56+
document.getElementById("wo").innerHTML =
57+
info.getWordOrder().replace("s", "Subject ").replace("o", "Object ").replace("v", "Verb ");
58+
document.getElementById("pop").innerHTML = info.getPopulation() + " persons";
59+
document.getElementById("loc").innerHTML = info.getLocations().join(", ");
60+
document.getElementById("dia").innerHTML = info.getDialects(). join(", ");
61+
62+
}
63+
64+
function htmlEntities(str) {
65+
return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
66+
}
67+
68+
</script>
69+
70+
</head>
71+
<body>
72+
<div class="pure-menu pure-menu-horizontal pure-menu-fixed">
73+
<a class="pure-menu-heading" href="index.html">home</a>
74+
</div>
75+
76+
77+
<div class="content-wrapper">
78+
<div class="content pure-g">
79+
80+
<div class="pure-u-1">
81+
<fieldset class="k-fieldset">
82+
<legend>Language</legend>
83+
<label>Choose the language:</label>
84+
<select id="l" class="k-select" onchange="update()">
85+
</select>
86+
</fieldset>
87+
</div>
88+
89+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
90+
<fieldset class="k-fieldset">
91+
<legend>Language name</legend>
92+
<div id="name"></div>
93+
</fieldset>
94+
</div>
95+
96+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
97+
<fieldset class="k-fieldset">
98+
<legend>Language family</legend>
99+
<div id="family"></div>
100+
</fieldset>
101+
</div>
102+
103+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
104+
<fieldset class="k-fieldset">
105+
<legend>Language branch</legend>
106+
<div id="branch"></div>
107+
</fieldset>
108+
</div>
109+
110+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
111+
<fieldset class="k-fieldset">
112+
<legend>Writing direction</legend>
113+
<div id="dir"></div>
114+
</fieldset>
115+
</div>
116+
117+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
118+
<fieldset class="k-fieldset">
119+
<legend>Words order</legend>
120+
<div id="wo"></div>
121+
</fieldset>
122+
</div>
123+
124+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
125+
<fieldset class="k-fieldset">
126+
<legend>Native speakers approx.</legend>
127+
<div id="pop"></div>
128+
</fieldset>
129+
</div>
130+
131+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
132+
<fieldset class="k-fieldset">
133+
<legend>Official in</legend>
134+
<div id="loc"></div>
135+
</fieldset>
136+
</div>
137+
138+
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3">
139+
<fieldset class="k-fieldset">
140+
<legend>Dialects</legend>
141+
<div id="dia"></div>
142+
</fieldset>
143+
</div>
144+
145+
146+
147+
</div>
148+
149+
<div class="footer">
150+
<div class="footer-vcenter">
151+
Copyright 2016 Abdelkrime Aries.
152+
</div>
153+
</div>
154+
</div>
155+
156+
<script>
157+
loading();
158+
</script>
159+
</body>
160+
</html>

‎docs/js/ara.info.js‎

Lines changed: 0 additions & 62 deletions
This file was deleted.

0 commit comments

Comments
 (0)