mirror of https://github.com/fspc/BikeShed-1.git
Jason Denney
8 years ago
committed by
GitHub
GitHub
48 changed files with 626 additions and 3149 deletions
@ -0,0 +1,15 @@ |
|||||
|
if [ -f "$rvm_path/scripts/rvm" ]; then |
||||
|
source "$rvm_path/scripts/rvm" |
||||
|
|
||||
|
if [ -f ".rvmrc" ]; then |
||||
|
source ".rvmrc" |
||||
|
fi |
||||
|
|
||||
|
if [ -f ".ruby-version" ]; then |
||||
|
rvm use `cat .ruby-version` |
||||
|
fi |
||||
|
|
||||
|
if [ -f ".ruby-gemset" ]; then |
||||
|
rvm gemset use --create `cat .ruby-gemset` |
||||
|
fi |
||||
|
fi |
||||
@ -1,474 +0,0 @@ |
|||||
/* ========================================================= |
|
||||
* bootstrap-datepicker.js |
|
||||
* http://www.eyecon.ro/bootstrap-datepicker
|
|
||||
* ========================================================= |
|
||||
* Copyright 2012 Stefan Petre |
|
||||
* |
|
||||
* Licensed under the Apache License, Version 2.0 (the "License"); |
|
||||
* you may not use this file except in compliance with the License. |
|
||||
* You may obtain a copy of the License at |
|
||||
* |
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
|
||||
* |
|
||||
* Unless required by applicable law or agreed to in writing, software |
|
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
|
||||
* See the License for the specific language governing permissions and |
|
||||
* limitations under the License. |
|
||||
* ========================================================= */ |
|
||||
|
|
||||
!function( $ ) { |
|
||||
|
|
||||
// Picker object
|
|
||||
|
|
||||
var Datepicker = function(element, options){ |
|
||||
this.element = $(element); |
|
||||
this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'mm/dd/yyyy'); |
|
||||
this.picker = $(DPGlobal.template) |
|
||||
.appendTo('body') |
|
||||
.on({ |
|
||||
click: $.proxy(this.click, this)//,
|
|
||||
//mousedown: $.proxy(this.mousedown, this)
|
|
||||
}); |
|
||||
this.isInput = this.element.is('input'); |
|
||||
this.component = this.element.is('.date') ? this.element.find('.add-on') : false; |
|
||||
|
|
||||
if (this.isInput) { |
|
||||
this.element.on({ |
|
||||
focus: $.proxy(this.show, this), |
|
||||
//blur: $.proxy(this.hide, this),
|
|
||||
keyup: $.proxy(this.update, this) |
|
||||
}); |
|
||||
} else { |
|
||||
if (this.component){ |
|
||||
this.component.on('click', $.proxy(this.show, this)); |
|
||||
} else { |
|
||||
this.element.on('click', $.proxy(this.show, this)); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
this.minViewMode = options.minViewMode||this.element.data('date-minviewmode')||0; |
|
||||
if (typeof this.minViewMode === 'string') { |
|
||||
switch (this.minViewMode) { |
|
||||
case 'months': |
|
||||
this.minViewMode = 1; |
|
||||
break; |
|
||||
case 'years': |
|
||||
this.minViewMode = 2; |
|
||||
break; |
|
||||
default: |
|
||||
this.minViewMode = 0; |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
this.viewMode = options.viewMode||this.element.data('date-viewmode')||0; |
|
||||
if (typeof this.viewMode === 'string') { |
|
||||
switch (this.viewMode) { |
|
||||
case 'months': |
|
||||
this.viewMode = 1; |
|
||||
break; |
|
||||
case 'years': |
|
||||
this.viewMode = 2; |
|
||||
break; |
|
||||
default: |
|
||||
this.viewMode = 0; |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
this.startViewMode = this.viewMode; |
|
||||
this.weekStart = options.weekStart||this.element.data('date-weekstart')||0; |
|
||||
this.weekEnd = this.weekStart === 0 ? 6 : this.weekStart - 1; |
|
||||
this.onRender = options.onRender; |
|
||||
this.fillDow(); |
|
||||
this.fillMonths(); |
|
||||
this.update(); |
|
||||
this.showMode(); |
|
||||
}; |
|
||||
|
|
||||
Datepicker.prototype = { |
|
||||
constructor: Datepicker, |
|
||||
|
|
||||
show: function(e) { |
|
||||
this.picker.show(); |
|
||||
this.height = this.component ? this.component.outerHeight() : this.element.outerHeight(); |
|
||||
this.place(); |
|
||||
$(window).on('resize', $.proxy(this.place, this)); |
|
||||
if (e ) { |
|
||||
e.stopPropagation(); |
|
||||
e.preventDefault(); |
|
||||
} |
|
||||
if (!this.isInput) { |
|
||||
} |
|
||||
var that = this; |
|
||||
$(document).on('mousedown', function(ev){ |
|
||||
if ($(ev.target).closest('.datepicker').length == 0) { |
|
||||
that.hide(); |
|
||||
} |
|
||||
}); |
|
||||
this.element.trigger({ |
|
||||
type: 'show', |
|
||||
date: this.date |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
hide: function(){ |
|
||||
this.picker.hide(); |
|
||||
$(window).off('resize', this.place); |
|
||||
this.viewMode = this.startViewMode; |
|
||||
this.showMode(); |
|
||||
if (!this.isInput) { |
|
||||
$(document).off('mousedown', this.hide); |
|
||||
} |
|
||||
//this.set();
|
|
||||
this.element.trigger({ |
|
||||
type: 'hide', |
|
||||
date: this.date |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
set: function() { |
|
||||
var formated = DPGlobal.formatDate(this.date, this.format); |
|
||||
if (!this.isInput) { |
|
||||
if (this.component){ |
|
||||
this.element.find('input').prop('value', formated); |
|
||||
} |
|
||||
this.element.data('date', formated); |
|
||||
} else { |
|
||||
this.element.prop('value', formated); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
setValue: function(newDate) { |
|
||||
if (typeof newDate === 'string') { |
|
||||
this.date = DPGlobal.parseDate(newDate, this.format); |
|
||||
} else { |
|
||||
this.date = new Date(newDate); |
|
||||
} |
|
||||
this.set(); |
|
||||
this.viewDate = new Date(this.date.getFullYear(), this.date.getMonth(), 1, 0, 0, 0, 0); |
|
||||
this.fill(); |
|
||||
}, |
|
||||
|
|
||||
place: function(){ |
|
||||
var offset = this.component ? this.component.offset() : this.element.offset(); |
|
||||
this.picker.css({ |
|
||||
top: offset.top + this.height, |
|
||||
left: offset.left |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
update: function(newDate){ |
|
||||
this.date = DPGlobal.parseDate( |
|
||||
typeof newDate === 'string' ? newDate : (this.isInput ? this.element.prop('value') : this.element.data('date')), |
|
||||
this.format |
|
||||
); |
|
||||
this.viewDate = new Date(this.date.getFullYear(), this.date.getMonth(), 1, 0, 0, 0, 0); |
|
||||
this.fill(); |
|
||||
}, |
|
||||
|
|
||||
fillDow: function(){ |
|
||||
var dowCnt = this.weekStart; |
|
||||
var html = '<tr>'; |
|
||||
while (dowCnt < this.weekStart + 7) { |
|
||||
html += '<th class="dow">'+DPGlobal.dates.daysMin[(dowCnt++)%7]+'</th>'; |
|
||||
} |
|
||||
html += '</tr>'; |
|
||||
this.picker.find('.datepicker-days thead').append(html); |
|
||||
}, |
|
||||
|
|
||||
fillMonths: function(){ |
|
||||
var html = ''; |
|
||||
var i = 0 |
|
||||
while (i < 12) { |
|
||||
html += '<span class="month">'+DPGlobal.dates.monthsShort[i++]+'</span>'; |
|
||||
} |
|
||||
this.picker.find('.datepicker-months td').append(html); |
|
||||
}, |
|
||||
|
|
||||
fill: function() { |
|
||||
var d = new Date(this.viewDate), |
|
||||
year = d.getFullYear(), |
|
||||
month = d.getMonth(), |
|
||||
currentDate = this.date.valueOf(); |
|
||||
this.picker.find('.datepicker-days th:eq(1)') |
|
||||
.text(DPGlobal.dates.months[month]+' '+year); |
|
||||
var prevMonth = new Date(year, month-1, 28,0,0,0,0), |
|
||||
day = DPGlobal.getDaysInMonth(prevMonth.getFullYear(), prevMonth.getMonth()); |
|
||||
prevMonth.setDate(day); |
|
||||
prevMonth.setDate(day - (prevMonth.getDay() - this.weekStart + 7)%7); |
|
||||
var nextMonth = new Date(prevMonth); |
|
||||
nextMonth.setDate(nextMonth.getDate() + 42); |
|
||||
nextMonth = nextMonth.valueOf(); |
|
||||
var html = []; |
|
||||
var clsName, |
|
||||
prevY, |
|
||||
prevM; |
|
||||
while(prevMonth.valueOf() < nextMonth) { |
|
||||
if (prevMonth.getDay() === this.weekStart) { |
|
||||
html.push('<tr>'); |
|
||||
} |
|
||||
clsName = this.onRender(prevMonth); |
|
||||
prevY = prevMonth.getFullYear(); |
|
||||
prevM = prevMonth.getMonth(); |
|
||||
if ((prevM < month && prevY === year) || prevY < year) { |
|
||||
clsName += ' old'; |
|
||||
} else if ((prevM > month && prevY === year) || prevY > year) { |
|
||||
clsName += ' new'; |
|
||||
} |
|
||||
if (prevMonth.valueOf() === currentDate) { |
|
||||
clsName += ' active'; |
|
||||
} |
|
||||
html.push('<td class="day '+clsName+'">'+prevMonth.getDate() + '</td>'); |
|
||||
if (prevMonth.getDay() === this.weekEnd) { |
|
||||
html.push('</tr>'); |
|
||||
} |
|
||||
prevMonth.setDate(prevMonth.getDate()+1); |
|
||||
} |
|
||||
this.picker.find('.datepicker-days tbody').empty().append(html.join('')); |
|
||||
var currentYear = this.date.getFullYear(); |
|
||||
|
|
||||
var months = this.picker.find('.datepicker-months') |
|
||||
.find('th:eq(1)') |
|
||||
.text(year) |
|
||||
.end() |
|
||||
.find('span').removeClass('active'); |
|
||||
if (currentYear === year) { |
|
||||
months.eq(this.date.getMonth()).addClass('active'); |
|
||||
} |
|
||||
|
|
||||
html = ''; |
|
||||
year = parseInt(year/10, 10) * 10; |
|
||||
var yearCont = this.picker.find('.datepicker-years') |
|
||||
.find('th:eq(1)') |
|
||||
.text(year + '-' + (year + 9)) |
|
||||
.end() |
|
||||
.find('td'); |
|
||||
year -= 1; |
|
||||
for (var i = -1; i < 11; i++) { |
|
||||
html += '<span class="year'+(i === -1 || i === 10 ? ' old' : '')+(currentYear === year ? ' active' : '')+'">'+year+'</span>'; |
|
||||
year += 1; |
|
||||
} |
|
||||
yearCont.html(html); |
|
||||
}, |
|
||||
|
|
||||
click: function(e) { |
|
||||
e.stopPropagation(); |
|
||||
e.preventDefault(); |
|
||||
var target = $(e.target).closest('span, td, th'); |
|
||||
if (target.length === 1) { |
|
||||
switch(target[0].nodeName.toLowerCase()) { |
|
||||
case 'th': |
|
||||
switch(target[0].className) { |
|
||||
case 'switch': |
|
||||
this.showMode(1); |
|
||||
break; |
|
||||
case 'prev': |
|
||||
case 'next': |
|
||||
this.viewDate['set'+DPGlobal.modes[this.viewMode].navFnc].call( |
|
||||
this.viewDate, |
|
||||
this.viewDate['get'+DPGlobal.modes[this.viewMode].navFnc].call(this.viewDate) + |
|
||||
DPGlobal.modes[this.viewMode].navStep * (target[0].className === 'prev' ? -1 : 1) |
|
||||
); |
|
||||
this.fill(); |
|
||||
this.set(); |
|
||||
break; |
|
||||
} |
|
||||
break; |
|
||||
case 'span': |
|
||||
if (target.is('.month')) { |
|
||||
var month = target.parent().find('span').index(target); |
|
||||
this.viewDate.setMonth(month); |
|
||||
} else { |
|
||||
var year = parseInt(target.text(), 10)||0; |
|
||||
this.viewDate.setFullYear(year); |
|
||||
} |
|
||||
if (this.viewMode !== 0) { |
|
||||
this.date = new Date(this.viewDate); |
|
||||
this.element.trigger({ |
|
||||
type: 'changeDate', |
|
||||
date: this.date, |
|
||||
viewMode: DPGlobal.modes[this.viewMode].clsName |
|
||||
}); |
|
||||
} |
|
||||
this.showMode(-1); |
|
||||
this.fill(); |
|
||||
this.set(); |
|
||||
break; |
|
||||
case 'td': |
|
||||
if (target.is('.day') && !target.is('.disabled')){ |
|
||||
var day = parseInt(target.text(), 10)||1; |
|
||||
var month = this.viewDate.getMonth(); |
|
||||
if (target.is('.old')) { |
|
||||
month -= 1; |
|
||||
} else if (target.is('.new')) { |
|
||||
month += 1; |
|
||||
} |
|
||||
var year = this.viewDate.getFullYear(); |
|
||||
this.date = new Date(year, month, day,0,0,0,0); |
|
||||
this.viewDate = new Date(year, month, Math.min(28, day),0,0,0,0); |
|
||||
this.fill(); |
|
||||
this.set(); |
|
||||
this.element.trigger({ |
|
||||
type: 'changeDate', |
|
||||
date: this.date, |
|
||||
viewMode: DPGlobal.modes[this.viewMode].clsName |
|
||||
}); |
|
||||
} |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
mousedown: function(e){ |
|
||||
e.stopPropagation(); |
|
||||
e.preventDefault(); |
|
||||
}, |
|
||||
|
|
||||
showMode: function(dir) { |
|
||||
if (dir) { |
|
||||
this.viewMode = Math.max(this.minViewMode, Math.min(2, this.viewMode + dir)); |
|
||||
} |
|
||||
this.picker.find('>div').hide().filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName).show(); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
$.fn.datepicker = function ( option, val ) { |
|
||||
return this.each(function () { |
|
||||
var $this = $(this), |
|
||||
data = $this.data('datepicker'), |
|
||||
options = typeof option === 'object' && option; |
|
||||
if (!data) { |
|
||||
$this.data('datepicker', (data = new Datepicker(this, $.extend({}, $.fn.datepicker.defaults,options)))); |
|
||||
} |
|
||||
if (typeof option === 'string') data[option](val); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
$.fn.datepicker.defaults = { |
|
||||
onRender: function(date) { |
|
||||
return ''; |
|
||||
} |
|
||||
}; |
|
||||
$.fn.datepicker.Constructor = Datepicker; |
|
||||
|
|
||||
var DPGlobal = { |
|
||||
modes: [ |
|
||||
{ |
|
||||
clsName: 'days', |
|
||||
navFnc: 'Month', |
|
||||
navStep: 1 |
|
||||
}, |
|
||||
{ |
|
||||
clsName: 'months', |
|
||||
navFnc: 'FullYear', |
|
||||
navStep: 1 |
|
||||
}, |
|
||||
{ |
|
||||
clsName: 'years', |
|
||||
navFnc: 'FullYear', |
|
||||
navStep: 10 |
|
||||
}], |
|
||||
dates:{ |
|
||||
days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"], |
|
||||
daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], |
|
||||
daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], |
|
||||
months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], |
|
||||
monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] |
|
||||
}, |
|
||||
isLeapYear: function (year) { |
|
||||
return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0)) |
|
||||
}, |
|
||||
getDaysInMonth: function (year, month) { |
|
||||
return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month] |
|
||||
}, |
|
||||
parseFormat: function(format){ |
|
||||
var separator = format.match(/[.\/\-\s].*?/), |
|
||||
parts = format.split(/\W+/); |
|
||||
if (!separator || !parts || parts.length === 0){ |
|
||||
throw new Error("Invalid date format."); |
|
||||
} |
|
||||
return {separator: separator, parts: parts}; |
|
||||
}, |
|
||||
parseDate: function(date, format) { |
|
||||
var parts = date.split(format.separator), |
|
||||
date = new Date(), |
|
||||
val; |
|
||||
date.setHours(0); |
|
||||
date.setMinutes(0); |
|
||||
date.setSeconds(0); |
|
||||
date.setMilliseconds(0); |
|
||||
if (parts.length === format.parts.length) { |
|
||||
var year = date.getFullYear(), day = date.getDate(), month = date.getMonth(); |
|
||||
for (var i=0, cnt = format.parts.length; i < cnt; i++) { |
|
||||
val = parseInt(parts[i], 10)||1; |
|
||||
switch(format.parts[i]) { |
|
||||
case 'dd': |
|
||||
case 'd': |
|
||||
day = val; |
|
||||
date.setDate(val); |
|
||||
break; |
|
||||
case 'mm': |
|
||||
case 'm': |
|
||||
month = val - 1; |
|
||||
date.setMonth(val - 1); |
|
||||
break; |
|
||||
case 'yy': |
|
||||
year = 2000 + val; |
|
||||
date.setFullYear(2000 + val); |
|
||||
break; |
|
||||
case 'yyyy': |
|
||||
year = val; |
|
||||
date.setFullYear(val); |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
date = new Date(year, month, day, 0 ,0 ,0); |
|
||||
} |
|
||||
return date; |
|
||||
}, |
|
||||
formatDate: function(date, format){ |
|
||||
var val = { |
|
||||
d: date.getDate(), |
|
||||
m: date.getMonth() + 1, |
|
||||
yy: date.getFullYear().toString().substring(2), |
|
||||
yyyy: date.getFullYear() |
|
||||
}; |
|
||||
val.dd = (val.d < 10 ? '0' : '') + val.d; |
|
||||
val.mm = (val.m < 10 ? '0' : '') + val.m; |
|
||||
var date = []; |
|
||||
for (var i=0, cnt = format.parts.length; i < cnt; i++) { |
|
||||
date.push(val[format.parts[i]]); |
|
||||
} |
|
||||
return date.join(format.separator); |
|
||||
}, |
|
||||
headTemplate: '<thead>'+ |
|
||||
'<tr>'+ |
|
||||
'<th class="prev">‹</th>'+ |
|
||||
'<th colspan="5" class="switch"></th>'+ |
|
||||
'<th class="next">›</th>'+ |
|
||||
'</tr>'+ |
|
||||
'</thead>', |
|
||||
contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>' |
|
||||
}; |
|
||||
DPGlobal.template = '<div class="datepicker dropdown-menu">'+ |
|
||||
'<div class="datepicker-days">'+ |
|
||||
'<table class=" table-condensed">'+ |
|
||||
DPGlobal.headTemplate+ |
|
||||
'<tbody></tbody>'+ |
|
||||
'</table>'+ |
|
||||
'</div>'+ |
|
||||
'<div class="datepicker-months">'+ |
|
||||
'<table class="table-condensed">'+ |
|
||||
DPGlobal.headTemplate+ |
|
||||
DPGlobal.contTemplate+ |
|
||||
'</table>'+ |
|
||||
'</div>'+ |
|
||||
'<div class="datepicker-years">'+ |
|
||||
'<table class="table-condensed">'+ |
|
||||
DPGlobal.headTemplate+ |
|
||||
DPGlobal.contTemplate+ |
|
||||
'</table>'+ |
|
||||
'</div>'+ |
|
||||
'</div>'; |
|
||||
|
|
||||
}( window.jQuery ); |
|
||||
File diff suppressed because it is too large
@ -1,445 +0,0 @@ |
|||||
var DateFormat = {}; |
|
||||
|
|
||||
(function($) { |
|
||||
var daysInWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; |
|
||||
var shortMonthsInYear = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', |
|
||||
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; |
|
||||
var longMonthsInYear = ['January', 'February', 'March', 'April', 'May', 'June', |
|
||||
'July', 'August', 'September', 'October', 'November', 'December']; |
|
||||
var shortMonthsToNumber = { 'Jan': '01', 'Feb': '02', 'Mar': '03', 'Apr': '04', 'May': '05', 'Jun': '06', |
|
||||
'Jul': '07', 'Aug': '08', 'Sep': '09', 'Oct': '10', 'Nov': '11', 'Dec': '12' }; |
|
||||
|
|
||||
var YYYYMMDD_MATCHER = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.?\d{0,3}[Z\-+]?(\d{2}:?\d{2})?/; |
|
||||
|
|
||||
$.format = (function() { |
|
||||
function numberToLongDay(value) { |
|
||||
// 0 to Sunday
|
|
||||
// 1 to Monday
|
|
||||
return daysInWeek[parseInt(value, 10)] || value; |
|
||||
} |
|
||||
|
|
||||
function numberToShortMonth(value) { |
|
||||
// 1 to Jan
|
|
||||
// 2 to Feb
|
|
||||
var monthArrayIndex = parseInt(value, 10) - 1; |
|
||||
return shortMonthsInYear[monthArrayIndex] || value; |
|
||||
} |
|
||||
|
|
||||
function numberToLongMonth(value) { |
|
||||
// 1 to January
|
|
||||
// 2 to February
|
|
||||
var monthArrayIndex = parseInt(value, 10) - 1; |
|
||||
return longMonthsInYear[monthArrayIndex] || value; |
|
||||
} |
|
||||
|
|
||||
function shortMonthToNumber(value) { |
|
||||
// Jan to 01
|
|
||||
// Feb to 02
|
|
||||
return shortMonthsToNumber[value] || value; |
|
||||
} |
|
||||
|
|
||||
function parseTime(value) { |
|
||||
// 10:54:50.546
|
|
||||
// => hour: 10, minute: 54, second: 50, millis: 546
|
|
||||
// 10:54:50
|
|
||||
// => hour: 10, minute: 54, second: 50, millis: ''
|
|
||||
var time = value, |
|
||||
values, |
|
||||
subValues, |
|
||||
hour, |
|
||||
minute, |
|
||||
second, |
|
||||
millis = '', |
|
||||
delimited, |
|
||||
timeArray; |
|
||||
|
|
||||
if(time.indexOf('.') !== -1) { |
|
||||
delimited = time.split('.'); |
|
||||
// split time and milliseconds
|
|
||||
time = delimited[0]; |
|
||||
millis = delimited[1]; |
|
||||
} |
|
||||
|
|
||||
timeArray = time.split(':'); |
|
||||
|
|
||||
if(timeArray.length === 3) { |
|
||||
hour = timeArray[0]; |
|
||||
minute = timeArray[1]; |
|
||||
// '20 GMT-0200 (BRST)'.replace(/\s.+/, '').replace(/[a-z]/gi, '');
|
|
||||
// => 20
|
|
||||
// '20Z'.replace(/\s.+/, '').replace(/[a-z]/gi, '');
|
|
||||
// => 20
|
|
||||
second = timeArray[2].replace(/\s.+/, '').replace(/[a-z]/gi, ''); |
|
||||
// '01:10:20 GMT-0200 (BRST)'.replace(/\s.+/, '').replace(/[a-z]/gi, '');
|
|
||||
// => 01:10:20
|
|
||||
// '01:10:20Z'.replace(/\s.+/, '').replace(/[a-z]/gi, '');
|
|
||||
// => 01:10:20
|
|
||||
time = time.replace(/\s.+/, '').replace(/[a-z]/gi, ''); |
|
||||
return { |
|
||||
time: time, |
|
||||
hour: hour, |
|
||||
minute: minute, |
|
||||
second: second, |
|
||||
millis: millis |
|
||||
}; |
|
||||
} |
|
||||
|
|
||||
return { time : '', hour : '', minute : '', second : '', millis : '' }; |
|
||||
} |
|
||||
|
|
||||
|
|
||||
function padding(value, length) { |
|
||||
var paddingCount = length - String(value).length; |
|
||||
for(var i = 0; i < paddingCount; i++) { |
|
||||
value = '0' + value; |
|
||||
} |
|
||||
return value; |
|
||||
} |
|
||||
|
|
||||
return { |
|
||||
|
|
||||
parseDate: function(value) { |
|
||||
var parsedDate = { |
|
||||
date: null, |
|
||||
year: null, |
|
||||
month: null, |
|
||||
dayOfMonth: null, |
|
||||
dayOfWeek: null, |
|
||||
time: null |
|
||||
}; |
|
||||
|
|
||||
if(typeof value == 'number') { |
|
||||
return this.parseDate(new Date(value)); |
|
||||
} else if(typeof value.getFullYear == 'function') { |
|
||||
parsedDate.year = String(value.getFullYear()); |
|
||||
// d = new Date(1900, 1, 1) // 1 for Feb instead of Jan.
|
|
||||
// => Thu Feb 01 1900 00:00:00
|
|
||||
parsedDate.month = String(value.getMonth() + 1); |
|
||||
parsedDate.dayOfMonth = String(value.getDate()); |
|
||||
parsedDate.time = parseTime(value.toTimeString()); |
|
||||
} else if(value.search(YYYYMMDD_MATCHER) != -1) { |
|
||||
/* 2009-04-19T16:11:05+02:00 || 2009-04-19T16:11:05Z */ |
|
||||
values = value.split(/[T\+-]/); |
|
||||
parsedDate.year = values[0]; |
|
||||
parsedDate.month = values[1]; |
|
||||
parsedDate.dayOfMonth = values[2]; |
|
||||
parsedDate.time = parseTime(values[3].split('.')[0]); |
|
||||
} else { |
|
||||
values = value.split(' '); |
|
||||
switch (values.length) { |
|
||||
case 6: |
|
||||
/* Wed Jan 13 10:43:41 CET 2010 */ |
|
||||
parsedDate.year = values[5]; |
|
||||
parsedDate.month = shortMonthToNumber(values[1]); |
|
||||
parsedDate.dayOfMonth = values[2]; |
|
||||
parsedDate.time = parseTime(values[3]); |
|
||||
break; |
|
||||
case 2: |
|
||||
/* 2009-12-18 10:54:50.546 */ |
|
||||
subValues = values[0].split('-'); |
|
||||
parsedDate.year = subValues[0]; |
|
||||
parsedDate.month = subValues[1]; |
|
||||
parsedDate.dayOfMonth = subValues[2]; |
|
||||
parsedDate.time = parseTime(values[1]); |
|
||||
break; |
|
||||
case 7: |
|
||||
/* Tue Mar 01 2011 12:01:42 GMT-0800 (PST) */ |
|
||||
case 9: |
|
||||
/* added by Larry, for Fri Apr 08 2011 00:00:00 GMT+0800 (China Standard Time) */ |
|
||||
case 10: |
|
||||
/* added by Larry, for Fri Apr 08 2011 00:00:00 GMT+0200 (W. Europe Daylight Time) */ |
|
||||
parsedDate.year = values[3]; |
|
||||
parsedDate.month = shortMonthToNumber(values[1]); |
|
||||
parsedDate.dayOfMonth = values[2]; |
|
||||
parsedDate.time = parseTime(values[4]); |
|
||||
break; |
|
||||
case 1: |
|
||||
/* added by Jonny, for 2012-02-07CET00:00:00 (Doctrine Entity -> Json Serializer) */ |
|
||||
subValues = values[0].split(''); |
|
||||
parsedDate.year = subValues[0] + subValues[1] + subValues[2] + subValues[3]; |
|
||||
parsedDate.month = subValues[5] + subValues[6]; |
|
||||
parsedDate.dayOfMonth = subValues[8] + subValues[9]; |
|
||||
parsedDate.time = parseTime(subValues[13] + subValues[14] + subValues[15] + subValues[16] + subValues[17] + subValues[18] + subValues[19] + subValues[20]); |
|
||||
break; |
|
||||
default: |
|
||||
return null; |
|
||||
} |
|
||||
} |
|
||||
parsedDate.date = new Date(parsedDate.year, parsedDate.month - 1, parsedDate.dayOfMonth); |
|
||||
parsedDate.dayOfWeek = String(parsedDate.date.getDay()); |
|
||||
|
|
||||
return parsedDate; |
|
||||
}, |
|
||||
|
|
||||
date : function(value, format) { |
|
||||
try { |
|
||||
var parsedDate = this.parseDate(value); |
|
||||
|
|
||||
if(parsedDate === null) { |
|
||||
return value; |
|
||||
} |
|
||||
|
|
||||
var date = parsedDate.date, |
|
||||
year = parsedDate.year, |
|
||||
month = parsedDate.month, |
|
||||
dayOfMonth = parsedDate.dayOfMonth, |
|
||||
dayOfWeek = parsedDate.dayOfWeek, |
|
||||
time = parsedDate.time; |
|
||||
|
|
||||
var pattern = '', |
|
||||
retValue = '', |
|
||||
unparsedRest = '', |
|
||||
inQuote = false; |
|
||||
|
|
||||
/* Issue 1 - variable scope issue in format.date (Thanks jakemonO) */ |
|
||||
for(var i = 0; i < format.length; i++) { |
|
||||
var currentPattern = format.charAt(i); |
|
||||
// Look-Ahead Right (LALR)
|
|
||||
var nextRight = format.charAt(i + 1); |
|
||||
|
|
||||
if (inQuote) { |
|
||||
if (currentPattern == "'") { |
|
||||
retValue += (pattern === '') ? "'" : pattern; |
|
||||
pattern = ''; |
|
||||
inQuote = false; |
|
||||
} else { |
|
||||
pattern += currentPattern; |
|
||||
} |
|
||||
continue; |
|
||||
} |
|
||||
pattern += currentPattern; |
|
||||
unparsedRest = ''; |
|
||||
switch (pattern) { |
|
||||
case 'ddd': |
|
||||
retValue += numberToLongDay(dayOfWeek); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'dd': |
|
||||
if(nextRight === 'd') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += padding(dayOfMonth, 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'd': |
|
||||
if(nextRight === 'd') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += parseInt(dayOfMonth, 10); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'D': |
|
||||
if(dayOfMonth == 1 || dayOfMonth == 21 || dayOfMonth == 31) { |
|
||||
dayOfMonth = parseInt(dayOfMonth, 10) + 'st'; |
|
||||
} else if(dayOfMonth == 2 || dayOfMonth == 22) { |
|
||||
dayOfMonth = parseInt(dayOfMonth, 10) + 'nd'; |
|
||||
} else if(dayOfMonth == 3 || dayOfMonth == 23) { |
|
||||
dayOfMonth = parseInt(dayOfMonth, 10) + 'rd'; |
|
||||
} else { |
|
||||
dayOfMonth = parseInt(dayOfMonth, 10) + 'th'; |
|
||||
} |
|
||||
retValue += dayOfMonth; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'MMMM': |
|
||||
retValue += numberToLongMonth(month); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'MMM': |
|
||||
if(nextRight === 'M') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += numberToShortMonth(month); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'MM': |
|
||||
if(nextRight === 'M') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += padding(month, 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'M': |
|
||||
if(nextRight === 'M') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += parseInt(month, 10); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'y': |
|
||||
case 'yyy': |
|
||||
if(nextRight === 'y') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += pattern; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'yy': |
|
||||
if(nextRight === 'y') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += String(year).slice(-2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'yyyy': |
|
||||
retValue += year; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'HH': |
|
||||
retValue += padding(time.hour, 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'H': |
|
||||
if(nextRight === 'H') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += parseInt(time.hour, 10); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'hh': |
|
||||
/* time.hour is '00' as string == is used instead of === */ |
|
||||
hour = (parseInt(time.hour, 10) === 0 ? 12 : time.hour < 13 ? time.hour |
|
||||
: time.hour - 12); |
|
||||
retValue += padding(hour, 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'h': |
|
||||
if(nextRight === 'h') { |
|
||||
break; |
|
||||
} |
|
||||
hour = (parseInt(time.hour, 10) === 0 ? 12 : time.hour < 13 ? time.hour |
|
||||
: time.hour - 12); |
|
||||
retValue += parseInt(hour, 10); |
|
||||
// Fixing issue https://github.com/phstc/jquery-dateFormat/issues/21
|
|
||||
// retValue = parseInt(retValue, 10);
|
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'mm': |
|
||||
retValue += padding(time.minute, 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'm': |
|
||||
if(nextRight === 'm') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += time.minute; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'ss': |
|
||||
/* ensure only seconds are added to the return string */ |
|
||||
retValue += padding(time.second.substring(0, 2), 2); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 's': |
|
||||
if(nextRight === 's') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += time.second; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'S': |
|
||||
case 'SS': |
|
||||
if(nextRight === 'S') { |
|
||||
break; |
|
||||
} |
|
||||
retValue += pattern; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'SSS': |
|
||||
retValue += time.millis.substring(0, 3); |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'a': |
|
||||
retValue += time.hour >= 12 ? 'PM' : 'AM'; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case 'p': |
|
||||
retValue += time.hour >= 12 ? 'p.m.' : 'a.m.'; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
case "'": |
|
||||
pattern = ''; |
|
||||
inQuote = true; |
|
||||
break; |
|
||||
default: |
|
||||
retValue += currentPattern; |
|
||||
pattern = ''; |
|
||||
break; |
|
||||
} |
|
||||
} |
|
||||
retValue += unparsedRest; |
|
||||
return retValue; |
|
||||
} catch (e) { |
|
||||
if(console && console.log) { |
|
||||
console.log(e); |
|
||||
} |
|
||||
return value; |
|
||||
} |
|
||||
}, |
|
||||
/* |
|
||||
* JavaScript Pretty Date |
|
||||
* Copyright (c) 2011 John Resig (ejohn.org) |
|
||||
* Licensed under the MIT and GPL licenses. |
|
||||
* |
|
||||
* Takes an ISO time and returns a string representing how long ago the date |
|
||||
* represents |
|
||||
* |
|
||||
* ('2008-01-28T20:24:17Z') // => '2 hours ago'
|
|
||||
* ('2008-01-27T22:24:17Z') // => 'Yesterday'
|
|
||||
* ('2008-01-26T22:24:17Z') // => '2 days ago'
|
|
||||
* ('2008-01-14T22:24:17Z') // => '2 weeks ago'
|
|
||||
* ('2007-12-15T22:24:17Z') // => 'more than 5 weeks ago'
|
|
||||
* |
|
||||
*/ |
|
||||
prettyDate : function(time) { |
|
||||
var date; |
|
||||
var diff; |
|
||||
var day_diff; |
|
||||
|
|
||||
if(typeof time === 'string' || typeof time === 'number') { |
|
||||
date = new Date(time); |
|
||||
} |
|
||||
|
|
||||
if(typeof time === 'object') { |
|
||||
date = new Date(time.toString()); |
|
||||
} |
|
||||
|
|
||||
diff = (((new Date()).getTime() - date.getTime()) / 1000); |
|
||||
|
|
||||
day_diff = Math.floor(diff / 86400); |
|
||||
|
|
||||
if(isNaN(day_diff) || day_diff < 0) { |
|
||||
return; |
|
||||
} |
|
||||
|
|
||||
if(diff < 60) { |
|
||||
return 'just now'; |
|
||||
} else if(diff < 120) { |
|
||||
return '1 minute ago'; |
|
||||
} else if(diff < 3600) { |
|
||||
return Math.floor(diff / 60) + ' minutes ago'; |
|
||||
} else if(diff < 7200) { |
|
||||
return '1 hour ago'; |
|
||||
} else if(diff < 86400) { |
|
||||
return Math.floor(diff / 3600) + ' hours ago'; |
|
||||
} else if(day_diff === 1) { |
|
||||
return 'Yesterday'; |
|
||||
} else if(day_diff < 7) { |
|
||||
return day_diff + ' days ago'; |
|
||||
} else if(day_diff < 31) { |
|
||||
return Math.ceil(day_diff / 7) + ' weeks ago'; |
|
||||
} else if(day_diff >= 31) { |
|
||||
return 'more than 5 weeks ago'; |
|
||||
} |
|
||||
}, |
|
||||
toBrowserTimeZone : function(value, format) { |
|
||||
return this.date(new Date(value), format || 'MM/dd/yyyy HH:mm:ss'); |
|
||||
} |
|
||||
}; |
|
||||
}()); |
|
||||
}(DateFormat)); |
|
||||
;// require dateFormat.js
|
|
||||
// please check `dist/jquery.dateFormat.js` for a complete version
|
|
||||
(function($) { |
|
||||
$.format = DateFormat.format; |
|
||||
}(jQuery)); |
|
||||
@ -1,81 +1,83 @@ |
|||||
$(document).ready(function(){ |
$(document).ready(function () { |
||||
|
|
||||
var currentdate = new Date(); |
var $date_input = $("#date_id"); |
||||
$("#date_id").datepicker().on('changeDate', function(ev){ |
$date_input.datetimepicker({format: $date_input.data("format")}); |
||||
$("#date_id").datepicker('hide'); |
|
||||
}); |
|
||||
$("#date_id").datepicker('setValue', currentdate); |
|
||||
|
|
||||
$("#start_time_id").timepicker(); |
var $start_time_input = $("#start_time_id"); |
||||
$("#end_time_id").timepicker(); |
var $end_time_input = $("#end_time_id"); |
||||
|
[$start_time_input, $end_time_input].forEach(function($x) { |
||||
|
$x.datetimepicker({format: $x.data("format"), stepping: 15}); |
||||
|
}) |
||||
|
|
||||
$("#add_time_entry_submit").click(function(){ |
$("#add_time_entry_submit").click(function () { |
||||
date = $("#date_id").val(); |
date = $date_input.val(); |
||||
start_date = new Date(date + " " + $("#start_time_id").val()); |
start_date = new Date(date + " " + $start_time_input.val()); |
||||
end_date = new Date(date + " " + $("#end_time_id").val()); |
end_date = new Date(date + " " + $end_time_input.val()); |
||||
|
|
||||
forward = $("#add_time_entry_submit").data("forward"); |
forward = $("#add_time_entry_submit").data("forward"); |
||||
|
|
||||
// If a bike is selected, forward to the bike
|
// If a bike is selected, forward to the bike
|
||||
// checklist.
|
// checklist.
|
||||
bike_id = parseInt($("#bike_id").val()); |
bike_id = parseInt($("#bike_id").val()); |
||||
if( bike_id > 0 ){ |
if (bike_id > 0) { |
||||
forward = "/task_lists/" + bike_id + "/edit"; |
forward = "/task_lists/" + bike_id + "/edit"; |
||||
} |
} |
||||
|
|
||||
//FIXME: Ideally, we'd submit the dates as ISO, but I can't figure out
|
//FIXME: Ideally, we'd submit the dates as ISO, but I can't figure out
|
||||
// how to get Netzke to render UTC dates correctly (it calls to_json
|
// how to get Netzke to render UTC dates correctly (it calls to_json
|
||||
// somewhere and drops off the timezone). For the time being, save dates
|
// somewhere and drops off the timezone). For the time being, save dates
|
||||
// in locale like Netzke.
|
// in locale like Netzke.
|
||||
json_data = { time_entries: [{ |
json_data = { |
||||
start_date: $.format.date(start_date, "dd-MM-yyyy hh:mm a"), |
time_entries: [{ |
||||
end_date: $.format.date(end_date, "dd-MM-yyyy hh:mm a"), |
start_date: moment(start_date).format("DD-MM-YYYY h:mm A"), |
||||
log_action_id: parseInt($('input[name=action_id]:checked').val()), |
end_date: moment(end_date).format("DD-MM-YYYY h:mm A"), |
||||
bike_id: bike_id, |
log_action_id: parseInt($('input[name=action_id]:checked').val()), |
||||
description: $("#description_id").val(), |
bike_id: bike_id, |
||||
}]}; |
description: $("#description_id").val(), |
||||
|
}] |
||||
|
}; |
||||
|
|
||||
$.ajax({ |
$.ajax({ |
||||
url: $("#add_time_entry_submit").data("url"), |
url: $("#add_time_entry_submit").data("url"), |
||||
type: "POST", |
type: "POST", |
||||
data: JSON.stringify(json_data), |
data: JSON.stringify(json_data), |
||||
contentType: 'application/json', |
contentType: 'application/json', |
||||
dataType: "json", |
dataType: "json", |
||||
success: function(data, status, xhr){ |
success: function (data, status, xhr) { |
||||
window.location = forward; |
window.location = forward; |
||||
}, |
}, |
||||
error: function(data, status ){ |
error: function (data, status) { |
||||
displayFormErrors(data.responseJSON); |
displayFormErrors(data.responseJSON); |
||||
} |
} |
||||
}); |
}); |
||||
|
|
||||
}); |
}); |
||||
|
|
||||
$(".work_entry-delete-btn").click(function(){ |
$(".work_entry-delete-btn").click(function () { |
||||
row = $(this).closest("tr"); |
row = $(this).closest("tr"); |
||||
entry_id = row.data("id"); |
entry_id = row.data("id"); |
||||
start_date = row.data("start_date"); |
start_date = row.data("start_date"); |
||||
duration = row.data("duration"); |
duration = row.data("duration"); |
||||
description = row.data("description"); |
description = row.data("description"); |
||||
$("#work_entry_start_date").html(start_date); |
$("#work_entry_start_date").html(start_date); |
||||
$("#work_entry_duration").html(duration); |
$("#work_entry_duration").html(duration); |
||||
$("#work_entry_description").html(description); |
$("#work_entry_description").html(description); |
||||
$("#confirmation_delete").data("entry_id", entry_id); |
$("#confirmation_delete").data("entry_id", entry_id); |
||||
}); |
}); |
||||
|
|
||||
$("#confirmation_delete").click(function(){ |
$("#confirmation_delete").click(function () { |
||||
entry_id = $(this).data("entry_id"); |
entry_id = $(this).data("entry_id"); |
||||
url = $("#confirmation_delete").data("url") + entry_id; |
url = $("#confirmation_delete").data("url") + entry_id; |
||||
$.ajax({ |
$.ajax({ |
||||
url: url, |
url: url, |
||||
type: "delete", |
type: "delete", |
||||
contentType: 'application/json', |
contentType: 'application/json', |
||||
success: function(data, status, xhr){ |
success: function (data, status, xhr) { |
||||
location.reload(); |
location.reload(); |
||||
}, |
}, |
||||
error: function(data, status ){ |
error: function (data, status) { |
||||
displayFormErrors(data.responseJSON); |
displayFormErrors(data.responseJSON); |
||||
} |
} |
||||
|
}); |
||||
}); |
}); |
||||
}); |
|
||||
}); |
}); |
||||
|
|||||
@ -1,15 +0,0 @@ |
|||||
/* |
|
||||
* This is a manifest file that'll be compiled into application.css, which will include all the files |
|
||||
* listed below. |
|
||||
* |
|
||||
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, |
|
||||
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. |
|
||||
* |
|
||||
* You're free to add application-wide styles to this file and they'll appear at the top of the |
|
||||
* compiled file, but it's generally better to create a new file per style scope. |
|
||||
* |
|
||||
*= require_self |
|
||||
*= require datepicker |
|
||||
*= require bootstrap-timepicker |
|
||||
*= require bootstrap_and_overrides |
|
||||
*/ |
|
||||
@ -0,0 +1,3 @@ |
|||||
|
@import "bootstrap"; |
||||
|
@import "bootstrap-datetimepicker"; |
||||
|
@import "frontend"; |
||||
@ -1,146 +0,0 @@ |
|||||
/*! |
|
||||
* Timepicker Component for Twitter Bootstrap |
|
||||
* |
|
||||
* Copyright 2013 Joris de Wit |
|
||||
* |
|
||||
* Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors |
|
||||
* |
|
||||
* For the full copyright and license information, please view the LICENSE |
|
||||
* file that was distributed with this source code. |
|
||||
*/ |
|
||||
.bootstrap-timepicker { |
|
||||
position: relative; |
|
||||
} |
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { |
|
||||
left: auto; |
|
||||
right: 0; |
|
||||
} |
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { |
|
||||
left: auto; |
|
||||
right: 12px; |
|
||||
} |
|
||||
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { |
|
||||
left: auto; |
|
||||
right: 13px; |
|
||||
} |
|
||||
.bootstrap-timepicker .add-on { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.bootstrap-timepicker .add-on i { |
|
||||
display: inline-block; |
|
||||
width: 16px; |
|
||||
height: 16px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.dropdown-menu { |
|
||||
padding: 4px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.dropdown-menu.open { |
|
||||
display: inline-block; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.dropdown-menu:before { |
|
||||
border-bottom: 7px solid rgba(0, 0, 0, 0.2); |
|
||||
border-left: 7px solid transparent; |
|
||||
border-right: 7px solid transparent; |
|
||||
content: ""; |
|
||||
display: inline-block; |
|
||||
position: absolute; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.dropdown-menu:after { |
|
||||
border-bottom: 6px solid #FFFFFF; |
|
||||
border-left: 6px solid transparent; |
|
||||
border-right: 6px solid transparent; |
|
||||
content: ""; |
|
||||
display: inline-block; |
|
||||
position: absolute; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-left:before { |
|
||||
left: 6px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-left:after { |
|
||||
left: 7px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-right:before { |
|
||||
right: 6px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-right:after { |
|
||||
right: 7px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-top:before { |
|
||||
top: -7px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-top:after { |
|
||||
top: -6px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-bottom:before { |
|
||||
bottom: -7px; |
|
||||
border-bottom: 0; |
|
||||
border-top: 7px solid #999; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget.timepicker-orient-bottom:after { |
|
||||
bottom: -6px; |
|
||||
border-bottom: 0; |
|
||||
border-top: 6px solid #ffffff; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget a.btn, |
|
||||
.bootstrap-timepicker-widget input { |
|
||||
border-radius: 4px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table { |
|
||||
width: 100%; |
|
||||
margin: 0; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td { |
|
||||
text-align: center; |
|
||||
height: 30px; |
|
||||
margin: 0; |
|
||||
padding: 2px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td:not(.separator) { |
|
||||
min-width: 30px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td span { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td a { |
|
||||
border: 1px transparent solid; |
|
||||
width: 100%; |
|
||||
display: inline-block; |
|
||||
margin: 0; |
|
||||
padding: 8px 0; |
|
||||
outline: 0; |
|
||||
color: #333; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td a:hover { |
|
||||
text-decoration: none; |
|
||||
background-color: #eee; |
|
||||
-webkit-border-radius: 4px; |
|
||||
-moz-border-radius: 4px; |
|
||||
border-radius: 4px; |
|
||||
border-color: #ddd; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td a i { |
|
||||
margin-top: 2px; |
|
||||
font-size: 18px; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget table td input { |
|
||||
width: 25px; |
|
||||
margin: 0; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.bootstrap-timepicker-widget .modal-content { |
|
||||
padding: 4px; |
|
||||
} |
|
||||
@media (min-width: 767px) { |
|
||||
.bootstrap-timepicker-widget.modal { |
|
||||
width: 200px; |
|
||||
margin-left: -100px; |
|
||||
} |
|
||||
} |
|
||||
@media (max-width: 767px) { |
|
||||
.bootstrap-timepicker { |
|
||||
width: 100%; |
|
||||
} |
|
||||
.bootstrap-timepicker .dropdown-menu { |
|
||||
width: 100%; |
|
||||
} |
|
||||
} |
|
||||
@ -1,47 +0,0 @@ |
|||||
@import "twitter/bootstrap/bootstrap"; |
|
||||
body { |
|
||||
padding-top: 60px; |
|
||||
padding-left: 20px; |
|
||||
} |
|
||||
|
|
||||
@import "twitter/bootstrap/responsive"; |
|
||||
|
|
||||
// Set the correct sprite paths |
|
||||
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png'); |
|
||||
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png'); |
|
||||
|
|
||||
// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines) |
|
||||
// Note: If you use asset_path() here, your compiled boostrap_and_overrides.css will not |
|
||||
// have the proper paths. So for now we use the absolute path. |
|
||||
@fontAwesomeEotPath: '/assets/fontawesome-webfont.eot'; |
|
||||
@fontAwesomeWoffPath: '/assets/fontawesome-webfont.woff'; |
|
||||
@fontAwesomeTtfPath: '/assets/fontawesome-webfont.ttf'; |
|
||||
@fontAwesomeSvgPath: '/assets/fontawesome-webfont.svg'; |
|
||||
|
|
||||
// Font Awesome |
|
||||
@import "fontawesome"; |
|
||||
|
|
||||
// Your custom LESS stylesheets goes here |
|
||||
// |
|
||||
// Since bootstrap was imported above you have access to its mixins which |
|
||||
// you may use and inherit here |
|
||||
// |
|
||||
// If you'd like to override bootstrap's own variables, you can do so here as well |
|
||||
// See http://twitter.github.com/bootstrap/less.html for their names and documentation |
|
||||
// |
|
||||
// Example: |
|
||||
// @linkColor: #ff0000; |
|
||||
|
|
||||
[data-toggle="buttons-radio"] > .btn > input[type="radio"], |
|
||||
[data-toggle="buttons"] > .btn > input[type="checkbox"] { |
|
||||
display: none; |
|
||||
} |
|
||||
|
|
||||
.inline-block { |
|
||||
display: inline-block; |
|
||||
} |
|
||||
|
|
||||
.control-group.error .btn-group > .btn { |
|
||||
color: #b94a48; |
|
||||
border-color: #b94a48; |
|
||||
} |
|
||||
@ -1,182 +0,0 @@ |
|||||
/*! |
|
||||
* Datepicker for Bootstrap |
|
||||
* |
|
||||
* Copyright 2012 Stefan Petre |
|
||||
* Licensed under the Apache License v2.0 |
|
||||
* http://www.apache.org/licenses/LICENSE-2.0 |
|
||||
* |
|
||||
*/ |
|
||||
.datepicker { |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
padding: 4px; |
|
||||
margin-top: 1px; |
|
||||
-webkit-border-radius: 4px; |
|
||||
-moz-border-radius: 4px; |
|
||||
border-radius: 4px; |
|
||||
/*.dow { |
|
||||
border-top: 1px solid #ddd !important; |
|
||||
}*/ |
|
||||
|
|
||||
} |
|
||||
.datepicker:before { |
|
||||
content: ''; |
|
||||
display: inline-block; |
|
||||
border-left: 7px solid transparent; |
|
||||
border-right: 7px solid transparent; |
|
||||
border-bottom: 7px solid #ccc; |
|
||||
border-bottom-color: rgba(0, 0, 0, 0.2); |
|
||||
position: absolute; |
|
||||
top: -7px; |
|
||||
left: 6px; |
|
||||
} |
|
||||
.datepicker:after { |
|
||||
content: ''; |
|
||||
display: inline-block; |
|
||||
border-left: 6px solid transparent; |
|
||||
border-right: 6px solid transparent; |
|
||||
border-bottom: 6px solid #ffffff; |
|
||||
position: absolute; |
|
||||
top: -6px; |
|
||||
left: 7px; |
|
||||
} |
|
||||
.datepicker > div { |
|
||||
display: none; |
|
||||
} |
|
||||
.datepicker table { |
|
||||
width: 100%; |
|
||||
margin: 0; |
|
||||
} |
|
||||
.datepicker td, |
|
||||
.datepicker th { |
|
||||
text-align: center; |
|
||||
width: 20px; |
|
||||
height: 20px; |
|
||||
-webkit-border-radius: 4px; |
|
||||
-moz-border-radius: 4px; |
|
||||
border-radius: 4px; |
|
||||
} |
|
||||
.datepicker td.day:hover { |
|
||||
background: #eeeeee; |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.datepicker td.day.disabled { |
|
||||
color: #eeeeee; |
|
||||
} |
|
||||
.datepicker td.old, |
|
||||
.datepicker td.new { |
|
||||
color: #999999; |
|
||||
} |
|
||||
.datepicker td.active, |
|
||||
.datepicker td.active:hover { |
|
||||
color: #ffffff; |
|
||||
background-color: #006dcc; |
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc); |
|
||||
background-repeat: repeat-x; |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); |
|
||||
border-color: #0044cc #0044cc #002a80; |
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
||||
*background-color: #0044cc; |
|
||||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
|
||||
|
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
color: #fff; |
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
||||
} |
|
||||
.datepicker td.active:hover, |
|
||||
.datepicker td.active:hover:hover, |
|
||||
.datepicker td.active:focus, |
|
||||
.datepicker td.active:hover:focus, |
|
||||
.datepicker td.active:active, |
|
||||
.datepicker td.active:hover:active, |
|
||||
.datepicker td.active.active, |
|
||||
.datepicker td.active:hover.active, |
|
||||
.datepicker td.active.disabled, |
|
||||
.datepicker td.active:hover.disabled, |
|
||||
.datepicker td.active[disabled], |
|
||||
.datepicker td.active:hover[disabled] { |
|
||||
color: #ffffff; |
|
||||
background-color: #0044cc; |
|
||||
*background-color: #003bb3; |
|
||||
} |
|
||||
.datepicker td.active:active, |
|
||||
.datepicker td.active:hover:active, |
|
||||
.datepicker td.active.active, |
|
||||
.datepicker td.active:hover.active { |
|
||||
background-color: #003399 \9; |
|
||||
} |
|
||||
.datepicker td span { |
|
||||
display: block; |
|
||||
width: 47px; |
|
||||
height: 54px; |
|
||||
line-height: 54px; |
|
||||
float: left; |
|
||||
margin: 2px; |
|
||||
cursor: pointer; |
|
||||
-webkit-border-radius: 4px; |
|
||||
-moz-border-radius: 4px; |
|
||||
border-radius: 4px; |
|
||||
} |
|
||||
.datepicker td span:hover { |
|
||||
background: #eeeeee; |
|
||||
} |
|
||||
.datepicker td span.active { |
|
||||
color: #ffffff; |
|
||||
background-color: #006dcc; |
|
||||
background-image: -moz-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); |
|
||||
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: -o-linear-gradient(top, #0088cc, #0044cc); |
|
||||
background-image: linear-gradient(to bottom, #0088cc, #0044cc); |
|
||||
background-repeat: repeat-x; |
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); |
|
||||
border-color: #0044cc #0044cc #002a80; |
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
||||
*background-color: #0044cc; |
|
||||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */ |
|
||||
|
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
||||
color: #fff; |
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
||||
} |
|
||||
.datepicker td span.active:hover, |
|
||||
.datepicker td span.active:focus, |
|
||||
.datepicker td span.active:active, |
|
||||
.datepicker td span.active.active, |
|
||||
.datepicker td span.active.disabled, |
|
||||
.datepicker td span.active[disabled] { |
|
||||
color: #ffffff; |
|
||||
background-color: #0044cc; |
|
||||
*background-color: #003bb3; |
|
||||
} |
|
||||
.datepicker td span.active:active, |
|
||||
.datepicker td span.active.active { |
|
||||
background-color: #003399 \9; |
|
||||
} |
|
||||
.datepicker td span.old { |
|
||||
color: #999999; |
|
||||
} |
|
||||
.datepicker th.switch { |
|
||||
width: 145px; |
|
||||
} |
|
||||
.datepicker th.next, |
|
||||
.datepicker th.prev { |
|
||||
font-size: 21px; |
|
||||
} |
|
||||
.datepicker thead tr:first-child th { |
|
||||
cursor: pointer; |
|
||||
} |
|
||||
.datepicker thead tr:first-child th:hover { |
|
||||
background: #eeeeee; |
|
||||
} |
|
||||
.input-append.date .add-on i, |
|
||||
.input-prepend.date .add-on i { |
|
||||
display: block; |
|
||||
cursor: pointer; |
|
||||
width: 16px; |
|
||||
height: 16px; |
|
||||
} |
|
||||
@ -0,0 +1,60 @@ |
|||||
|
body { |
||||
|
padding-top: $grid-gutter-width / 2; |
||||
|
} |
||||
|
|
||||
|
.x-boundlist-item { |
||||
|
white-space: nowrap; |
||||
|
} |
||||
|
|
||||
|
fieldset, .fieldset { |
||||
|
margin-top: $line-height-computed; |
||||
|
margin-bottom: $line-height-computed; |
||||
|
} |
||||
|
|
||||
|
.timepickers { |
||||
|
.form-group { |
||||
|
vertical-align: top; |
||||
|
&.dash { |
||||
|
line-height: 2.4em; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget.dropdown-menu { |
||||
|
width: auto; |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget .timepicker-hour, |
||||
|
.bootstrap-datetimepicker-widget .timepicker-minute, |
||||
|
.bootstrap-datetimepicker-widget .timepicker-second { |
||||
|
width: 40px; |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget table td { |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
width: 40px; |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget table td.separator { |
||||
|
width: 10px; |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget table td span { |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
line-height: 40px; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.bootstrap-datetimepicker-widget a[data-action] { |
||||
|
padding: 0; |
||||
|
color: #000; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bike-color { |
||||
|
display: inline-block; |
||||
|
padding-left: 6px; |
||||
|
padding-right: 6px; |
||||
|
} |
||||
@ -1,34 +0,0 @@ |
|||||
class UsersController < AuthenticatedController |
|
||||
expose(:user) |
|
||||
expose(:users) { User.order('id').paginate(:page => params[:page]) } |
|
||||
|
|
||||
def index |
|
||||
end |
|
||||
|
|
||||
def show |
|
||||
end |
|
||||
|
|
||||
def new |
|
||||
end |
|
||||
|
|
||||
def create |
|
||||
if user.save |
|
||||
redirect_to user |
|
||||
else |
|
||||
render :new |
|
||||
end |
|
||||
end |
|
||||
|
|
||||
def update |
|
||||
if user.save |
|
||||
redirect_to user |
|
||||
else |
|
||||
render :edit |
|
||||
end |
|
||||
end |
|
||||
|
|
||||
def destroy |
|
||||
user.destroy |
|
||||
redirect_to bikes_url |
|
||||
end |
|
||||
end |
|
||||
@ -1,62 +1,73 @@ |
|||||
%a{ class: "btn btn-default btn-lg", href: root_path} |
= top_menu link_to_dashboard |
||||
%span{ class:"icon-home"} |
|
||||
%h2 Add Bike |
|
||||
|
|
||||
%p |
|
||||
.control-group |
|
||||
.controls |
|
||||
%input{id: "shop_id", placeholder: "Shop ID", type: "number", min:0, class: "input-lg" } |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
= select_tag(:bike_brand_id, options_for_select(@brands)) |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
%input{id: "model", placeholder: "Model", type: "text", class: "input-lg" } |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
%input{id: "serial_number", placeholder: "Serial Number", type: "text", class: "input-lg" } |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
.btn-group{ "data-toggle" => "buttons-radio"} |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_style", value: 3} RD |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_style", value: 1} MTN |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_style", value: 2} HYB |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_style", value: 4} OTHER |
|
||||
%input{ id: "bike_style_id", type: "hidden"} |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
= select_tag(:bike_wheel_size_id, options_for_select(@wheel_sizes), id: :bike_wheel_size_id) |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
.btn-group{ "data-toggle" => "buttons-radio"} |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_condition", value: 2} Poor |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_condition", value: 3} Fair |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_condition", value: 4} Good |
|
||||
%label{ class: "btn btn-default"} |
|
||||
%input{ type: "radio", name: "bike_condition", value: 5} Excellent |
|
||||
%input{ id: "bike_condition_id", type: "hidden"} |
|
||||
.help-block |
|
||||
.control-group |
|
||||
.controls |
|
||||
%input{id: "seat_tube_height", placeholder: "Seat Tube (cm)", type: "number", min: 0, max: 100, class: "input-lg" } |
|
||||
.help-block |
|
||||
-# Commenting this out until description is added to Bike |
|
||||
%p |
|
||||
%input{id: "bike_description", placeholder: "Short description", type: "text", class: "input-lg" } |
|
||||
.control-group |
|
||||
.controls |
|
||||
%input{id: "add_bike_submit", value: "Add Bike", type: "button", class: "btn btn-lg btn-block btn-primary", "data-url" => "#{api_create_bike_path}"} |
|
||||
|
|
||||
|
%h1 Add Bike |
||||
|
|
||||
|
.row |
||||
|
.col-xs-12.col-sm-6.col-lg-4 |
||||
|
%fieldset |
||||
|
.form-group |
||||
|
= number_field_tag nil, nil, id: 'shop_id', placeholder: 'Shop ID', min: 0, class: 'form-control' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
= select_tag :bike_brand_id, options_for_select(@brands), class: 'form-control' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
= text_field_tag nil, nil, id: 'model', placeholder: 'Model', class: 'form-control' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
= text_field_tag nil, nil, id: 'serial_number', placeholder: 'Serial Number', class: 'form-control' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
.btn-group(data-toggle="buttons") |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_style', 3 |
||||
|
RD |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_style', 1 |
||||
|
MTN |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_style', 2 |
||||
|
HYB |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_style', 4 |
||||
|
OTHER |
||||
|
= hidden_field_tag nil, nil, id: 'bike_style_id' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
= select_tag :bike_wheel_size_id, options_for_select(@wheel_sizes), id: :bike_wheel_size_id, class: 'form-control' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
.btn-group(data-toggle="buttons") |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_condition', 2 |
||||
|
Poor |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_condition', 3 |
||||
|
Fair |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_condition', 4 |
||||
|
Good |
||||
|
%label.btn.btn-default |
||||
|
= radio_button_tag 'bike_condition', 5 |
||||
|
Excellent |
||||
|
= hidden_field_tag nil, nil, id: 'bike_condition_id' |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
.input-group |
||||
|
= number_field_tag nil, nil, id: 'seat_tube_height', placeholder: 'Seat Tube', min: 0, max: 100, class: 'form-control' |
||||
|
.input-group-addon cm |
||||
|
.help-block |
||||
|
|
||||
|
-# Commenting this out until description is added to Bike |
||||
|
/.form-group |
||||
|
%input{id: "bike_description", placeholder: "Short description", type: "text", class: "input-lg" } |
||||
|
|
||||
|
.form-group |
||||
|
= button_tag 'Add Bike', id: 'add_bike_submit', class: 'btn btn-primary', data: {url: api_create_bike_path} |
||||
@ -1,27 +1,40 @@ |
|||||
- if @show_add_bike |
- btn = if @show_add_bike |
||||
%p |
- capture do |
||||
%a{class: "btn btn-lg btn-block btn-info", href: new_bike_path} Add Another Bike? |
= link_to 'Add Another Bike?', new_bike_path, class: 'btn btn-default' |
||||
|
|
||||
%a{ class: "btn btn-default btn-lg", href: root_path} |
= top_menu link_to_dashboard, btn |
||||
%span{ class:"icon-home"} |
|
||||
%h2 #{@bike.shop_id}: #{@bike.bike_brand} |
%h1 #{@bike.shop_id}: #{@bike.bike_brand} |
||||
%h2 #{@bike.model} |
%h4= @bike.model |
||||
|
|
||||
%dl.dl-horizontal |
%dl.dl-horizontal |
||||
%dt Type |
%dt Type |
||||
%dd #{@bike.bike_style} |
%dd= @bike.bike_style |
||||
|
|
||||
%dt Wheel Size |
%dt Wheel Size |
||||
%dd #{@bike.bike_wheel_size.display_string} |
%dd= @bike.bike_wheel_size.display_string |
||||
|
|
||||
%dt Condition |
%dt Condition |
||||
%dd #{@bike.bike_condition} |
%dd= @bike.bike_condition |
||||
|
|
||||
%dt Seat Tube (cm) |
%dt Seat Tube (cm) |
||||
%dd #{@bike.seat_tube_height} |
%dd= @bike.seat_tube_height |
||||
|
|
||||
%dt Purpose |
%dt Purpose |
||||
%dd #{@bike.bike_purpose} |
%dd= @bike.bike_purpose |
||||
- if !@bike.value.nil? |
|
||||
|
- unless @bike.value.nil? |
||||
%dt Value |
%dt Value |
||||
%dd #{@bike.value} |
%dd= @bike.value |
||||
- if !@bike.color.nil? |
|
||||
|
- unless @bike.color.nil? |
||||
%dt Color |
%dt Color |
||||
%dd{ style: "width: 50px; background-color: ##{@bike.color}; border: black; border-width: 1px; border-style: solid;"} #{@bike.color} |
%dd |
||||
%a{class: "btn btn-lg btn-block btn-primary", href: edit_task_list_path(@task_list_id) } View Checklist |
.bike-color(style="background-color: ##{@bike.color}")= @bike.color |
||||
|
|
||||
|
- if @task_list |
||||
|
- tasks = @task_list.tasks.to_a |
||||
|
%dt Task list |
||||
|
%dd |
||||
|
= link_to edit_task_list_path(@task_list.id) do |
||||
|
#{tasks.select(&:done).count}/#{tasks.count} |
||||
@ -1,32 +0,0 @@ |
|||||
<%- if controller_name != 'sessions' %> |
|
||||
<p> |
|
||||
<%= link_to "Sign in", new_session_path(resource_name), class: "btn btn-block btn-default" %><br /> |
|
||||
</p> |
|
||||
<% end -%> |
|
||||
|
|
||||
<%- if devise_mapping.registerable? && controller_name != 'registrations' %> |
|
||||
<p> |
|
||||
<%= link_to "Sign up", new_registration_path(resource_name), class: "btn btn-block btn-default" %><br /> |
|
||||
</p> |
|
||||
<% end -%> |
|
||||
|
|
||||
<%- if devise_mapping.recoverable? && controller_name != 'passwords' %> |
|
||||
<p> |
|
||||
<%= link_to "Forgot your password?", new_password_path(resource_name), class: "btn btn-block btn-default" %><br /> |
|
||||
</p> |
|
||||
<% end -%> |
|
||||
|
|
||||
<%- if devise_mapping.confirmable? && controller_name != 'confirmations' %> |
|
||||
<p> |
|
||||
<%= link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name), class: "btn btn-block btn-default" %><br /> |
|
||||
</p> |
|
||||
<% end -%> |
|
||||
|
|
||||
<%- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' %> |
|
||||
<% end -%> |
|
||||
|
|
||||
<%- if devise_mapping.omniauthable? %> |
|
||||
<%- resource_class.omniauth_providers.each do |provider| %> |
|
||||
<%= link_to "Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider) %><br /> |
|
||||
<% end -%> |
|
||||
<% end -%> |
|
||||
@ -0,0 +1,20 @@ |
|||||
|
- links = [] |
||||
|
|
||||
|
- if controller_name != 'sessions' |
||||
|
- links << ['Sign in', new_session_path(resource_name)] |
||||
|
|
||||
|
- if devise_mapping.registerable? && controller_name != 'registrations' |
||||
|
- links << ['Sign up', new_registration_path(resource_name)] |
||||
|
|
||||
|
- if devise_mapping.recoverable? && controller_name != 'passwords' |
||||
|
- links << ['Forgot your password?', new_password_path(resource_name)] |
||||
|
|
||||
|
- if devise_mapping.confirmable? && controller_name != 'confirmations' |
||||
|
- links << ['Didn\'t receive confirmation instructions?', new_confirmation_path(resource_name)] |
||||
|
|
||||
|
- if devise_mapping.omniauthable? |
||||
|
- resource_class.omniauth_providers.each do |provider| |
||||
|
- links << ["Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider)] |
||||
|
|
||||
|
- if links.any? |
||||
|
%p= links.map { |title, url| link_to title, url }.join(' · ').html_safe |
||||
@ -1,12 +0,0 @@ |
|||||
<h2>Resend confirmation instructions</h2> |
|
||||
|
|
||||
<%= form_for(resource, :as => resource_name, :url => confirmation_path(resource_name), :html => { :method => :post }) do |f| %> |
|
||||
<%= devise_error_messages! %> |
|
||||
|
|
||||
<div><%= f.label :email %><br /> |
|
||||
<%= f.email_field :email %></div> |
|
||||
|
|
||||
<div><%= f.submit "Resend confirmation instructions" %></div> |
|
||||
<% end %> |
|
||||
|
|
||||
<%= render "links" %> |
|
||||
@ -1,16 +0,0 @@ |
|||||
<h2>Change your password</h2> |
|
||||
|
|
||||
<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put }) do |f| %> |
|
||||
<%= devise_error_messages! %> |
|
||||
<%= f.hidden_field :reset_password_token %> |
|
||||
|
|
||||
<div><%= f.label :password, "New password" %><br /> |
|
||||
<%= f.password_field :password %></div> |
|
||||
|
|
||||
<div><%= f.label :password_confirmation, "Confirm new password" %><br /> |
|
||||
<%= f.password_field :password_confirmation %></div> |
|
||||
|
|
||||
<div><%= f.submit "Change my password" %></div> |
|
||||
<% end %> |
|
||||
|
|
||||
<%= render "links" %> |
|
||||
@ -0,0 +1,19 @@ |
|||||
|
%h1 Change your password |
||||
|
|
||||
|
.row |
||||
|
.col-xs-12.col-sm-6.col-lg-4 |
||||
|
= form_for resource, as: resource_name, url: password_path(resource_name), html: {method: :put} do |f| |
||||
|
= devise_error_messages! |
||||
|
= f.hidden_field :reset_password_token |
||||
|
|
||||
|
%fieldset |
||||
|
.form-group |
||||
|
= f.password_field :password, placeholder: 'New password', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.password_field :password_confirmation, placeholder: 'Confirm new password', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.submit 'Change my password', class: 'btn btn-primary' |
||||
|
|
||||
|
= render 'links' |
||||
@ -1,16 +0,0 @@ |
|||||
<%= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" %> |
|
||||
|
|
||||
<h2>Forgot your password?</h2> |
|
||||
<br> |
|
||||
<br> |
|
||||
<%= form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post }) do |f| %> |
|
||||
<%= devise_error_messages! %> |
|
||||
|
|
||||
<div class="form-group"> |
|
||||
<%= f.email_field :email, placeholder: "Email", class: "form-control input-lg" %> |
|
||||
</div> |
|
||||
|
|
||||
<div><%= f.submit "Reset Password", class:"btn btn-lg btn-primary"%></div> |
|
||||
<% end %> |
|
||||
|
|
||||
<%= render "links" %> |
|
||||
@ -0,0 +1,15 @@ |
|||||
|
%h1 Forgot your password? |
||||
|
|
||||
|
.row |
||||
|
.col-xs-12.col-sm-6.col-lg-4 |
||||
|
= form_for resource, as: resource_name, url: password_path(resource_name), html: {method: :post} do |f| |
||||
|
= devise_error_messages! |
||||
|
|
||||
|
%fieldset |
||||
|
.form-group |
||||
|
= f.email_field :email, placeholder: 'Email', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.submit 'Reset Password', class: 'btn btn-primary' |
||||
|
|
||||
|
= render 'links' |
||||
@ -1,14 +1,17 @@ |
|||||
%p |
.form-group |
||||
%fieldset |
= f.text_field :addrStreet1, placeholder: 'Street Address Line 1', class: 'form-control' |
||||
.form-group |
|
||||
= f.text_field :addrStreet1, placeholder: "Street Address Line 1", :class => "form-control input-lg" |
.form-group |
||||
.form-group |
= f.text_field :addrStreet2, placeholder: 'Street Address Line 2',class: 'form-control' |
||||
= f.text_field :addrStreet2, placeholder: "Street Address Line 2",:class => "form-control input-lg" |
|
||||
.form-group |
.form-group |
||||
= f.text_field :addrCity, placeholder: "City", :class => "form-control input-lg" |
= f.text_field :addrCity, placeholder: 'City', class: 'form-control' |
||||
.form-group |
|
||||
= f.text_field :addrState, placeholder: "State Abbreviation", :class => "form-control input-lg" |
.form-group |
||||
.form-group |
= f.text_field :addrState, placeholder: 'State Abbreviation', class: 'form-control' |
||||
= f.text_field :addrZip, placeholder: "Zip Code", :class => "form-control input-lg" |
|
||||
.form-group |
.form-group |
||||
= f.text_field :phone, placeholder: "Phone", :class => "form-control input-lg" |
= f.text_field :addrZip, placeholder: 'Zip Code', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.text_field :phone, placeholder: 'Phone', class: 'form-control' |
||||
|
|||||
@ -1,27 +0,0 @@ |
|||||
<%= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" %> |
|
||||
|
|
||||
<h2>Edit <%= resource_name.to_s.humanize %></h2> |
|
||||
|
|
||||
<%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :put }) do |f| %> |
|
||||
<%= devise_error_messages! %> |
|
||||
|
|
||||
<div><%= f.label :email %><br /> |
|
||||
<%= f.email_field :email %></div> |
|
||||
|
|
||||
<div><%= f.label :password %> <i>(leave blank if you don't want to change it)</i><br /> |
|
||||
<%= f.password_field :password, :autocomplete => "off" %></div> |
|
||||
|
|
||||
<div><%= f.label :password_confirmation %><br /> |
|
||||
<%= f.password_field :password_confirmation %></div> |
|
||||
|
|
||||
<div><%= f.label :current_password %> <i>(we need your current password to confirm your changes)</i><br /> |
|
||||
<%= f.password_field :current_password %></div> |
|
||||
|
|
||||
<div><%= f.submit "Update" %></div> |
|
||||
<% end %> |
|
||||
|
|
||||
<h3>Cancel my account</h3> |
|
||||
|
|
||||
<p>Unhappy? <%= link_to "Cancel my account", registration_path(resource_name), :confirm => "Are you sure?", :method => :delete %>.</p> |
|
||||
|
|
||||
<%= link_to "Back", :back %> |
|
||||
@ -1,23 +1,36 @@ |
|||||
= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" |
%h1 Sign up |
||||
= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) do |f| |
|
||||
= devise_error_messages! |
.row |
||||
.controls |
.col-xs-12.col-sm-6.col-lg-4 |
||||
%h2 Sign up |
= form_for resource, as: resource_name, url: registration_path(resource_name) do |f| |
||||
.form-group |
= devise_error_messages! |
||||
= f.text_field :username, placeholder: "Username", :class => "form-control input-lg" |
|
||||
.form-group |
%fieldset |
||||
= f.text_field :first_name, placeholder: "First Name", :class => "form-control input-lg" |
.form-group |
||||
.form-group |
= f.text_field :username, placeholder: 'Username', class: 'form-control' |
||||
= f.text_field :last_name, placeholder: "Last Name", :class => "form-control input-lg" |
|
||||
.form-group |
.form-group |
||||
= f.email_field :email, placeholder: "E-mail", :class => "form-control input-lg" |
= f.text_field :first_name, placeholder: 'First Name', class: 'form-control' |
||||
- profile_builder = resource.user_profiles.empty? ? resource.user_profiles.build : resource.user_profiles |
|
||||
= f.fields_for :user_profiles, profile_builder do |builder| |
.form-group |
||||
= render 'user_profile_fields', f: builder |
= f.text_field :last_name, placeholder: 'Last Name', class: 'form-control' |
||||
.form-group |
|
||||
= f.password_field :password, placeholder: "Password", :class => "form-control input-lg" |
.form-group |
||||
.form-group |
= f.email_field :email, placeholder: 'E-mail', class: 'form-control' |
||||
= f.password_field :password_confirmation, placeholder: "Password Confirmation", :class => "form-control input-lg" |
|
||||
.form-group |
%fieldset |
||||
= f.submit "Sign up", class:"btn btn-lg btn-primary" |
- profile_builder = resource.user_profiles.empty? ? resource.user_profiles.build : resource.user_profiles |
||||
= render "links" |
= f.fields_for :user_profiles, profile_builder do |builder| |
||||
|
= render 'user_profile_fields', f: builder |
||||
|
|
||||
|
%fieldset |
||||
|
.form-group |
||||
|
= f.password_field :password, placeholder: 'Password', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.password_field :password_confirmation, placeholder: 'Password Confirmation', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.submit 'Sign up', class: 'btn btn-primary' |
||||
|
|
||||
|
= render 'links' |
||||
|
|||||
@ -1,48 +0,0 @@ |
|||||
<%= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" %> |
|
||||
|
|
||||
<h2>Velocipede</h2> |
|
||||
<a href="http://madewithloveinbaltimore.org">Made with ♥ in Baltimore</a> |
|
||||
<br> |
|
||||
<br> |
|
||||
<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> |
|
||||
<div class="form-group"> |
|
||||
<%= f.text_field :username, placeholder: "Username", class: "form-control input-lg"%> |
|
||||
</div> |
|
||||
|
|
||||
<div class="form-group"> |
|
||||
<%= f.password_field :password, placeholder: "Password", class: "form-control input-lg" %> |
|
||||
</div> |
|
||||
|
|
||||
<div class="form-group"> |
|
||||
<% if devise_mapping.rememberable? -%> |
|
||||
<label> |
|
||||
<%= f.check_box :remember_me %> Remember Me |
|
||||
</label> |
|
||||
<% end -%> |
|
||||
</div> |
|
||||
|
|
||||
<div class="form-group"> |
|
||||
<p> |
|
||||
<%= f.submit "Sign in", class:"btn btn-lg btn-primary" %> |
|
||||
</p> |
|
||||
<p> Or quickly... </p> |
|
||||
<div class="btn-group"> |
|
||||
<input id="checkin" name="checkin" type="button" value="CHECK IN" class="btn btn-lg btn-success"> |
|
||||
<input id="checkout" name="checkout" type="button" value="CHECK OUT" class="btn btn-lg btn-danger"> |
|
||||
</div> |
|
||||
</div> |
|
||||
<% end %> |
|
||||
|
|
||||
<%= render "links" %> |
|
||||
|
|
||||
<% if Rails.env.development? %> |
|
||||
<p> |
|
||||
<% User.all.each do |user| %> |
|
||||
<%= form_for(resource, :as => resource_name, :url => session_path(resource_name)) do |f| %> |
|
||||
<%= f.hidden_field :username, :value => user.username%> |
|
||||
<%= f.hidden_field :password, :value => 'password' %> |
|
||||
<%= f.submit "Sign in as #{user.username}", class:"btn btn-info" %> |
|
||||
<% end %> |
|
||||
<% end %> |
|
||||
</p> |
|
||||
<% end %> |
|
||||
@ -0,0 +1,41 @@ |
|||||
|
%h1 Velocipede |
||||
|
%p= link_to 'Made with ♥ in Baltimore'.html_safe, 'http://madewithloveinbaltimore.org' |
||||
|
|
||||
|
.row |
||||
|
.col-xs-12.col-sm-6.col-lg-4 |
||||
|
= form_for resource, as: resource_name, url: session_path(resource_name) do |f| |
||||
|
|
||||
|
%fieldset |
||||
|
.form-group |
||||
|
= f.text_field :username, placeholder: 'Username', class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= f.password_field :password, placeholder: 'Password', class: 'form-control' |
||||
|
|
||||
|
- if devise_mapping.rememberable? |
||||
|
.form-group |
||||
|
.checkbox |
||||
|
= f.label :remember_me do |
||||
|
= f.check_box :remember_me |
||||
|
Remember Me |
||||
|
|
||||
|
.form-group |
||||
|
.pull-left |
||||
|
= f.submit 'Sign in', class: 'btn btn-primary' |
||||
|
|
||||
|
.pull-right |
||||
|
%span.btn-group |
||||
|
= f.button 'Check in', id: 'checkin', name: 'checkin', type: 'button', class: 'btn btn-success' |
||||
|
= f.button 'Check out', id: 'checkout', name: 'checkout', type: 'button', class: 'btn btn-danger' |
||||
|
|
||||
|
.clearfix |
||||
|
|
||||
|
= render 'links' |
||||
|
|
||||
|
- if Rails.env.development? |
||||
|
%hr |
||||
|
- User.all.each do |user| |
||||
|
= form_for resource, as: resource_name, url: session_path(resource_name) do |f| |
||||
|
= f.hidden_field :username, value: user.username |
||||
|
= f.hidden_field :password, value: 'password' |
||||
|
%p= f.submit "Sign in as #{user.username}", class: 'btn btn-sm btn-info' |
||||
@ -1,12 +0,0 @@ |
|||||
<h2>Resend unlock instructions</h2> |
|
||||
|
|
||||
<%= form_for(resource, :as => resource_name, :url => unlock_path(resource_name), :html => { :method => :post }) do |f| %> |
|
||||
<%= devise_error_messages! %> |
|
||||
|
|
||||
<div><%= f.label :email %><br /> |
|
||||
<%= f.email_field :email %></div> |
|
||||
|
|
||||
<div><%= f.submit "Resend unlock instructions" %></div> |
|
||||
<% end %> |
|
||||
|
|
||||
<%= render "links" %> |
|
||||
@ -1,35 +1,27 @@ |
|||||
!!! 5 |
!!! 5 |
||||
%html{:lang => "en"} |
%html(lang="en") |
||||
%head |
%head |
||||
%meta{:charset => "utf-8"}/ |
%meta(charset="utf-8")/ |
||||
%meta{ name: "viewport", content: "width=device-width", "initial-scale" => "1.0"} |
%meta(name="viewport" content="width=device-width" initial-scale="1.0")/ |
||||
%title= content_for?(:title) ? yield(:title) : "Velocipede" |
%title= content_for?(:title) ? yield(:title) : 'Velocipede' |
||||
= csrf_meta_tags |
= csrf_meta_tags |
||||
= stylesheet_link_tag "bootstrap_and_overrides", "datepicker", "bootstrap-timepicker", :media => "all" |
= stylesheet_link_tag 'application', media: 'all' |
||||
/[if lt IE 9] |
/[if lt IE 9] |
||||
= javascript_include_tag "http://html5shim.googlecode.com/svn/trunk/html5.js" |
= javascript_include_tag 'http://html5shim.googlecode.com/svn/trunk/html5.js' |
||||
:css |
|
||||
body { |
|
||||
padding-top: 5px; |
|
||||
} |
|
||||
.x-boundlist-item { |
|
||||
white-space: nowrap; |
|
||||
} |
|
||||
|
|
||||
%body |
%body |
||||
.container |
.container |
||||
|
|
||||
.content |
.content |
||||
- if flash[:notice] |
- if flash[:notice] |
||||
%p{:class => 'notice'}= flash[:notice] |
%div.alert.alert-info= flash[:notice] |
||||
- if flash[:alert] |
- if flash[:alert] |
||||
%p{:class => 'alert'}= flash[:alert] |
%div.alert.alert-danger= flash[:alert] |
||||
.row |
|
||||
.span12 |
= yield |
||||
= yield |
|
||||
|
|
||||
%footer |
%footer |
||||
%p © BikeShed #{Time.now.year} |
%hr |
||||
|
%p.text-muted © BikeShed #{Time.now.year} |
||||
|
|
||||
= javascript_include_tag "application" |
= javascript_include_tag 'application' |
||||
= javascript_include_tag params[:controller] |
= javascript_include_tag params[:controller] |
||||
|
|||||
@ -1,21 +1,31 @@ |
|||||
= stylesheet_link_tag "bootstrap_and_overrides", :media => "all" |
%h1 Dashboard |
||||
%h2 Dashboard |
|
||||
|
|
||||
%p |
.row.fieldset |
||||
%p |
.col-xs-12.col-sm-3.col-lg-2 |
||||
%a{class: "btn btn-lg btn-block btn-primary", href: new_time_entry_path} Add Time Entry |
%p= link_to 'Add Time Entry', new_time_entry_path, class: 'btn btn-default btn-block' |
||||
%p |
.col-xs-12.col-sm-3.col-lg-2 |
||||
%a{class: "btn btn-lg btn-block btn-primary", href: time_entries_path} View Timesheet |
%p= link_to 'View Timesheet', time_entries_path, class: 'btn btn-default btn-block' |
||||
- if can? :manage, Bike |
|
||||
%p |
|
||||
%a{class: "btn btn-lg btn-block btn-primary", href: new_bike_path} Add Bike |
|
||||
|
|
||||
- if !@bike.nil? |
- can_manage_bike = can? :manage, Bike |
||||
%p |
- has_bike = !@bike.nil? |
||||
%a{class: "btn btn-lg btn-block btn-primary", href: bike_path(@bike)} View Your Bike |
- if can_manage_bike || has_bike |
||||
|
.row.fieldset |
||||
|
- if can_manage_bike |
||||
|
.col-xs-12.col-sm-3.col-lg-2 |
||||
|
%p |
||||
|
= link_to 'Add Bike', new_bike_path, class: 'btn btn-default btn-block' |
||||
|
|
||||
%p |
- if has_bike |
||||
%p |
.col-xs-12.col-sm-3.col-lg-2 |
||||
%a{class: "btn btn-lg btn-block btn-primary hidden-xs", href: admin_index_path} Desktop View |
%p |
||||
%p |
= link_to 'View Your Bike', bike_path(@bike), class: 'btn btn-default btn-block' |
||||
%input{id: "index_logout", value: "Logout", type: "button", class: "btn btn-lg btn-block btn-danger", "data-url" => destroy_user_session_path } |
|
||||
|
.row.fieldset |
||||
|
.col-xs-12.col-sm-3.col-lg-2 |
||||
|
%p |
||||
|
= link_to 'Desktop View', admin_index_path, class: 'btn btn-default btn-block' |
||||
|
|
||||
|
.row.fieldset |
||||
|
.col-xs-12.col-sm-3.col-lg-2 |
||||
|
%p |
||||
|
= button_tag 'Logout', id: 'index_logout', class: 'btn btn-danger btn-block', data: {url: destroy_user_session_path} |
||||
@ -1,16 +1,20 @@ |
|||||
%a{ class: "btn btn-default btn-lg", href: root_path} |
= top_menu link_to_dashboard |
||||
%span{ class:"icon-home"} |
|
||||
%h2 Task List |
%h1 Task List |
||||
|
|
||||
%h3 |
%h3 |
||||
%a{ href: bike_path(@task_list.item)}#{@task_list.item.shop_id} #{@task_list.item.bike_brand} |
= link_to bike_path(@task_list.item) do |
||||
%h4 #{@task_list.item.model} |
#{@task_list.item.shop_id}: #{@task_list.item.bike_brand} |
||||
|
|
||||
%p |
%h4= @task_list.item.model |
||||
.control-group |
|
||||
|
%fieldset |
||||
|
.form-group |
||||
- @task_list.tasks.each do |task| |
- @task_list.tasks.each do |task| |
||||
.controls |
.checkbox |
||||
%input{class: "task_list_task", type: "checkbox", "data-id" => task.id, checked: task.done} |
%label |
||||
#{task.task} |
= check_box_tag nil, nil, task.done, class: 'task_list_task', type: 'checkbox', data: {id: task.id} |
||||
.control-group |
= task.task |
||||
.controls |
|
||||
%input{id: "update_tasks_submit", value: "Save Changes", type: "button", class: "btn btn-lg btn-block btn-primary disabled", "data-url" => "#{api_update_task_path}"} |
.form-group |
||||
|
= button_tag 'Save Changes', id: 'update_tasks_submit', class: 'btn btn-primary disabled', data: {url: api_update_task_path} |
||||
|
|||||
@ -1,44 +1,47 @@ |
|||||
%a{ class: "btn btn-default btn-lg", href: root_path} |
= top_menu link_to_dashboard |
||||
%span{ class:"icon-home"} |
|
||||
%h2 Your Timesheet |
%h1 Your Timesheet |
||||
|
|
||||
%dl.dl-horizontal |
.row |
||||
%dd |
.col-xs-12.col-sm-6.col-lg-3 |
||||
%span.badge #{@hours_worked} |
%p |
||||
Total Hours Worked |
%span.badge= @hours_worked |
||||
%dd |
Total Hours Worked |
||||
%span.badge #{@credits_available} |
|
||||
Total Credits Available |
.col-xs-12.col-sm-6.col-lg-3 |
||||
|
%p |
||||
|
%span.badge= @credits_available |
||||
|
Total Credits Available |
||||
|
|
||||
%table.table |
%table.table |
||||
%tbody |
%tbody |
||||
- @user_time_entries.each do |entry| |
- @user_time_entries.each do |entry| |
||||
%tr{ "data-id" => entry.id, "data-description" => entry.description, |
-# data: {start_date: ..} gets transformed to data-start-date instead of data-start_date, we don't want this |
||||
"data-duration" => entry.duration_in_hours, |
%tr{data: {id: entry.id, description: entry.description, duration: entry.duration_in_hours}, |
||||
"data-start_date" => entry.start_date.to_date.to_formatted_s(:rfc822)} |
'data-start_date' => entry.start_date.to_date.to_formatted_s(:rfc822)} |
||||
%td #{entry.start_date.to_date.to_formatted_s(:rfc822)} |
%td= entry.start_date.to_date.to_formatted_s(:rfc822) |
||||
%td #{entry.duration_in_hours} |
%td= entry.duration_in_hours |
||||
%td #{entry.type} |
%td= entry.type |
||||
%td #{truncate(entry.description)} |
%td= link_to truncate(entry.description).presence || '<em>No title</em>'.html_safe, edit_task_list_path(entry) |
||||
%td |
%td |
||||
%button{ class: "btn icon-remove btn-danger work_entry-delete-btn", role: "button", "data-toggle" => "modal", "data-target" => "#confirmation" } |
= link_to '#modal', class: 'text-danger work_entry-delete-btn', role: 'button', data: {toggle: 'modal', target: '#confirmation'} do |
||||
|
%i.glyphicon.glyphicon-remove |
||||
%a{class: "btn btn-lg btn-block btn-primary", href: new_time_entry_path } Add Time Entry |
|
||||
|
= link_to 'Add Time Entry', new_time_entry_path, class: 'btn btn-primary' |
||||
.modal{ id: "confirmation", class: "hide", role: "dialog", "aria-labelledby" => "confirmation_title", "aria-hidden" => "true", tabindex: -1 } |
|
||||
.modal-header |
.modal#confirmation(role="dialog" aria-labelledby="confirmation_title" aria-hidden="true" tabindex="-1") |
||||
%button{ class: "close", "data-dismiss" => "modal", "aria-hidden" => "true"}x |
.modal-dialog |
||||
%h4{ id: "confirmation_title" } Are you sure you want to delete? |
.modal-content |
||||
.modal-body |
.modal-header |
||||
%div{ id: "work_entry_start_date" } |
%button.close(data-dismiss="modal" aria-hidden="true") × |
||||
Start Date |
%h4#confirmation_title Are you sure you want to delete? |
||||
%div{ id: "work_entry_duration" } |
.modal-body |
||||
Duration |
#work_entry_start_date Start Date |
||||
%div{ id: "work_entry_description" } |
#work_entry_duration Duration |
||||
Description |
#work_entry_description Description |
||||
.modal-footer |
.modal-footer |
||||
%button{ class: "btn", "data-dismiss" => "modal", "aria-hidden" => "true"} Close |
%button.btn.btn-default(data-dismiss="modal" aria-hidden="true") Cancel |
||||
%button{ id: "confirmation_delete", class: "btn btn-primary", "data-url" => "api/v1/time_entries/" } Delete |
%button.btn.btn-danger#confirmation_delete(data-url="api/v1/time_entries/") Delete |
||||
|
|
||||
|
|
||||
|
|
||||
|
|||||
@ -1,42 +1,56 @@ |
|||||
%a{ class: "btn btn-default btn-lg", href: root_path} |
= top_menu link_to_dashboard |
||||
%span{ class:"icon-home"} |
|
||||
%h2 Add Time Entry |
%h1 Add Time Entry |
||||
|
- time = Time.now |
||||
%p |
- date_format, time_format = '%m/%d/%Y', '%l:%M %p' |
||||
.control-group |
- mjs_date_format, mjs_time_format = 'MM/DD/YYYY', 'h:mm A' |
||||
.controls |
|
||||
%input{id: "date_id", placeholder: "Date", type: "text", class: "datepicker input-small" } |
.row |
||||
.help-block |
.col-xs-12.col-sm-6.col-lg-4 |
||||
.control-group |
%fieldset |
||||
.controls{ class: "bootstrap-timepicker"} |
.form-group.form-inline |
||||
%label Start |
= text_field_tag nil, time.strftime(date_format), id: 'date_id', placeholder: 'Date', class: 'form-control', |
||||
%input{id: "start_time_id", placeholder: "Time ID", type: "text", class: "input-small" } |
size: 12, data: {format: mjs_date_format} |
||||
.hidden{ id: "start_date" } |
.help-block |
||||
.help-block |
|
||||
.control-group |
.form-group.timepickers.form-inline |
||||
.controls |
.form-group |
||||
%label End |
%label.visible-xs Start time |
||||
%input{id: "end_time_id", placeholder: "Time ID", type: "text", class: "input-small" } |
= text_field_tag nil, time.strftime(time_format), id: 'start_time_id', placeholder: 'Start time', |
||||
.hidden{ id: "end_date" } |
class: 'form-control', size: 8, data: {format: mjs_time_format} |
||||
.help-block |
.hidden#start_date |
||||
.control-group |
.help-block |
||||
.controls |
|
||||
.btn-group{ "data-toggle" => "buttons-radio"} |
.form-group.dash.hidden-xs |
||||
%label{ class: "btn btn-default"} |
— |
||||
%input{ type: "radio", name: "action_id", value: 1} Volunteer |
|
||||
%label{ class: "btn btn-default"} |
.form-group |
||||
%input{ type: "radio", name: "action_id", value: 2} Personal |
%label.visible-xs End time |
||||
%label{ class: "btn btn-default"} |
= text_field_tag nil, time.strftime(time_format), id: 'end_time_id', placeholder: 'End time', |
||||
%input{ type: "radio", name: "action_id", value: 3} Staff |
class: 'form-control', size: 8, data: {format: mjs_time_format} |
||||
.hidden{ id: "log_action_id" } |
.hidden#end_date |
||||
.help-block |
.help-block |
||||
.control-group |
|
||||
.controls |
.form-group |
||||
%label |
.btn-group(data-toggle="buttons") |
||||
= select_tag(:bike_id, options_for_select(@bikes)) |
%label.btn.btn-default |
||||
.control-group |
= radio_button_tag 'action_id', 1, false, autocomplete: 'off' |
||||
.controls |
Volunteer |
||||
%textarea{id: "description_id", placeholder: "Work description", class: "input-lg" } |
%label.btn.btn-default |
||||
.control-group |
= radio_button_tag 'action_id', 2, false, autocomplete: 'off' |
||||
.controls |
Personal |
||||
%input{id: "add_time_entry_submit", value: "Add Time Entry", type: "button", class: "btn btn-lg btn-block btn-primary", "data-url" => "#{api_create_time_entry_path}", "data-forward" => "#{"."}"} |
%label.btn.btn-default |
||||
|
= radio_button_tag 'action_id', 3, false, autocomplete: 'off' |
||||
|
Staff |
||||
|
.hidden#log_action_id |
||||
|
.help-block |
||||
|
|
||||
|
.form-group |
||||
|
= select_tag :bike_id, options_for_select(@bikes), class: 'form-control' |
||||
|
|
||||
|
.form-group |
||||
|
= text_area_tag nil, nil, id: 'description_id', placeholder: 'Work description', class: 'form-control', rows: 5 |
||||
|
|
||||
|
.control-group |
||||
|
.controls |
||||
|
= button_tag 'Add Time Entry', id: 'add_time_entry_submit', class: 'btn btn-primary', data: {url: api_create_time_entry_path, forward: '.'} |
||||
|
|||||
@ -1,68 +0,0 @@ |
|||||
= form_for @user, :html => { :class => 'form-horizontal' } do |f| |
|
||||
.control-group |
|
||||
= f.label :email, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :email, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :encrypted_password, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :encrypted_password, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :reset_password_token, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :reset_password_token, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :reset_password_sent_at, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.datetime_select :reset_password_sent_at, :class => 'datetime_select' |
|
||||
.control-group |
|
||||
= f.label :remember_created_at, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.datetime_select :remember_created_at, :class => 'datetime_select' |
|
||||
.control-group |
|
||||
= f.label :sign_in_count, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.number_field :sign_in_count, :class => 'number_field' |
|
||||
.control-group |
|
||||
= f.label :current_sign_in_at, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.datetime_select :current_sign_in_at, :class => 'datetime_select' |
|
||||
.control-group |
|
||||
= f.label :last_sign_in_at, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.datetime_select :last_sign_in_at, :class => 'datetime_select' |
|
||||
.control-group |
|
||||
= f.label :current_sign_in_ip, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :current_sign_in_ip, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :last_sign_in_ip, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :last_sign_in_ip, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :failed_attempts, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.number_field :failed_attempts, :class => 'number_field' |
|
||||
.control-group |
|
||||
= f.label :unlock_token, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :unlock_token, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :locked_at, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.datetime_select :locked_at, :class => 'datetime_select' |
|
||||
.control-group |
|
||||
= f.label :first_name, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :first_name, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :last_name, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :last_name, :class => 'text_field' |
|
||||
.control-group |
|
||||
= f.label :nickname, :class => 'control-label' |
|
||||
.controls |
|
||||
= f.text_field :nickname, :class => 'text_field' |
|
||||
.form-actions |
|
||||
= f.submit nil, :class => 'btn btn-primary' |
|
||||
= link_to t('.cancel', :default => t("helpers.links.cancel")), users_path, :class => 'btn' |
|
||||
@ -1,4 +0,0 @@ |
|||||
- model_class = user.class |
|
||||
.page-header |
|
||||
%h1=t '.title', :default => t('helpers.titles.edit', :model => model_class.model_name.human, :default => "Edit #{model_class.model_name.human}") |
|
||||
= render :partial => "form" |
|
||||
@ -1,28 +0,0 @@ |
|||||
- model_class = User.new.class |
|
||||
.page-header |
|
||||
%h1=t '.title', :default => model_class.model_name.human.pluralize |
|
||||
%table.table.table-striped |
|
||||
%thead |
|
||||
%tr |
|
||||
%th= model_class.human_attribute_name(:id) |
|
||||
%th= model_class.human_attribute_name(:email) |
|
||||
%th= model_class.human_attribute_name(:first_name) |
|
||||
%th= model_class.human_attribute_name(:last_name) |
|
||||
%th= model_class.human_attribute_name(:nickname) |
|
||||
%th= model_class.human_attribute_name(:created_at) |
|
||||
%th=t '.actions', :default => t("helpers.actions") |
|
||||
%tbody |
|
||||
- users.each do |user| |
|
||||
%tr |
|
||||
%td= link_to user.id, user_path(user) |
|
||||
%td= link_to user.email, user_path(user) |
|
||||
%td= user.first_name |
|
||||
%td= user.last_name |
|
||||
%td= user.nickname |
|
||||
%td=l user.created_at |
|
||||
%td |
|
||||
= link_to t('.edit', :default => t("helpers.links.edit")), edit_user_path(user), :class => 'btn btn-mini' |
|
||||
= link_to t('.destroy', :default => t("helpers.links.destroy")), user_path(user), :method => :delete, :confirm => t('.confirm', :default => t("helpers.links.confirm", :default => 'Are you sure?')), :class => 'btn btn-mini btn-danger' |
|
||||
|
|
||||
= will_paginate users |
|
||||
= link_to t('.new', :default => t("helpers.links.new")), new_user_path, :class => 'btn btn-primary' |
|
||||
@ -1,4 +0,0 @@ |
|||||
- model_class = user.class |
|
||||
.page-header |
|
||||
%h1=t '.title', :default => t('helpers.titles.new', :model => model_class.model_name.human, :default => "New #{model_class.model_name.human}") |
|
||||
= render :partial => "form" |
|
||||
@ -1,73 +0,0 @@ |
|||||
- model_class = user.class |
|
||||
.page-header |
|
||||
%h1=t '.title', :default => model_class.model_name.human |
|
||||
|
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:email) + ':' |
|
||||
%br |
|
||||
= user.email |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:encrypted_password) + ':' |
|
||||
%br |
|
||||
= user.encrypted_password |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:reset_password_token) + ':' |
|
||||
%br |
|
||||
= user.reset_password_token |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:reset_password_sent_at) + ':' |
|
||||
%br |
|
||||
= user.reset_password_sent_at |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:remember_created_at) + ':' |
|
||||
%br |
|
||||
= user.remember_created_at |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:sign_in_count) + ':' |
|
||||
%br |
|
||||
= user.sign_in_count |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:current_sign_in_at) + ':' |
|
||||
%br |
|
||||
= user.current_sign_in_at |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:last_sign_in_at) + ':' |
|
||||
%br |
|
||||
= user.last_sign_in_at |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:current_sign_in_ip) + ':' |
|
||||
%br |
|
||||
= user.current_sign_in_ip |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:last_sign_in_ip) + ':' |
|
||||
%br |
|
||||
= user.last_sign_in_ip |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:failed_attempts) + ':' |
|
||||
%br |
|
||||
= user.failed_attempts |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:unlock_token) + ':' |
|
||||
%br |
|
||||
= user.unlock_token |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:locked_at) + ':' |
|
||||
%br |
|
||||
= user.locked_at |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:first_name) + ':' |
|
||||
%br |
|
||||
= user.first_name |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:last_name) + ':' |
|
||||
%br |
|
||||
= user.last_name |
|
||||
%p |
|
||||
%strong= model_class.human_attribute_name(:nickname) + ':' |
|
||||
%br |
|
||||
= user.nickname |
|
||||
|
|
||||
.form-actions |
|
||||
= link_to t('.back', :default => t("helpers.links.back")), users_path, :class => 'btn' |
|
||||
= link_to t('.edit', :default => t("helpers.links.edit")), edit_user_path(user), :class => 'btn' |
|
||||
= link_to t('.destroy', :default => t("helpers.links.destroy")), user_path(user), :method => "delete", :confirm => t('.confirm', :default => t("helpers.links.confirm", :default => 'Are you sure?')), :class => 'btn btn-danger' |
|
||||
Loading…
Reference in new issue