This commit is contained in:
Namhyeon Go 2020-12-28 19:43:47 +09:00
parent f24ba32d8f
commit 7062b08613
3 changed files with 5 additions and 544 deletions

View File

@ -3,552 +3,13 @@
<div class="body"> <div class="body">
<div class="cell"> <div class="cell">
<div class="col"> <div class="col">
<div class="panel cell collapsible">
<div class="header collapse-trigger">
<span class="icon icon-collapse"></span>
<a href="#">
<span class="collapsed-only">Show</span>
<span class="uncollapsed-only">Hide</span> panel
</a>
</div>
<div class="menu collapse-section">
<div class="header">
<ul class="nav">
<li class="active"><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</div>
<div class="body collapse-section">
<div class="cell">
<p class="no-margin"><img src="assets/img/stats.gif" class="top-left-image">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
<div class="footer collapse-section">Footer</div>
</div>
</div>
<div class="col width-1of2">
<div class="panel cell"> <div class="panel cell">
<div class="header">Repo list</div> <div class="header">Welcome to WelsonJS</div>
<div class="body"> <div class="body">
<div class="cell"> <div class="cell">
<div class="col"> <div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div> WelsonJS can build Windows desktop apps with JavaScript, HTML, and CSS based on WSH/HTA.
<div class="col width-fill mobile-width-fill"> It is ready to use on Windows machine immediately. No require additional software installation.
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 1</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 2</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 3</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 4</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col width-fill">
<div class="panel cell">
<div class="header">Repo list</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 5</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 6</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 7</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="col width-fit mobile-width-fit"><span class="icon icon-bookmark color-blue"></span></div>
<div class="col width-fill mobile-width-fill">
<span class="float-right">
<span class="text">
123
</span>
<span class="icon icon-star color-yellow"></span>
</span>
<div class="col width-fill mobile-width-fill">
<a class="fatty" href="#">Repo 8</a>
</div>
<div class="col">This is one of my coolest repos.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="cell panel">
<div class="header">
Form to fill in
</div>
<div class="body">
<div class="cell">
<form action="#" method="post">
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="firstname">First name<span class="color-red"> *</span></label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<input type="text" id="firstname" placeholder="Your first name" data-required="true" data-error-message="First name is required" class="text parsley-validated">
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="lastname">Last name<span class="color-red"> *</span></label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<input type="text" id="lastname" placeholder="Your last name" data-required="true" data-error-message="Last name is required" class="text parsley-validated">
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="country">Country</label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<select id="country">
<option>Canada</option>
<option>Mexico</option>
<option>USA</option>
</select>
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="male">Gender</label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<input name="gender" id="male" type="radio" class="radio">
<label for="male">Man</label>
<input name="gender" id="female" type="radio" class="radio">
<label for="female">Woman</label>
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="occupation">Occupation</label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<input type="text" id="occupation" placeholder="Your occupation" class="text">
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="webdev">Hobbies</label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<input name="hobbies" id="webdev" type="checkbox" class="checkbox">
<label for="webdev">Web development</label>
<input name="hobbies" id="design" type="checkbox" class="checkbox">
<label for="design">Design</label>
<input name="hobbies" id="programming" type="checkbox" class="checkbox">
<label for="programming">Programming</label>
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
<div class="cell">
<label for="comment">Comment<span class="color-red"> *</span></label>
</div>
</div>
<div class="col width-fill">
<div class="cell">
<textarea id="comment" data-required="true" data-error-message="Comment is required" class="parsley-validated"></textarea>
</div>
</div>
</div>
<div class="col">
<div class="col width-1of4">
</div>
<div class="col width-fill">
<div class="cell">
<button class="button" type="submit">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="footer">
Footer
</div>
</div>
</div>
<div class="col">
<div class="cell panel">
<div class="header">
Cool graph
</div>
<div class="body">
<div class="cell">
<div id="flot-demo" style="width: 100%; height: 260.625px; padding: 0px; position: relative;"><canvas class="flot-base" width="417" height="261" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 417px; height: 261px;"></canvas><canvas class="flot-overlay" width="417" height="261" style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 417px; height: 261px;"></canvas></div>
</div>
</div>
<div class="footer">
Footer
</div>
</div>
</div>
<div class="col">
<div class="cell panel">
<div class="body">
<div class="cell">
<div class="col width-fit">
<div class="cell">
<img src="assets/img/64x64.gif" alt="">
</div>
</div>
<div class="col width-fill">
<div class="col">
<div class="cell">
<a href="#">Irene</a> says:<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quis adipiscing est. Curabitur vel dui dolor. Vestibulum molestie fermentum diam, nec interdum ante molestie ut. Integer consequat iaculis auctor. Duis vitae felis ligula, ultrices blandit dolor.</p>
</div>
</div>
<div class="col">
<div class="cell">
<a href="#">Monica</a> likes this comment!<br>
<a href="#">Chen</a> likes this comment!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="cell">
<div class="panel datasheet">
<div class="header">
My Data
</div>
<table class="body">
<thead>
<tr class="">
<th style="width: 2%;">#</th>
<th style="width: 10%;" nowrap="nowrap">ID</th>
<th style="width: 20%;" nowrap="nowrap" class="">Name</th>
<th style="width: 22%;" nowrap="nowrap">Dept</th>
<th style="width: 46%;" nowrap="nowrap" class="">Notes</th>
</tr>
</thead>
<tbody>
<tr class="">
<th>1</th>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
</tr>
<tr class="">
<th>2</th>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
</tr>
<tr class="">
<th>3</th>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td class=""><input type="text" class="text"></td>
</tr>
<tr class="">
<th>4</th>
<td class=""><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
</tr>
<tr class="">
<th>5</th>
<td class=""><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
<td><input type="text" class="text"></td>
</tr>
</tbody>
</table>
<div class="footer pagination">
<ul class="nav">
<li class=""><a href="#" class="">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col">
<div class="panel cell">
<div class="header">
Inventory
</div>
<div class="body">
<div class="col width-1of2">
<div class="panel cell">
<div class="collapsible collapsed">
<div class="header collapse-trigger">
<span class="icon icon-collapse"></span>
<a href="#">
Toys
</a>
</div>
<div class="body collapse-section">
<div class="left menu">
<ul class="stat nav">
<li><a href="#">Board games</a></li>
<li><a href="#">Video games</a></li>
</ul>
</div>
</div>
</div>
<div class="collapsible collapsed">
<div class="header collapse-trigger">
<span class="icon icon-collapse"></span>
<a href="#">
Books
</a>
</div>
<div class="body collapse-section">
<div class="left menu">
<ul class="stat nav">
<li><a href="#">Fiction</a></li>
<li><a href="#">Non-fiction</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col width-fill">
<div class="panel cell">
<div class="collapsible collapsed">
<div class="header collapse-trigger">
<span class="icon icon-collapse"></span>
<a href="#">
Comics
</a>
</div>
<div class="body collapse-section">
<div class="left menu">
<ul class="stat nav">
<li><a href="#">Franco-Belgian</a></li>
<li><a href="#">Italian</a></li>
<li><a href="#">American</a></li>
<li><a href="#">Japanese</a></li>
</ul>
</div>
</div>
</div>
<div class="collapsible collapsed">
<div class="header collapse-trigger">
<span class="icon icon-collapse"></span>
<a href="#">
Clothing
</a>
</div>
<div class="body collapse-section">
<div class="left menu">
<ul class="stat nav">
<li><a href="#">T-shirts</a></li>
<li><a href="#">Hoodies</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="cell panel">
<div class="header">
Warning
</div>
<div class="body">
<div class="cell">
<div class="col">
<div class="cell">
<div class="color-red center" style="width:290px;max-width:100%;">
<div class="col width-fit mobile-width-fit"><span class="icon icon-warning-sign"></span>
</div>
<div class="col width-fill mobile-width-fill">
Something has gone wrong. Please try again!
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="col width-1of2">
<div class="cell panel">
<div class="body">
<div class="cell">
<figure class="nuremberg">
<img src="assets/img/other/leuven.jpg" alt="">
<figcaption>Leuven</figcaption>
</figure>
</div>
</div>
</div>
</div>
<div class="col width-fill">
<div class="cell panel">
<div class="body">
<div class="cell">
<figure class="nuremberg">
<img src="assets/img/other/efteling.jpg" alt="">
<figcaption>Efteling</figcaption>
</figure>
</div> </div>
</div> </div>
</div> </div>

View File

@ -68,7 +68,7 @@ var getLocalApplications = function() {
for (var i = 0; i < servers.length; i++) { for (var i = 0; i < servers.length; i++) {
template.find("select").append($("<option/>").attr({ template.find("select").append($("<option/>").attr({
value: servers[i].data.id value: servers[i].data.id
}).text(servers[i].data.ipaddress)); }).text(servers[i].data.ipaddress + (servers[i].data.status !== "published" ? "(점검중)" : "")));
} }
for (var i = 0; i < localApplications.length; i++) { for (var i = 0; i < localApplications.length; i++) {

View File

@ -1 +1 @@
4 100