public/partials/schedule.html in simple_pvr-1.0.0 vs public/partials/schedule.html in simple_pvr-1.1.0
- old
+ new
@@ -1,120 +1,125 @@
<div class="row" ng-show="schedule">
- <form class="form-horizontal" name="scheduleForm">
- <div class="control-group">
- <label class="control-label" for="showName">Name of show</label>
- <div class="controls">
- <input type="text" ng-model="schedule.title" id="showName" placeholder="Show name">
+ <form class="form-horizontal" name="scheduleForm" role="form">
+ <div class="form-group">
+ <label class="col-lg-2 control-label" for="showName">Name of show</label>
+ <div class="col-lg-4">
+ <input type="text" class="form-control" ng-model="schedule.title" id="showName" placeholder="Show name">
</div>
</div>
- <div class="control-group">
- <label class="control-label" for="channel">On channel</label>
- <div class="controls">
- <select id="channel" ng-model="channel" ng-options="c.name for c in channels">
+ <div class="form-group">
+ <label class="col-lg-2 control-label" for="channel">On channel</label>
+ <div class="col-lg-4">
+ <select class="form-control" id="channel" ng-model="channel" ng-options="c.name for c in channels">
<option value="">-- Any channel --</option>
</select>
</div>
</div>
- <div class="control-group" ng-class="{error: scheduleForm.startEarly.$invalid}">
- <label class="control-label" for="startEarly">Start early</label>
- <div class="controls">
- <div class="input-append">
- <input type="text" class="input-mini" style="text-align: right" ng-model="schedule.custom_start_early_minutes" ng-pattern="/^[0-9]*$/" name="startEarly" id="startEarly" placeholder="2">
- <span class="add-on">minutes</span>
- </div>
+ <div class="form-group" ng-class="{error: scheduleForm.startEarly.$invalid}">
+ <label class="col-lg-2 control-label" for="startEarly">Start early</label>
+ <div class="col-lg-2 input-group">
+ <input type="text" class="form-control" style="text-align: right" ng-model="schedule.custom_start_early_minutes" ng-pattern="/^[0-9]*$/" name="startEarly" id="startEarly" placeholder="2">
+ <span class="input-group-addon">minutes</span>
</div>
</div>
- <div class="control-group" ng-class="{error: scheduleForm.endLate.$invalid}">
- <label class="control-label" for="endLate">End late</label>
- <div class="controls">
- <div class="input-append">
- <input type="text" class="input-mini" style="text-align: right" ng-model="schedule.custom_end_late_minutes" ng-pattern="/^[0-9]*$/" name="endLate" id="endLate" placeholder="5">
- <span class="add-on">minutes</span>
- </div>
+ <div class="form-group" ng-class="{error: scheduleForm.endLate.$invalid}">
+ <label class="col-lg-2 control-label" for="endLate">End late</label>
+ <div class="col-lg-2 input-group">
+ <input type="text" class="form-control" style="text-align: right" ng-model="schedule.custom_end_late_minutes" ng-pattern="/^[0-9]*$/" name="endLate" id="endLate" placeholder="5">
+ <span class="input-group-addon">minutes</span>
</div>
</div>
- <div class="control-group">
- <div class="controls">
- <label class="checkbox" for="filterByTimeOfDay">
- <input type="checkbox" id="filterByTimeOfDay" ng-model="schedule.filter_by_time_of_day">Filter by time of day
- </label>
+ <div class="form-group">
+ <div class="col-lg-offset-2 col-lg-10">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="filterByTimeOfDay" ng-model="schedule.filter_by_time_of_day">Filter by time of day
+ </label>
+ </div>
</div>
</div>
- <div class="control-group" ng-show="schedule.filter_by_time_of_day" ng-class="{error: scheduleForm.startTime.$invalid}">
- <label class="control-label" for="startTime">From</label>
- <div class="controls">
- <input type="text" class="input-mini" style="text-align: right" ng-model="schedule.from_time_of_day" ng-pattern="/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/" name="startTime" id="startTime" placeholder="00:00">
+ <div class="col-lg-offset-2 col-lg-12" ng-show="schedule.filter_by_time_of_day">
+ <div class="form-group" ng-class="{'has-error': scheduleForm.startTime.$invalid}">
+ <label class="col-lg-1 control-label" for="startTime">From</label>
+ <div class="col-lg-1">
+ <input type="text" class="form-control col-lg-2" style="text-align: right" ng-model="schedule.from_time_of_day" ng-pattern="/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/" name="startTime" id="startTime" placeholder="00:00">
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_time_of_day">
- <label class="control-label" for="endTime">To</label>
- <div class="controls">
- <input type="text" class="input-mini" style="text-align: right" ng-model="schedule.to_time_of_day" ng-pattern="/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/" id="endTime" placeholder="00:00">
+ <div class="form-group" ng-class="{'has-error': scheduleForm.endTime.$invalid}">
+ <label class="col-lg-1 control-label" for="endTime">To</label>
+ <div class="col-lg-1">
+ <input type="text" class="form-control col-lg-2" style="text-align: right" ng-model="schedule.to_time_of_day" ng-pattern="/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/" id="endTime" placeholder="00:00">
+ </div>
</div>
</div>
- <div class="control-group">
- <div class="controls">
- <label class="checkbox" for="filterByWeekday">
- <input type="checkbox" id="filterByWeekday" ng-model="schedule.filter_by_weekday">Filter by weekday
- </label>
+ <div class="form-group">
+ <div class="col-lg-offset-2 col-lg-10">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="filterByWeekday" ng-model="schedule.filter_by_weekday">Filter by weekday
+ </label>
+ </div>
</div>
</div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordMondays">
- <input type="checkbox" id="recordMondays" ng-model="schedule.monday">Record Mondays
- </label>
+ <div class="col-lg-offset-3 col-lg-9" ng-show="schedule.filter_by_weekday">
+ <div class="form-group">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordMondays" ng-model="schedule.monday">Record Mondays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordTuesdays">
- <input type="checkbox" id="recordTuesdays" ng-model="schedule.tuesday">Record Tuesdays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordTuesdays" ng-model="schedule.tuesday">Record Tuesdays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordWednesdays">
- <input type="checkbox" id="recordWednesdays" ng-model="schedule.wednesday">Record Wednesdays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordWednesdays" ng-model="schedule.wednesday">Record Wednesdays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordThursdays">
- <input type="checkbox" id="recordThursdays" ng-model="schedule.thursday">Record Thursdays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordThursdays" ng-model="schedule.thursday">Record Thursdays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordFridays">
- <input type="checkbox" id="recordFridays" ng-model="schedule.friday">Record Fridays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordFridays" ng-model="schedule.friday">Record Fridays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordSaturdays">
- <input type="checkbox" id="recordSaturdays" ng-model="schedule.saturday">Record Saturdays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordSaturdays" ng-model="schedule.saturday">Record Saturdays
+ </label>
+ </div>
</div>
- </div>
- <div class="control-group" ng-show="schedule.filter_by_weekday">
- <div class="controls">
- <label class="checkbox" for="recordSundays">
- <input type="checkbox" id="recordSundays" ng-model="schedule.sunday">Record Sundays
- </label>
+ <div class="form-group" ng-show="schedule.filter_by_weekday">
+ <div class="checkbox">
+ <label>
+ <input type="checkbox" id="recordSundays" ng-model="schedule.sunday">Record Sundays
+ </label>
+ </div>
</div>
</div>
- <div class="control-group">
- <div class="controls">
+
+ <div class="form-group">
+ <div class="col-lg-offset-2 col-lg-10">
<button type="submit" class="btn btn-primary" ng-class="{disabled: scheduleForm.$invalid}" ng-click="update()" ng-disabled="scheduleForm.$invalid">Update</button>
- <a ng-href="/schedules" class="btn">Cancel</a>
+ <a ng-href="/schedules" class="btn btn-default">Cancel</a>
</div>
</div>
</form>
</div>
\ No newline at end of file