Yidhra/TuiCss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #8 from ellisgl/issue-7

Browse Source 
#7  Convert to vanilla JS (ES6+). No more jQuery.
This commit is contained in:
Vinicius Reif Biavatti
2020-12-27 23:11:28 +00:00
committed by GitHub
parent d15e6415a8 de578dd6d4
commit 64b94b4f2c
18 changed files with 670 additions and 426 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
examples/bios.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>BIOS Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -52,6 +51,8 @@
</tbody>
</table>
</div>
<div class="tui-tab-content tui-content" id="tab-2-content">
</div>
<div class="tui-statusbar absolute cyan-168">
<ul>
<li><a href="#!"><span class="white-255-text">F1</span> Help</a></li>
@@ -67,4 +68,4 @@
</div>
</div>
</body>
</html>
</html>

3
examples/inputs.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Inputs Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
@@ -77,4 +76,4 @@
</div>
</body>
</html>
</html>

3
examples/modal.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Modal Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -32,4 +31,4 @@
</div>
</div>
</body>
</html>
</html>

3
examples/pc-startup.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>PC Startup Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -53,4 +52,4 @@
setTimeout(function() { $("#session-4").show(); }, 870);
});
</script>
</html>
</html>

2
examples/plugins/jquery-3.4.1.min.js vendored
View File

File diff suppressed because one or more lines are too long

3
examples/pocket-calculator.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Pocket Calculator Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -52,4 +51,4 @@
</script>
</body>
</html>
</html>

21
examples/progress-bar.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Progress Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -15,40 +14,40 @@
<div class="tui-window" style="text-align: left;">
<fieldset class="tui-fieldset">
<legend class="center">Progress</legend>
0% ............:
0% ............:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 0%"></span>
</div><br><br>
25% ...........:
25% ...........:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 25%"></span>
</div><br><br>
50% ...........:
50% ...........:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 50%"></span>
</div><br><br>
75% ...........:
75% ...........:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 75%"></span>
</div><br><br>
100% ..........:
100% ..........:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 100%"></span>
</div><br><br>
Texture bg ....:
Texture bg ....:
<div class="tui-progress-bar inline-block valign-middle tui-bg-blue-black">
<span class="tui-progress" style="width: 50%"></span>
</div><br><br>
Indeterminate .:
Indeterminate .:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-indeterminate"></span>
</div><br><br>
Labeled .......:
Labeled .......:
<div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress-label black-text">75%</span>
<span class="tui-progress" style="width: 75%"></span>
</div><br><br>
Custom ........:
Custom ........:
<div class="tui-progress-bar inline-block valign-middle red-255">
<span class="tui-progress green-255" style="width: 50%"></span>
</div>
@@ -57,4 +56,4 @@
</div>
</body>
</html>
</html>

5
examples/register.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Register Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
@@ -18,7 +17,7 @@
<body>
<div class="tui-screen-800-600 bordered white-168 tui-bg-blue-black center">
<div class="tui-window full-width tui-no-shadow left-align">
<fieldset class="tui-fieldset no-legend">
<ul>
@@ -123,4 +122,4 @@
</div>
</body>
</html>
</html>

3
examples/scandisk.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Scandisk Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
@@ -49,4 +48,4 @@
</div>
</div>
</body>
</html>
</html>

3
examples/table.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Table Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
@@ -253,4 +252,4 @@
</div>
</body>
</html>
</html>

5
examples/turbo-vision.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Turbo Vision Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
</head>
@@ -162,7 +161,7 @@
<textarea class="tui-textarea full-width" style="height: 493px; overflow: scroll;">#include &#60;iostream&#62;
using namespace std;
int main()
int main()
{
cout &#60;&#60; "Hello, World!";
return 0;
@@ -185,4 +184,4 @@ int main()
</div>
</body>
</html>
</html>

5
examples/window-and-panels.html
View File

@@ -4,7 +4,6 @@
<head>
<meta charset="UTF-8">
<title>Window and Panels Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css">
<style>
@@ -132,7 +131,7 @@
<textarea class="tui-textarea" style="width: 400px; height: 200px;">#include &#60;iostream&#62;
using namespace std;
int main()
int main()
{
cout &#60;&#60; "Hello, World!";
return 0;
@@ -168,4 +167,4 @@ int main()
</div>
</body>
</html>
</html>