Skip to content

Instantly share code, notes, and snippets.

@KyFaSt

KyFaSt/gist:7392839

Created November 10, 2013 02:21
Show Gist options
  • Save KyFaSt/7392839 to your computer and use it in GitHub Desktop.
Save KyFaSt/7392839 to your computer and use it in GitHub Desktop.
Download ZIP
write it down
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
<title>Project Scholar</title>
<!-- Bootstrap core CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css" rel="stylesheet">
<!-- Custom styles for this template -->
<%= stylesheet_link_tag 'offcanvas', :media=> 'all' %>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js"></script>
<!--<script src="offcanvas.js"></script> -->
</head>
<body>
<div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Project Scholar</a>
</div>
<div class="collapse navbar-collapse rightalign">
<ul class="nav navbar-nav pull-right">
<li class="active"><a href="#">Welcome <%= @user.fname %></a></li>
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.container -->
</div><!-- /.navbar -->
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="panel panel-info">
<div class="panel-body">
<ul class="nav nav-pills">
<li id='app' class="active"><a id='showApp' href="#">Applications</a></li>
<li id='cal'><a href="#" id='showCal'>Calendar</a></li>
</ul>
<div id='applications'>
<table border=2>
<tr>
<td>
Row1Col1
</td>
<td>
Row1Col2
</td>
<td>
Row1Col3
</td>
</tr>
<tr>
<td>
Row2Col1
</td>
<td>
Row2Col2
</td>
<td>
Row2Col3
</td>
</tr>
</table>
</div>
<div id='calendar'></div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="list-group">
<a href="#" class="list-group-item">New Application</a>
<a href="#" class="list-group-item">User Profile</a>
<a href="#" class="list-group-item">Set Reminder</a>
</div>
</div>
</div>
<hr>
<footer>
<p>&copy; The Scholarship Planner 2013</p>
</footer>
</div><!--/.container-->
<script>
$(document).ready(function() {
// page is now ready, initialize the calendar...
var calendar = $('#calendar').fullCalendar({
// put your options and callbacks here
})
$('#calendar').hide();
$('#applications').show();
$('#showApp').click(function(){
$('#cal').removeClass('active');
$('#app').addClass('active');
$('#calendar').hide();
$('#applications').show();
});
$('#showCal').click(function(){
{
$('#cal').addClass('active');
$('#app').removeClass('active');
$('#calendar').show();
$('#applications').hide();
});
});
</script>
</body>
</html>
<p id="notice"><%= notice %></p>
<p>
<strong>Fname:</strong>
<%= @user.fname %>
</p>
<p>
<strong>Lname:</strong>
<%= @user.lname %>
</p>
<p>
<strong>Email:</strong>
<%= @user.email %>
</p>
<p>
<strong>Password:</strong>
<%= @user.password %>
</p>
<%= link_to 'Edit', edit_user_path(@user) %> |
<%= link_to 'Back', users_path %>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment