Skip to content

Commit a1dcc48

Browse files
mrholekmrholek
committed
initial release
0 parents  commit a1dcc48

File tree

147 files changed

+4155
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

147 files changed

+4155
-0
lines changed

‎.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.DS_Store
2+
package-lock.json
3+
tsconfig.json
4+
5+
# Folders to ignore
6+
node_modules

‎dist/aside/app-aside.component.d.ts

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
import { OnInit } from '@angular/core';
2+
export declare class AppAsideComponent implements OnInit {
3+
display: string;
4+
fixed: boolean;
5+
offCanvas: boolean;
6+
constructor();
7+
ngOnInit(): void;
8+
isFixed(fixed: boolean): void;
9+
isOffCanvas(offCanvas: boolean): void;
10+
displayBreakpoint(display: string): void;
11+
}

‎dist/aside/app-aside.component.html

Lines changed: 253 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,253 @@
1+
<aside class="aside-menu">
2+
<tabset>
3+
<tab>
4+
<ng-template tabHeading><i class="icon-list"></i></ng-template>
5+
<div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase">
6+
<small><b>Today</b></small>
7+
</div>
8+
<hr class="transparent mx-3 my-0">
9+
<div class="callout callout-warning m-0 py-3">
10+
<div class="avatar float-right">
11+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
12+
</div>
13+
<div>Meeting with <strong>Lucas</strong></div>
14+
<small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
15+
<small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA </small>
16+
</div>
17+
<hr class="mx-3 my-0">
18+
<div class="callout callout-info m-0 py-3">
19+
<div class="avatar float-right">
20+
<img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
21+
</div>
22+
<div>Skype with <strong>Megan</strong></div>
23+
<small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 4 - 5pm</small>
24+
<small class="text-muted"><i class="icon-social-skype"></i>&nbsp; On-line </small>
25+
</div>
26+
<hr class="transparent mx-3 my-0">
27+
<div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase">
28+
<small><b>Tomorrow</b></small>
29+
</div>
30+
<hr class="transparent mx-3 my-0">
31+
<div class="callout callout-danger m-0 py-3">
32+
<div>New UI Project - <strong>deadline</strong></div>
33+
<small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 10 - 11pm</small>
34+
<small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ </small>
35+
<div class="avatars-stack mt-2">
36+
<div class="avatar avatar-xs">
37+
<img src="assets/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
38+
</div>
39+
<div class="avatar avatar-xs">
40+
<img src="assets/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
41+
</div>
42+
<div class="avatar avatar-xs">
43+
<img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
44+
</div>
45+
<div class="avatar avatar-xs">
46+
<img src="assets/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
47+
</div>
48+
<div class="avatar avatar-xs">
49+
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
50+
</div>
51+
</div>
52+
</div>
53+
<hr class="mx-3 my-0">
54+
<div class="callout callout-success m-0 py-3">
55+
<div><strong>#10 Startups.Garden</strong> Meetup</div>
56+
<small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 1 - 3pm</small>
57+
<small class="text-muted"><i class="icon-location-pin"></i>&nbsp; Palo Alto, CA </small>
58+
</div>
59+
<hr class="mx-3 my-0">
60+
<div class="callout callout-primary m-0 py-3">
61+
<div><strong>Team meeting</strong></div>
62+
<small class="text-muted mr-3"><i class="icon-calendar"></i>&nbsp; 4 - 6pm</small>
63+
<small class="text-muted"><i class="icon-home"></i>&nbsp; creativeLabs HQ </small>
64+
<div class="avatars-stack mt-2">
65+
<div class="avatar avatar-xs">
66+
<img src="assets/img/avatars/2.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
67+
</div>
68+
<div class="avatar avatar-xs">
69+
<img src="assets/img/avatars/3.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
70+
</div>
71+
<div class="avatar avatar-xs">
72+
<img src="assets/img/avatars/4.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
73+
</div>
74+
<div class="avatar avatar-xs">
75+
<img src="assets/img/avatars/5.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
76+
</div>
77+
<div class="avatar avatar-xs">
78+
<img src="assets/img/avatars/6.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
79+
</div>
80+
<div class="avatar avatar-xs">
81+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
82+
</div>
83+
<div class="avatar avatar-xs">
84+
<img src="assets/img/avatars/8.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
85+
</div>
86+
</div>
87+
</div>
88+
<hr class="mx-3 my-0">
89+
</tab>
90+
<tab>
91+
<ng-template tabHeading><i class="icon-speech"></i></ng-template>
92+
<div class="p-3">
93+
<div class="message">
94+
<div class="py-3 pb-5 mr-3 float-left">
95+
<div class="avatar">
96+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
97+
<span class="avatar-status badge-success"></span>
98+
</div>
99+
</div>
100+
<div>
101+
<small class="text-muted">Lukasz Holeczek</small>
102+
<small class="text-muted float-right mt-1">1:52 PM</small>
103+
</div>
104+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
105+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
106+
</div>
107+
<hr>
108+
<div class="message">
109+
<div class="py-3 pb-5 mr-3 float-left">
110+
<div class="avatar">
111+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
112+
<span class="avatar-status badge-success"></span>
113+
</div>
114+
</div>
115+
<div>
116+
<small class="text-muted">Lukasz Holeczek</small>
117+
<small class="text-muted float-right mt-1">1:52 PM</small>
118+
</div>
119+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
120+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
121+
</div>
122+
<hr>
123+
<div class="message">
124+
<div class="py-3 pb-5 mr-3 float-left">
125+
<div class="avatar">
126+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
127+
<span class="avatar-status badge-success"></span>
128+
</div>
129+
</div>
130+
<div>
131+
<small class="text-muted">Lukasz Holeczek</small>
132+
<small class="text-muted float-right mt-1">1:52 PM</small>
133+
</div>
134+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
135+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
136+
</div>
137+
<hr>
138+
<div class="message">
139+
<div class="py-3 pb-5 mr-3 float-left">
140+
<div class="avatar">
141+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
142+
<span class="avatar-status badge-success"></span>
143+
</div>
144+
</div>
145+
<div>
146+
<small class="text-muted">Lukasz Holeczek</small>
147+
<small class="text-muted float-right mt-1">1:52 PM</small>
148+
</div>
149+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
150+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
151+
</div>
152+
<hr>
153+
<div class="message">
154+
<div class="py-3 pb-5 mr-3 float-left">
155+
<div class="avatar">
156+
<img src="assets/img/avatars/7.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
157+
<span class="avatar-status badge-success"></span>
158+
</div>
159+
</div>
160+
<div>
161+
<small class="text-muted">Lukasz Holeczek</small>
162+
<small class="text-muted float-right mt-1">1:52 PM</small>
163+
</div>
164+
<div class="text-truncate font-weight-bold">Lorem ipsum dolor sit amet</div>
165+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small>
166+
</div>
167+
</div>
168+
</tab>
169+
<tab>
170+
<ng-template tabHeading><i class="icon-settings"></i></ng-template>
171+
<div class="p-3">
172+
<h6>Settings</h6>
173+
174+
<div class="aside-options">
175+
<div class="clearfix mt-4">
176+
<small><b>Option 1</b></small>
177+
<label class="switch switch-text switch-pill switch-success switch-sm float-right">
178+
<input type="checkbox" class="switch-input" checked>
179+
<span class="switch-label" data-on="On" data-off="Off"></span>
180+
<span class="switch-handle"></span>
181+
</label>
182+
</div>
183+
<div>
184+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
185+
</div>
186+
</div>
187+
188+
<div class="aside-options">
189+
<div class="clearfix mt-3">
190+
<small><b>Option 2</b></small>
191+
<label class="switch switch-text switch-pill switch-success switch-sm float-right">
192+
<input type="checkbox" class="switch-input">
193+
<span class="switch-label" data-on="On" data-off="Off"></span>
194+
<span class="switch-handle"></span>
195+
</label>
196+
</div>
197+
<div>
198+
<small class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small>
199+
</div>
200+
</div>
201+
202+
<div class="aside-options">
203+
<div class="clearfix mt-3">
204+
<small><b>Option 3</b></small>
205+
<label class="switch switch-text switch-pill switch-success switch-sm float-right">
206+
<input type="checkbox" class="switch-input">
207+
<span class="switch-label" data-on="On" data-off="Off"></span>
208+
<span class="switch-handle"></span>
209+
</label>
210+
</div>
211+
</div>
212+
213+
<div class="aside-options">
214+
<div class="clearfix mt-3">
215+
<small><b>Option 4</b></small>
216+
<label class="switch switch-text switch-pill switch-success switch-sm float-right">
217+
<input type="checkbox" class="switch-input" checked>
218+
<span class="switch-label" data-on="On" data-off="Off"></span>
219+
<span class="switch-handle"></span>
220+
</label>
221+
</div>
222+
</div>
223+
224+
<hr>
225+
<h6>System Utilization</h6>
226+
227+
<div class="text-uppercase mb-1 mt-4"><small><b>CPU Usage</b></small></div>
228+
<div class="progress progress-xs">
229+
<div class="progress-bar bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
230+
</div>
231+
<small class="text-muted">348 Processes. 1/4 Cores.</small>
232+
233+
<div class="text-uppercase mb-1 mt-2"><small><b>Memory Usage</b></small></div>
234+
<div class="progress progress-xs">
235+
<div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
236+
</div>
237+
<small class="text-muted">11444GB/16384MB</small>
238+
239+
<div class="text-uppercase mb-1 mt-2"><small><b>SSD 1 Usage</b></small></div>
240+
<div class="progress progress-xs">
241+
<div class="progress-bar bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
242+
</div>
243+
<small class="text-muted">243GB/256GB</small>
244+
245+
<div class="text-uppercase mb-1 mt-2"><small><b>SSD 2 Usage</b></small></div>
246+
<div class="progress progress-xs">
247+
<div class="progress-bar bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
248+
</div>
249+
<small class="text-muted">25GB/256GB</small>
250+
</div>
251+
</tab>
252+
</tabset>
253+
</aside>

‎dist/aside/app-aside.component.js

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

‎dist/aside/app-aside.component.js.map

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

‎dist/aside/app-aside.module.d.ts

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
export declare class AppAsideModule {
2+
}

0 commit comments

Comments
 (0)