audrius/pms
1
0
Fork 1
mirror of https://github.com/OCA/pms.git synced 2025-01-29 00:17:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] Collapsable Sections

Browse Source
This commit is contained in:
Alexandre Díaz
2019-01-11 01:34:43 +01:00
parent 62a2f18ad8
commit ff0172f613
3 changed files with 34 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
hotel_calendar/static/src/css/view.css
View File

@@ -90,6 +90,13 @@ input#bookings_search {
margin-top: 1em;
}
#pms-menu .menu-filter-box h4 {
cursor: pointer;
}
#pms-menu .menu-filter-box h4 i {
transition: all 0.5s ease;
}
#pms-menu .button-box {
text-align: left;
min-height: 3.5em;
@@ -230,4 +237,4 @@ input#bookings_search {
display: flex;
}
/* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */
/* TODO: Use Odoo Colours based on http://www.odoo.com/openerp_website/static/src/less/variables.less */

6
hotel_calendar/static/src/js/views/calendar/hotel_calendar_controller.js
View File

@@ -363,6 +363,12 @@ var PMSCalendarController = AbstractController.extend({
});
});
this.renderer.$el.find('#pms-menu .menu-filter-box #filters').on('show.bs.collapse', function(ev){
self.renderer.$el.find('#pms-menu .menu-filter-box h4 i.fa').css({transform: 'rotate(90deg)'});
}).on('hide.bs.collapse', function(ev){
self.renderer.$el.find('#pms-menu .menu-filter-box h4 i.fa').css({transform: 'rotate(0deg)'});
});
this._multi_calendar.on('tab_changed', function(ev, active_index){
if (active_index) {
self._refresh_view_options(active_index);

38
hotel_calendar/static/src/xml/hotel_calendar_view.xml
View File

@@ -113,24 +113,26 @@
</button>
</div>
<div class="col-xs-12 col-md-12 nopadding menu-filter-box">
<h4>Filters</h4>
<select class="form-control" id="type_list" placeholder="Select Segmentation..." multiple="multiple"/>
<select class="list form-control" id="floor_list" placeholder="Select Location..." multiple="multiple"/>
<select class="list form-control" id="amenities_list" placeholder="Select Amenities..." multiple="multiple"/>
<select class="list form-control" id="virtual_list" placeholder="Select Type..." multiple="multiple"/>
<div class="filter-record col-xs-12 col-md-12" style="padding:4px">
<div class="col-xs-8 col-md-8 nopadding">
<input type="edit" id="calendar_name" class="form-control" />
</div>
<div class="col-xs-2 col-md-2 nopadding">
<button class="btn btn-primary col-xs-12 col-md-12" id="btn_save_calendar_record">
<i class="fa fa-fw fa-save"> </i>
</button>
</div>
<div class="col-xs-2 col-md-2 nopadding">
<button class="btn btn-primary col-xs-12 col-md-12" id="btn_reload_calendar_filters">
<i class="fa fa-fw fa-refresh"> </i>
</button>
<h4 data-toggle="collapse" data-target="#filters"><i class="fa fa-chevron-circle-right"></i> Filters</h4>
<div id="filters" class="collapse">
<select class="form-control" id="type_list" placeholder="Select Segmentation..." multiple="multiple"/>
<select class="list form-control" id="floor_list" placeholder="Select Location..." multiple="multiple"/>
<select class="list form-control" id="amenities_list" placeholder="Select Amenities..." multiple="multiple"/>
<select class="list form-control" id="virtual_list" placeholder="Select Type..." multiple="multiple"/>
<div class="filter-record col-xs-12 col-md-12" style="padding:4px">
<div class="col-xs-8 col-md-8 nopadding">
<input type="edit" id="calendar_name" class="form-control" />
</div>
<div class="col-xs-2 col-md-2 nopadding">
<button class="btn btn-primary col-xs-12 col-md-12" id="btn_save_calendar_record">
<i class="fa fa-fw fa-save"> </i>
</button>
</div>
<div class="col-xs-2 col-md-2 nopadding">
<button class="btn btn-primary col-xs-12 col-md-12" id="btn_reload_calendar_filters">
<i class="fa fa-fw fa-refresh"> </i>
</button>
</div>
</div>
</div>
</div>