team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new interface for PTO, although I need to work on dynamically generating the content

Browse Source
This commit is contained in:
Ken Johnson
2013-05-25 02:45:26 -04:00
parent af763d40bf
commit 2acc5af274
1 changed files with 120 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/paid_time_off/index.html.erb
+120
View File
@@ -0,0 +1,120 @@
<div class="dashboard-wrapper">
<div class="main-container">
<div class="row-fluid">
<!-- Begin Span-->
<div class="span12">
<div class="widget no-margin">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe101;"></span> Sick Days
</div>
</div>
<div class="widget-body">
<ul class="progress-statistics">
<li>
<div class="details">
<span>
Sick Days Taken
</span>
<span class="pull-right">
32%
</span>
</div>
<div class="progress progress-striped active progress-danger">
<div class="bar" style="width: 78%;">
</div>
</div>
</li>
<li>
<div class="details">
<span>
Sick Days Earned
</span>
<span class="pull-right">
32%
</span>
</div>
<div class="progress progress-success progress-striped active">
<div class="bar" style="width: 32%;">
</div>
</div>
</li>
<li>
<div class="details">
<span>
Sick Days Remaining
</span>
<span class="pull-right">
84%
</span>
</div>
<div class="progress progress-striped active">
<div class="bar" style="width: 84%;">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- End Span-->
</div><br/>
<div class="row-fluid">
<div class="span12">
<div class="widget no-margin">
<div class="widget-header">
<div class="title">
<span class="fs1" aria-hidden="true" data-icon="&#xe101;"></span> Vacation Days (PTO)
</div>
</div>
<div class="widget-body">
<ul class="progress-statistics">
<li>
<div class="details">
<span>
PTO Days Taken
</span>
<span class="pull-right">
32%
</span>
</div>
<div class="progress progress-striped active progress-danger">
<div class="bar" style="width: 78%;">
</div>
</div>
</li>
<li>
<div class="details">
<span>
PTO Days Earned
</span>
<span class="pull-right">
32%
</span>
</div>
<div class="progress progress-success progress-striped active">
<div class="bar" style="width: 32%;">
</div>
</div>
</li>
<li>
<div class="details">
<span>
PTO Days Remaining
</span>
<span class="pull-right">
84%
</span>
</div>
<div class="progress progress-striped active">
<div class="bar" style="width: 84%;">
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>