Skip to content

Commit c1c87d0

Browse files
virtualvivekvirtualvivek
committed
Updated Docs.
1 parent 3d80962 commit c1c87d0

33 files changed

+1438
-251
lines changed

‎boilerplate/pages/page-1.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,14 @@
1919
<div class="app-navbar-topbar-mobile">
2020
<span class="app-navbar-toggle-button"></span>
2121
<div style="display: flex; justify-content: space-between; width: calc(100% - 60px);">
22-
<span class="app-navbar-name">Windows UI Web</span>
22+
<span class="app-navbar-name">Windows UI</span>
2323
<span class="app-navbar-name">Home</span>
2424
</div>
2525
</div>
2626
<nav class="animate">
2727
<div class="app-navbar-header">
2828
<span class="app-navbar-toggle-button"></span>
29-
<span class="app-navbar-name">Windows UI Web</span>
29+
<span class="app-navbar-name">Windows UI</span>
3030
</div>
3131
<ul class="app-navbar-list" id="app-navbar-list">
3232
<label class="app-navbar-theme-switch">

‎boilerplate/pages/page-2.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,14 +19,14 @@
1919
<div class="app-navbar-topbar-mobile">
2020
<span class="app-navbar-toggle-button"></span>
2121
<div style="display: flex; justify-content: space-between; width: calc(100% - 60px);">
22-
<span class="app-navbar-name">Windows UI Web</span>
22+
<span class="app-navbar-name">Windows UI</span>
2323
<span class="app-navbar-name">Home</span>
2424
</div>
2525
</div>
2626
<nav class="animate">
2727
<div class="app-navbar-header">
2828
<span class="app-navbar-toggle-button"></span>
29-
<span class="app-navbar-name">Windows UI Web</span>
29+
<span class="app-navbar-name">Windows UI</span>
3030
</div>
3131
<ul class="app-navbar-list" id="app-navbar-list">
3232
<label class="app-navbar-theme-switch">

‎dev-scripts.txt‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,11 +23,20 @@ Then -
2323

2424
npm install gulp
2525
npm install gulp-uglify
26-
npm install gulp-sourcemaps
2726
npm install gulp-concat
2827

2928
--compile--
3029

3130
gulp bundleJs
3231

32+
----------------------------------------------------------------------------
33+
34+
[ Gulp Docs Template Builder ] --------------
35+
Installing Gulp Pug
36+
npm install gulp-pug
37+
38+
--compile--
39+
40+
gulp compilePug
41+
3342
-----------------------------------------------------------------------------

‎dist/windows-ui-11.min.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/windows-ui.min.js‎

Lines changed: 3 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/_navbar.js‎

Lines changed: 27 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,19 @@ const navbar_items = [
99
"href": "gettingStarted.html",
1010
"icon": "<i class='icons10-terminal'></i>"
1111
},
12+
{
13+
"title": "Utilities",
14+
"href": "#"
15+
},
16+
{
17+
"title": "Classes",
18+
"href": "classes.html",
19+
"icon": "<i class='icons10-down-squared'></i>"
20+
},
21+
{
22+
"title": "Components",
23+
"href": "#"
24+
},
1225
{
1326
"title": "Accordion",
1427
"href": "accordion.html",
@@ -30,7 +43,7 @@ const navbar_items = [
3043
"icon": "<i class='icons10-checked-2'></i>"
3144
},
3245
{
33-
"title": "InputText",
46+
"title": "Inputs",
3447
"href": "inputText.html",
3548
"icon": "<i class='icons10-keyboard'></i>"
3649
},
@@ -72,26 +85,24 @@ const navbar_items = [
7285
];
7386

7487
function init_navbar_ul(active_item="Home", path="root") {
75-
for (const navbar_item of navbar_items) {
7688

89+
for (const navbar_item of navbar_items) {
7790
const is_active = navbar_item.title === active_item ? 'active' : '';
78-
7991
const is_path = path === "root" ? "./docs/" : "./";
80-
navbar_item.icon = navbar_item.icon.replace('./', is_path);
92+
navbar_item.icon = navbar_item.icon?.replace('./', is_path);
8193

82-
const dividerHeader = `<h1>Components</h1><div class="app-hr"></div>`;
83-
if(navbar_items.indexOf(navbar_item) === 2) {
84-
document.getElementById("app-navbar-list").innerHTML += dividerHeader;
94+
let item;
95+
if(navbar_item.href == "#") {
96+
item = `<h1>${navbar_item.title}</h1><div class="app-hr"></div>`;
97+
}
98+
else {
99+
item = `<li class="app-navbar-list-item">
100+
<a href=${is_path}${navbar_item.href} class="${is_active}">
101+
${navbar_item.icon}
102+
<span>${navbar_item.title}</span>
103+
</a>
104+
</li>`;
85105
}
86-
87-
const item = `<li class="app-navbar-list-item">
88-
<a href=${is_path}${navbar_item.href} class="${is_active}">
89-
${navbar_item.icon}
90-
<span>${navbar_item.title}</span>
91-
</a>
92-
</li>`;
93-
94106
document.getElementById("app-navbar-list").innerHTML += item;
95-
//console.log(navbar_items.indexOf(navbar_item));
96107
};
97108
}

‎docs/accordion.html‎

Lines changed: 26 additions & 54 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<title>windows-ui-web</title>
4+
<title>Windows UI</title>
55
<meta charset="UTF-8" />
66
<meta name="theme-color" content="#EEE" />
77
<meta name="mobile-web-app-capable" content="yes" />
@@ -17,61 +17,30 @@
1717
<link rel="stylesheet" type="text/css" href="../dist/windows-ui-11.min.css" />
1818
</head>
1919
<body>
20-
<div id="app-navbar-wrap-id" class="app-navbar-wrap">
21-
<div class="app-navbar-topbar-mobile">
22-
<span class="app-navbar-toggle-button"></span>
23-
<div style="display: flex; justify-content: space-between; width: calc(100% - 60px);">
24-
<span class="app-navbar-name">Windows UI Web</span>
25-
<span class="app-navbar-name">Home</span>
26-
</div>
27-
</div>
28-
<nav class="animate">
29-
<div class="app-navbar-header">
30-
<span class="app-navbar-toggle-button"></span>
31-
<span class="app-navbar-name">Windows UI Web</span>
32-
</div>
33-
<ul class="app-navbar-list" id="app-navbar-list">
34-
<!-- <div class="app-nav-search" title="Search Docs">
35-
<div class="app-input-search-box">
36-
<input class="app-input-text" type="search" placeholder="Search Docs v4.0.x" value="">
37-
</div>
38-
<div class="app-search-dialog-trigger">
39-
<i class="icons10-search"></i>
40-
</div>
41-
<div class="app-search-dialog">
42-
<input class="app-input-text" type="search" placeholder="Search Docs v4.0.x" value="">
43-
<button class="font-size-16px"><i class="icons10-cross"></i></button>
44-
</div>
45-
</div> -->
46-
<label class="app-navbar-theme-switch">
47-
<input id="app-navbar-theme-switch" type="checkbox" checked>
48-
<div class="app-navbar-theme-switch-view"></div>
49-
<span id="app-navbar-theme-switch-text">Day Mode</span>
50-
</label>
51-
</ul>
52-
</nav>
53-
<div class="app-navbar-overlay"></div>
54-
</div>
20+
<script src="js/Navigator.js"></script>
5521

5622
<div class="app-section-container has-padding">
5723
<h1>Accordion</h1>
58-
<p><span class="color-primary">Accordion</span> component used to show (and hide) content, it collapsed on hide and expand on show state.</p>
59-
60-
<div class="app-accordion-item" style="width: 280px;">
61-
<div class="app-accordion-title focused">
62-
<div>Some Title</div>
63-
<i class="icons10-angle-down"></i>
24+
<p>
25+
<span class="color-primary">Accordion</span> component used to show (and hide) content, it collapsed on hide and expand on show state.
26+
</p>
27+
28+
<div class="app-accordion" style="width: 280px;">
29+
<div class="app-accordion-header">
30+
<div class="app-accordion-title">
31+
<span>Some Title</span><i class="icons10-angle-down"></i>
32+
</div>
6433
</div>
65-
<div class="app-accordion-content">
66-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
67-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
68-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
34+
<div class="app-accordion-panel">
35+
<p>
36+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
6937
</p>
7038
</div>
7139
</div>
7240

73-
<pre><code id="code_view_1"></code></pre>
41+
<h2>Usage</h2>
7442

43+
<pre><code id="code_view_1"></code></pre>
7544
</div>
7645
</body>
7746
<script src="./_navbar.js"></script>
@@ -83,15 +52,18 @@ <h1>Accordion</h1>
8352
<script>
8453
document.getElementById("code_view_1").innerHTML =
8554
hljs.highlightAuto(`
86-
<div class="app-accordion-item" style="width: 280px;">
87-
<div class="app-accordion-title focused">
88-
<div>Some Title</div>
89-
<i class="icons10-angle-down"></i>
55+
<div class="app-accordion" style="width: 280px;">
56+
<div class="app-accordion-header">
57+
<div class="app-accordion-title">
58+
<span>Some Title</span><i class="icons10-angle-down"></i>
59+
</div>
9060
</div>
91-
<div class="app-accordion-content">
61+
<div class="app-accordion-panel">
9262
<p>
93-
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
94-
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
63+
Lorem ipsum dolor sit amet, consectetur adipiscing elit,
64+
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
65+
Ut enim ad minim veniam,
66+
quis nostrud exercitation ullamco.
9567
</p>
9668
</div>
9769
</div>

0 commit comments

Comments
 (0)