Skip to content

P
parkinglot
Commit 79e21b8e authored by Norence Ilicito's avatar Norence Ilicito
Browse files
Options

design

parent ea84e116
Hide whitespace changes
Inline Side-by-side
Showing with 276 additions and 125 deletions
parkinglot/app/assets/images/add.jpg 0 → 100644
View file @ 79e21b8e
This diff is collapsed.
parkinglot/app/assets/images/log.jpg 0 → 100644
View file @ 79e21b8e
This diff is collapsed.
parkinglot/app/assets/stylesheets/bootstrap.css
View file @ 79e21b8e
...@@ -5,12 +5,86 @@ ...@@ -5,12 +5,86 @@
*/ */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { html {
font-family: sans-serif; font-family: fantasy;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: table
}
#body{
font-family: fantasy;
}
#td1{
text-align: center;
margin-left: 100px;
margin-right: 100px;
font-weight: bold;
}
#td2{
text-align: center;
margin-left: 100px;
margin-right: 100px;
}
.tablebody{
padding-top: 10px;
padding-bottom: 10px;
}
.homecontainer{
background-image: url(home.jpg);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.memcontainer{
background-image: url(mem.jpg);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.addcontainer{
background-image: url(add.jpg);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.logcontainer{
background-image: url(log.jpg);
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
display: table-cell;
text-align: center;
vertical-align: middle;
}
body { body {
margin: 50; margin: 0;
} }
article, article,
aside, aside,
...@@ -60,8 +134,12 @@ dfn { ...@@ -60,8 +134,12 @@ dfn {
font-style: italic; font-style: italic;
} }
h1 { h1 {
color: black;
margin: .67em 0; margin: .67em 0;
font-size: 2em; font-size: 2em;
padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
} }
mark { mark {
color: #000; color: #000;
...@@ -180,13 +258,18 @@ optgroup { ...@@ -180,13 +258,18 @@ optgroup {
font-weight: bold; font-weight: bold;
} }
table { table {
border-spacing: 0; border-spacing: 10px 10px;
border-collapse: collapse; border-collapse: separate;
border: 1px solid black;
margin-bottom: 10px;
margin-top: 10px;
} }
td, td,
th { th {
padding: 0; padding: 0;
} }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { @media print {
*, *,
...@@ -1189,6 +1272,10 @@ h6, ...@@ -1189,6 +1272,10 @@ h6,
line-height: 1.1; line-height: 1.1;
color: inherit; color: inherit;
} }
h1 small, h1 small,
h2 small, h2 small,
h3 small, h3 small,
...@@ -2251,6 +2338,8 @@ pre code { ...@@ -2251,6 +2338,8 @@ pre code {
} }
table { table {
background-color: transparent; background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
} }
caption { caption {
padding-top: 8px; padding-top: 8px;
...@@ -5819,16 +5908,44 @@ button.list-group-item-danger.active:focus { ...@@ -5819,16 +5908,44 @@ button.list-group-item-danger.active:focus {
.embed-responsive-4by3 { .embed-responsive-4by3 {
padding-bottom: 75%; padding-bottom: 75%;
} }
.well { .welllog {
min-height: 20px; min-height: 20px;
padding: 19px; padding: 19px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: #f5f5f5; background-color: rgba(173, 156, 50, 0.78);
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
} }
.wellhome {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: rgba(169, 68, 66, 0.59);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.wellmem {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: rgba(66, 169, 102, 0.59);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.welladd {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: rgba(66, 169, 102, 0.59);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote { .well blockquote {
border-color: #ddd; border-color: #ddd;
border-color: rgba(0, 0, 0, .15); border-color: rgba(0, 0, 0, .15);
......
parkinglot/app/controllers/cars_controller.rb
View file @ 79e21b8e
class CarsController < ApplicationController class CarsController < ApplicationController
def index def index
@cars = CarLog.all @cars = CarLog.all
if params[:q].present? if params[:q].present?
@cars = CarLog.where(plate_number: params[:q]) @cars = CarLog.where(plate_number: params[:q])
end end
render "cars/index.html.erb" render "cars/index.html.erb"
end end
......
parkinglot/app/views/cars/add.html.erb
View file @ 79e21b8e
<link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/bootstrap.css">
<h1> Add Cars</h1> <body class="addcontainer">
<body></body> <div class="row">
<div class="col-md-12 welladd">
<%= form_tag("/cars/create", method: "post") do %> <div class="col-md-12">
<label>Plate Number</label> <h1><center>Add a Car</center></h1>
<input type="text" name="plate_number">
<label>Time In</label> <%= form_tag("/cars/create", method: "post") do %>
<input type="text" name="time_in"> <ul style="list-style-type: none;">
<li>
<label>Time Out</label> <label>Plate Number</label>
<input type="text" name="time_out"> <input type="text" name="plate_number">
</li>
<label>Color</label> <li>
<select name="color"> <label>Time In</label>
<option value="Red">Red</option> <input type="text" name="time_in">
<option value="White">White</option> </li>
<option value="Blue">Blue</option> <li>
<option value="Green">Green</option> <label>Time Out</label>
<option value="Orange">Orange</option> <input type="text" name="time_out">
<option value="Pink">Pink</option> </li>
<option value="Black">Black</option> <li>
<option value="Others">Others</option> <label>Color</label>
</select> <select name="color">
<option value="Red">Red</option>
<label>Brand</label> <option value="White">White</option>
<select name="brand"> <option value="Blue">Blue</option>
<option value="Honda">Honda</option> <option value="Green">Green</option>
<option value="Toyota">Toyota</option> <option value="Orange">Orange</option>
<option value="Ford">Ford</option> <option value="Pink">Pink</option>
<option value="Kia">Kia</option> <option value="Black">Black</option>
<option value="Hyundai">Hyundai</option> <option value="Others">Others</option>
<option value="Subaru">Subaru</option> </select>
<option value="Mazda">Mazda</option> </li>
<option value="Mitsubishi">Mitsubishi</option> <li>
</select> <label>Brand</label>
<select name="brand">
<input type="submit" value="Save Car"> <option value="Honda">Honda</option>
</form> <option value="Toyota">Toyota</option>
<% end %> <option value="Ford">Ford</option>
<option value="Kia">Kia</option>
<h3><a href="../cars">Check Cars</a></h3> <option value="Hyundai">Hyundai</option>
\ No newline at end of file <option value="Subaru">Subaru</option>
<option value="Mazda">Mazda</option>
<option value="Mitsubishi">Mitsubishi</option>
</select>
</li>
<li>
<input type="submit" value="Save Car">
</li>
</ul>
</form>
<% end %>
</div>
<a href="../cars">Check Cars</a>
</div>
</div
</body>
\ No newline at end of file
parkinglot/app/views/cars/index.html.erb
View file @ 79e21b8e
<link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/application.css"> <link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/bootstrap.css">
<h1 align="center">Car Log</h1> <body class="logcontainer" >
<%= form_tag("/cars", method: "get") do %> <div class = "row">
<label id ="labelSearch">Search for a Car:</label> <div class = "col-md-12 welllog">
<input type="text" name="q"/> <h1 align="center"> Car Log </h1>
<input type="submit" value="Search"/>
<% end %> <%= form_tag("/cars", method: "get") do %>
<body> <input type="text" name="q"/>
<table> <input type="submit" value="Search"/>
<thead>
<td id="td1">Plate Number</td>
<td id="td1">Time In</td>
<td> </td>
<td id="td1">Time Out</td>
<td> </td>
<td id="td1">Color</td>
<td> </td>
<td id="td1">Brand</td>
<td> </td>
<td id="td1">Created At</td>
<td> </td>
<td id="td1">ID</td>
<td id="td1">Edit</td>
<td id="td1">Delete</td>
</thead>
<% @cars.each do |car| %>
<tr>
<td id="td2"><%= "#{car.plate_number}"%></td>
<td id="td2"><%= "#{car.time_in}"%></td>
<td> </td>
<td id="td2"><%= "#{car.time_out}"%></td>
<td> </td>
<td id="td2"><%= "#{car.color}"%></td>
<td> </td>
<td id="td2"><%= "#{car.brand}"%></td>
<td> </td>
<td id="td2"><%= "#{car.created_at}"%></td>
<td> </td>
<td id="td2"><%= "#{car.id}"%></td>
<td> </td>
<td id="td2"> <a href="cars/edit/<%= car.id %>">Edit</a> </td>
<td id="td2"> <a href="cars/delete/<%= car.id %>">Delete</a> </td>
</tr>
<% end %> <% end %>
</table>
<h3><a href="/">Home</a> <a href="/add">Add Car</a></h3> <body>
<table align="center">
<thead>
<td id="td1">Plate Number</td>
<td id="td1">Time In</td>
<td> </td>
<td id="td1">Time Out</td>
<td> </td>
<td id="td1">Color</td>
<td> </td>
<td id="td1">Brand</td>
<td> </td>
<td id="td1">Created At</td>
<td> </td>
<td id="td1">ID</td>
<td id="td1">Edit</td>
<td id="td1">Delete</td>
</thead>
<% @cars.each do |car| %>
<tr>
<td id="td2"><%= "#{car.plate_number}"%></td>
<td id="td2"><%= "#{car.time_in}"%></td>
<td> </td>
<td id="td2"><%= "#{car.time_out}"%></td>
<td> </td>
<td id="td2"><%= "#{car.color}"%></td>
<td> </td>
<td id="td2"><%= "#{car.brand}"%></td>
<td> </td>
<td id="td2"><%= "#{car.created_at}"%></td>
<td> </td>
<td id="td2"><%= "#{car.id}"%></td>
<td id="td2"> <a href="cars/edit/<%= car.id %>">Edit</a> </td>
<td id="td2"> <a href="cars/delete/<%= car.id %>">Delete</a> </td>
</tr>
<% end %>
</table>
</body>
<ul style="list-style-type: none;">
<li> <a href="/">Home</a> </li>
<li> <a href="/add">Add Car</a> </li>
</ul>
</div>
</div>
</body>
</body>
\ No newline at end of file \ No newline at end of file
parkinglot/app/views/pages/index.html.erb
View file @ 79e21b8e
<h1 align="center">Parking Ng Nanay Mo!</h1> <link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/bootstrap.css">
<body class="homecontainer">
<div class="row">
<div class="col-md-12 wellhome">
<h1 align="center"> <strong>Parking Lot Tracker</strong></h1>
<h2 align="center">This is the home page for the MIS 21 Midterm Project.</h2> <ul style="list-style-type: none;">
<li> <h3 align="center"><a href="/cars">Go to Parking</a> </h2> </li>
<h4 align="center"><a href="/cars">Go to Parking</a> <a href="/pages">Members</a></h4> <li> <h3 align="center"><a href="/pages">Members</a></h2> </li>
\ No newline at end of file </ul>
</div>
</div>
</body>
\ No newline at end of file
parkinglot/app/views/pages/names.html.erb
View file @ 79e21b8e
<h1 align="center">[MIS 21-B] "Parking Ng Nanay Mo!" Creators: </h1> <link rel="stylesheet" type="text/css" href="/app/assets/stylesheets/bootstrap.css">
<h2 align="center">Troy Ang Ko | Jarod Catolico <br> Norence Illicito | Joseph Gerard Reyes</h2> <body class="memcontainer">
<div class="row">
<div class="col-md-12 wellmem">
<h1 align="center">[MIS 21-B] Parking Lot Tracker Creators: </h1>
<h3 align="center"> <a href="/">Home</a></h3> <h2 align="center">Troy Ang Ko | Jarod Catolico <br> Norence Ilicito | Joseph Gerard Reyes</h2>
\ No newline at end of file
<h3 align="center"> <a href="/">Home</a></h3>
</div>
</div>
</body>
\ No newline at end of file
parkinglot/db/migrate/20160704132003_create_car_logs.rb deleted 100644 → 0
View file @ ea84e116
class CreateCarLogs < ActiveRecord::Migration
def change
create_table :car_logs do |t|
t.string :plate_number
t.datetime :time_in
t.datetime :time_out
t.string :color
t.string :brand
t.timestamps null: false
end
end
end
parkinglot/db/schema.rb
View file @ 79e21b8e
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
# #
# It's strongly recommended that you check this file into your version control system. # It's strongly recommended that you check this file into your version control system.
ActiveRecord::Schema.define(version: 20160704132003) do ActiveRecord::Schema.define(version: 20160705124032) do
create_table "car_logs", force: :cascade do |t| create_table "car_logs", force: :cascade do |t|
t.string "plate_number" t.string "plate_number"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment