Skip to content

Commit

Permalink
#10 Interfaces Updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@YohanKnG @dilumn
YohanKnG authored and dilumn committed Oct 21, 2016
1 parent 1b8714f commit 823f46a
Show file tree
Hide file tree
Showing 6 changed files with 834 additions and 16 deletions.
48 changes: 45 additions & 3 deletions web/ui/src/app/home/home.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,45 @@
<p>
Home Works!
</p>
<body>
<section id="aboutSevice" class="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Upload Your Data Sets and Generate the Model</h2>
</div>
</div>
<!-- /.row -->
</div>
</section>

<!-- Call to Action -->
<Section id="form" class="call-to-action bg-primary" style="height:46%">
<div class="container">
<div class="row">
<div class="col-lg-6" style=" position: absolute; left: 30%; top:relative;">
<form action="" method="post">
<table border="0">
<tr class="form-group">
<th><h4>Upload DataSet 1 &nbsp;&nbsp;&nbsp;&nbsp;</h4></th>
<th><input type="file" class="form-control" name ="DataSet1"></th>
</tr>
<tr class="form-group">
<th><h4>Upload DataSet 2 &nbsp;&nbsp;&nbsp;&nbsp;</h4></th>
<th><input type="file" class="form-control" name ="DataSet2"></th>
</tr>
<tr class="form-group">
<th><h4>Upload DataSet 3 &nbsp;&nbsp;&nbsp;&nbsp;</h4></th>
<th><input type="file" class="form-control" name ="DataSet3"></th>
</tr>
<tr align="center">
<br>
<td colspan="1">
<Button href="" class="btn btn-block btn-lg btn-dark" style="position: relative; left:70%;">Generate Model</Button>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</Section>
</body>

244 changes: 241 additions & 3 deletions web/ui/src/app/home/home.component.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,242 @@
// component styles are encapsulated and only applied to their components
* {
color: #FFEF00;
html,
body {
width: 100%;
height: 100%;
}

body {
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.text-vertical-center {
display: table-cell;
text-align: center;
vertical-align: middle;
}

.text-vertical-center h1 {
margin: 0;
padding: 0;
font-size: 4.5em;
font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
border-radius: 0;
color: #fff;
background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
color: #fff;
background-color: rgba(0,0,0,0.7);
}

.btn-light {
border-radius: 0;
color: #333;
background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
color: #333;
background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
z-index: 1000;
position: fixed;
right: 0;
width: 250px;
height: 100%;
transform: translateX(250px);
overflow-y: auto;
background: #222;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}

.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
}

.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999;
}

.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
height: 55px;
font-size: 18px;
line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}

#menu-toggle {
z-index: 1;
position: fixed;
top: 0;
right: 0;
}

#sidebar-wrapper.active {
right: 250px;
width: 250px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

.toggle {
margin: 5px 5px 0 0;
}

/* Header */

.header {
display: table;
position: relative;
width: 100%;
height: 100%;
background: url(../img/bg.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

/* About */

.about {
padding: 50px 0;
}

/* Services */

.services {
padding: 50px 0;
}

.service-item {
margin-bottom: 30px;
}

/* Callout */

.callout {
display: table;
width: 100%;
height: 400px;
color: #fff;
background: url(../img/callout.jpg) no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}

/* Portfolio */

.portfolio {
padding: 50px 0;
}

.portfolio-item {
margin-bottom: 30px;
}

.img-portfolio {
margin: 0 auto;
}

.img-portfolio:hover {
opacity: 0.8;
}

/* Call to Action */

.call-to-action {
padding: 50px 0;
}

.call-to-action .btn {
margin: 10px;
}

/* Map */

.map {
height: 500px;
}

@media(max-width:768px) {
.map {
height: 75%;
}
}

.map iframe {
pointer-events: none;
}

/* Footer */

footer {
padding: 100px 0;
}

#to-top {
display: none;
position: fixed;
bottom: 5px;
right: 5px;
}
38 changes: 35 additions & 3 deletions web/ui/src/app/input/input.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,35 @@
<p>
Input Works!
</p>
<body>
<section id="aboutSevice" class="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Upload Your Data and Get the Result</h2>
</div>
</div>
<!-- /.row -->
</div>
</section>

<!-- Call to Action -->
<Section id="form" class="call-to-action bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<form action="" method="post">
<table border="0">
<tr class="form-group">
<td><h4>Input Your Data &nbsp;&nbsp;&nbsp;&nbsp;</h4></td>
<td>​<textarea style="color:#6da021;" id="data" rows="10" cols="100"></textarea></td>
</tr>
<tr>
<td colspan="1">
<Button href="" class="btn btn-block btn-lg btn-dark" style="position: relative; left:70%;">Calculate Result</Button>
</td>
</tr>
</table>
</form>
</div>
</div>
</div>
</Section>
</body>
Loading

0 comments on commit 823f46a

Please sign in to comment.