Skip to content

P
parkinglot
Commit 5cd59577 authored by Galen Evilla's avatar Galen Evilla
Browse files
Options

bootstrap additions

parent b0b2c663
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 262 additions and 13784 deletions
draft3/Gemfile
View file @ 5cd59577
......@@ -7,6 +7,10 @@ gem 'rails', '4.2.5.1'
gem 'sqlite3'
# Use SCSS for stylesheets
gem 'sass-rails', '~> 5.0'
gem 'bootstrap-sass'
gem 'autoprefixer-rails'
# Use Uglifier as compressor for JavaScript assets
gem 'uglifier', '>= 1.3.0'
# Use CoffeeScript for .coffee assets and views
......
draft3/Gemfile.lock
View file @ 5cd59577
......@@ -37,8 +37,13 @@ GEM
thread_safe (~> 0.3, >= 0.3.4)
tzinfo (~> 1.1)
arel (6.0.3)
autoprefixer-rails (6.3.6.2)
execjs
binding_of_caller (0.7.2)
debug_inspector (>= 0.0.1)
bootstrap-sass (3.3.6)
autoprefixer-rails (>= 5.2.1)
sass (>= 3.3.4)
builder (3.2.2)
byebug (9.0.5)
coffee-rails (4.1.1)
......@@ -147,6 +152,8 @@ PLATFORMS
x86-mingw32
DEPENDENCIES
autoprefixer-rails
bootstrap-sass
byebug
coffee-rails (~> 4.1.0)
jbuilder (~> 2.0)
......@@ -159,3 +166,6 @@ DEPENDENCIES
tzinfo-data
uglifier (>= 1.3.0)
web-console (~> 2.0)
BUNDLED WITH
1.10.4
draft3/app/assets/javascripts/application.js
View file @ 5cd59577
......@@ -13,4 +13,5 @@
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .
draft3/app/assets/stylesheets/application.css deleted 100644 → 0
View file @ b0b2c663
This diff is collapsed.
draft3/app/assets/stylesheets/application.css.scss 0 → 100644
View file @ 5cd59577
@import "bootstrap-sprockets";
@import "bootstrap";
@import "utilities";
@import "pages";
\ No newline at end of file
draft3/app/assets/stylesheets/bootstrap.css deleted 100644 → 0
View file @ b0b2c663
This diff is collapsed.
draft3/app/assets/stylesheets/pages.css.scss 0 → 100644
View file @ 5cd59577
.pages {
.about-image {
width: 100%;
}
}
\ No newline at end of file
draft3/app/assets/stylesheets/utilities.css.scss 0 → 100644
View file @ 5cd59577
.main-page-content {
padding-top: 50px;
}
\ No newline at end of file
draft3/app/views/car_logs/create_page.html.erb
View file @ 5cd59577
<h1>Add New Record</h1>
<% provide(:title, "Add New Record") %>
<%= form_tag("/car_logs/create", method: "post") do %>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Add New Record</h1>
<hr>
<label>Plate Number</label>
<input type="text" name="plate_number"/>
<label>Time In:</label>
<input type="datetime-local" name="time_in"/>
<label>Time Out:</label>
<input type="datetime-local" name="time_out"/>
<label>Color:</label>
<select name="color" class="u-full-width">
<option value="" disabled="disabled" selected="selected">Select..</option>
<option value="Red">Red</option>
<option value="White">White</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Orange">Orange</option>
<option value="Pink">Pink</option>
<option value="Black">Black</option>
<option value="Other Color">Other Color</option>
</select>
<label>Brand:</label>
<select name="brand" class="u-full-width">
<option value="" disabled="disabled" selected="selected">Select..</option>
<option value="Honda">Honda</option>
<option value="Toyota">Toyota</option>
<option value="Ford">Ford</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Audi">Audi</option>
<option value="Porsche">Porsche</option>
</select>
<input type="submit" value="Save"/>
<% end %>
<%= form_tag("/car_logs/create", method: "post") do %>
<div class="form-group">
<label class="col-sm-2 control-label">Plate Number</label>
<div class="col-sm-10">
<input type="text" name="plate_number" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Time In:</label>
<div class="col-sm-10">
<input type="datetime-local" name="time_in" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Time Out:</label>
<div class="col-sm-10">
<input type="datetime-local" name="time_out" class="form-control"/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Color:</label>
<div class="col-sm-10">
<select name="color" class="form-control">
<option value="" disabled="disabled" selected="selected">Select..</option>
<option value="Red">Red</option>
<option value="White">White</option>
<option value="Blue">Blue</option>
<option value="Green">Green</option>
<option value="Orange">Orange</option>
<option value="Pink">Pink</option>
<option value="Black">Black</option>
<option value="Other Color">Other Color</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Brand:</label>
<div class="col-sm-10">
<select name="brand" class="form-control">
<option value="" disabled="disabled" selected="selected">Select..</option>
<option value="Honda">Honda</option>
<option value="Toyota">Toyota</option>
<option value="Ford">Ford</option>
<option value="Chevrolet">Chevrolet</option>
<option value="Audi">Audi</option>
<option value="Porsche">Porsche</option>
</select>
</div>
</div>
<hr>
<a href="/car_logs">Car Logs</a>
<div></div>
<a href="/">Home</a>
\ No newline at end of file
<div class="form-group col-sm-12">
<input type="submit" value="Save" class="col-sm-2"/>
</div>
<% end %>
<div class="text-right">
<a class="btn btn-primary" href="/car_logs" role ="button">Go to Car Logs</a>
</div>
<hr>
</div>
</div>
<footer>
<p>&copy; 2016 ParkingLotMIS21, Inc.</p>
</footer>
</div>
\ No newline at end of file
draft3/app/views/car_logs/index.html.erb
View file @ 5cd59577
<h1>Car Log Records</h1>
<center>
<%= form_tag("/car_logs", method: "get") do %>
<input type="text" name="q">
<input type="submit" value="Search">
<% provide(:carlogs, "active") %>
<% provide(:title, "Car Log Records") %>
<% end %>
<div class="container">
<div class="row">
<div class="col-md-12">
<h1>Car Log Records</h1>
<hr>
<%= form_tag("/car_logs", method: "get") do %>
<input type="text" name="q">
<input type="submit" value="Search">
<table border="1">
<tr>
<th> ID </th>
<th> Plate Number </th>
<th> Time In </th>
<th> Time Out </th>
<th> Color </th>
<th> Brand </th>
</tr>
<% end %>
<% @records.each do |record| %>
<tr>
<td><%= record.id %></td>
<td><%= record.plate_number %></td>
<td><%= record.time_in %></td>
<td><%= record.time_out %></td>
<td><%= record.color %></td>
<td><%= record.brand %></td>
</tr>
<% end %>
</table>
<hr>
</center>
<hr>
<a href="/create_new">Add New Record</a>
<div></div>
<a href="/">Home</a>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th> ID </th>
<th> Plate Number </th>
<th> Color </th>
<th> Brand </th>
<th> Time In </th>
<th> Time Out </th>
</tr>
</thead>
<tbody>
<% @records.each do |record| %>
<tr>
<td><%= record.id %></td>
<td><%= record.plate_number %></td>
<td><%= record.color %></td>
<td><%= record.brand %></td>
<td><%= record.time_in %></td>
<td><%= record.time_out %></td>
</tr>
<% end %>
</tbody>
</table>
<a class="btn btn-primary" href="/create_new" role ="button">Add New Record</a>
</center>
<hr>
</div>
</div>
<footer>
<p>&copy; 2016 ParkingLotMIS21, Inc.</p>
</footer>
</div>
draft3/app/views/layouts/application.html.erb
View file @ 5cd59577
<!DOCTYPE html>
<html>
<head>
<title>Parkinglot</title>
<title><%= yield(:title) %> | Parkinglot</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<%= yield %>
<%= render '/shared/navbar' %>
<div class="main-page-content <%= controller.controller_name%>">
<%= yield %>
</div>
</body>
</html>
draft3/app/views/pages/about.html.erb
View file @ 5cd59577
<h1>Group Members</h1>
<% provide(:about, "active") %>
<% provide(:title, "About") %>
<h3>Evilla, Galen</h3>
<h3>Gomez, Feliz Marie</h3>
<h3>Guian, April</h5>
<h3>Principe, Jasmine</h3>
<div class="container">
<div class="row">
<div class="col-md-7">
<h1 class="heading">About Us</h1>
<h3>Evilla, Galen</h3>
<h3>Gomez, Feliz Marie</h3>
<h3>Guian, April</h5>
<h3>Principe, Jasmine</h3>
<hr>
<div class="row">
<div class="col-md-12">
<h3>Placeholder</h3>
</div>
<div class="services">
<div class="col-md-4">
<h4>Placholder</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
<div class="col-md-4">
<h4>Placholder</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
<div class="col-md-4">
<h4>Placholder</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
</div>
</div>
</div>
</div>
<div class="col-md-5">
<img alt="About" src="http://vignette1.wikia.nocookie.net/spellbook/images/5/56/Insert-Photo-Here.jpg/revision/latest?cb=20140522210002" class="about-image" />
</div>
</div>
<footer>
<p>&copy; 2016 ParkingLotMIS21 Inc.</p>
</footer>
</div>
<br>
<br>
<br>
<a href="/">Home</a>
\ No newline at end of file
draft3/app/views/pages/index.html.erb
View file @ 5cd59577
<h1>Parking Lot Logging System</h1>
<% provide(:home, "active") %>
<% provide(:title, "Home") %>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
<div class="container">
<h1>Hello there, User!</h1>
<p>This is a website for managing the information of cars in the parking lot. It can store the car's plate number, brand, color and the time of entry and exit.</p>
<p><a class="btn btn-primary btn-lg" href="/car_log" role="button">Let's get started! &raquo;</a></p>
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4">
<h2>Placeholder Stuff</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Placeholder Stuff</h2>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2>Placeholder Stuff</h2>
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<hr>
<footer>
<p>&copy; 2016 ParkingLotMIS21, Inc.</p>
</footer>
</div> <!-- /container -->
<a href="/car_logs">Car Logs</a>
<a href="about">The Developers</a>
\ No newline at end of file
draft3/app/views/shared/_navbar.html.erb 0 → 100644
View file @ 5cd59577
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" ><b>Parking Lot</b></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="<%= yield(:home) %>"><%= link_to "Home", root_path %></li>
<li class="<%= yield(:carlogs) %>"><%= link_to "Car Log Records", carlogs_path %></li>
<li class="<%= yield(:about) %>"><%= link_to "About", about_path %></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
\ No newline at end of file
draft3/config/routes.rb
View file @ 5cd59577
Rails.application.routes.draw do
root to: "pages#index"
get "/about", to: "pages#about"
get "/car_logs", to: "car_logs#index"
get "about" => "pages#about", as: :about
get "/car_logs", to: "car_logs#index", as: :carlogs
get "/create_new", to: "car_logs#create_page"
post "/car_logs/create", to: "car_logs#create"
......
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