orbit_demo_new_old/modules/property_hire/index_calendar.html.erb

66 lines
2.3 KiB
Plaintext
Raw Normal View History

2025-01-16 04:33:20 +00:00
<select name="property-selector" id="property-selector" data-list="filterprops" data-level="0">
<option value="{{id}}&reserve=false">{{title}}</option>
</select>
<div id="orbit_calendar" class="col-lg-0">
<div id="sec1">
<div class="btn-toolbar" id="navigation">
<div id="calendar-nav">
<div class="btn-group">
<button class="btn btn-default btn-sm" id="today_btn">{{today}}</button>
</div>
</div>
</div>
<div class="form-inline" id="range_selection"></div>
</div>
<div id='sec3' class="btn-toolbar">
<div class="btn-group calendar_mode">
<button class="btn btn-default mode_switch btn-sm" data-mode="timeGridDay" >{{day}}</button>
<button class="btn btn-default mode_switch btn-sm" data-mode="timeGridWeek" >{{week}}</button>
<button class="btn btn-default active mode_switch btn-sm" data-mode="dayGridMonth" >{{month}}</button>
</div>
<button id="refresh_btn" class="btn btn-default btn-sm">
<i class="icons-cycle"></i>
</button>
</div>
<div class="pull-right">
<button class="btn btn-default btn-sm" id="prev_month_btn">
<i class="icon-chevron-left"></i>
</button>
<button class="btn btn-default btn-sm" id="next_month_btn">
<i class="icon-chevron-right"></i>
</button>
</div>
<div class="clearfix"></div>
<div id="view_holder">
<h3 id="current_title" class="current_day_title"></h3>
<div id="calendar"></div>
<div id="calendar_agenda"></div>
</div>
<div id="calendar-loading"></div>
<table class="table table-striped">
<thead>
<tr data-list="headers" data-level="0">
<th>{{column}}</th>
</tr>
</thead>
<tbody data-list="properties" data-level="0">
<tr>
<td><a href="{{url_to_show}}">{{title}}</a></td>
<td><img width="150" src="{{image-thumb}}" alt="property image"></td>
<td>{{location}}</td>
<td data-list="actions" data-level="1">
<a href="{{link}}" class="btn {{btn-class}}">{{text}}</a>
</td>
</tr>
</tbody>
</table>
{{pagination_goes_here}}
<script type="text/javascript">
var calendar = new Calendar("#calendar", "{{first_property_id}}",{},"",false, "{{language}}");
$("#property-selector").on("change",function () {
calendar = new Calendar("#calendar", $(this).val(),{},"",false, "{{language}}");
})
$("#property-selector").prop('selectedIndex', 0);
</script>