audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] web_responsive: Add search feature (#838)

Browse Source 
* Add feature to search menus in the app drawer
* Switch model to RPC
This commit is contained in:
Dave Lasley
2017-12-14 17:07:30 -08:00
committed by Sergey Shebanin
parent e7d34b9f6b
commit c00a602e09
12 changed files with 1208 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web_responsive/views/assets.xml
View File

@@ -11,7 +11,7 @@
<xpath expr=".">
<link rel="stylesheet"
type="text/css"
href="/web_responsive/static/lib/css/drawer.3.2.0.css"
href="/web_responsive/static/lib/css/drawer.3.2.2.css"
/>
<link rel="stylesheet"
href="/web_responsive/static/src/less/main.less"
@@ -28,11 +28,17 @@
<link rel="stylesheet"
href="/web_responsive/static/src/less/variables.less"
/>
<script type="application/javascript"
src="/web_responsive/static/lib/js/bililiteRange.2.6.js"
/>
<script type="application/javascript"
src="/web_responsive/static/lib/js/jquery.sendkeys.4.js"
/>
<script type="application/javascript"
src="/web_responsive/static/lib/js/iscroll-probe.5.2.0.js"
/>
<script type="application/javascript"
src="/web_responsive/static/lib/js/drawer.3.2.0.js"
src="/web_responsive/static/lib/js/drawer.3.2.2.js"
/>
<script type="application/javascript"
src="/web_responsive/static/src/js/web_responsive.js"

69
web_responsive/views/web.xml
View File

@@ -218,13 +218,28 @@
<div class="panel-heading" id="appDrawerAppPanelHead">
<div class="col-xs-6">
<h4 class="app-drawer-panel-title pull-left">
<a class="app-drawer-icon-close drawer-toggle">
<a class="app-drawer-icon-close drawer-toggle hidden-xs">
<i class="fa fa-lg fa-chevron-left"
t-translation="off"
aria-hidden="true"
/>
Apps
</a>
<span class="hidden-xs">
&amp;nbsp;|&amp;nbsp;
</span>
<a class="app-drawer-icon-search drawer-search-open">
<i class="fa fa-lg fa-search"
t-translation="off"
aria-hidden="true"
/>
</a>
<a class="app-drawer-icon-search drawer-search-close">
<i class="fa fa-lg fa-close"
t-translation="off"
aria-hidden="true"
/>
</a>
</h4>
</div>
<div class="col-xs-6">
@@ -238,21 +253,57 @@
</div>
</div>
<div class="panel-body" id="appDrawerAppPanelBody">
<ul class="row list-unstyled oe_application_menu_placeholder"
<div id="appDrawerApps"
class="row oe_application_menu_placeholder"
style="display: none;">
<li t-foreach="menu_data['children']" t-as="menu"
class="col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center mt16">
<t t-call="web.menu_link">
<t t-set="display_images" t-value="1" />
<t t-foreach="menu_data['children']" t-as="menu">
<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 text-center mt16">
<t t-call="web.menu_link">
<t t-set="display_images" t-value="1" />
</t>
</div>
<!-- Provide breakpoints on necessary viewports for proper row heights -->
<t t-if="(menu_index + 1) % 6 == 0">
<div class="clearfix visible-lg-block" />
</t>
</li>
<li id="menu_more_container" class="dropdown" style="display: none;">
<t t-if="(menu_index + 1) % 4 == 0">
<div class="clearfix visible-md-block" />
</t>
<t t-if="(menu_index + 1) % 3 == 0">
<div class="clearfix visible-sm-block" />
</t>
<t t-if="(menu_index + 1) % 2 == 0">
<div class="clearfix visible-xs-block" />
</t>
</t>
<div id="menu_more_container" class="dropdown" style="display: none;">
<a class="dropdown-toggle" data-toggle="dropdown">More <b class="caret"></b></a>
<ul id="menu_more" class="dropdown-menu"></ul>
</li>
</div>
</div>
<ul id="appDrawerMenuSearch"
class="row list-unstyled"
style="display: none;">
<div class="panel panel-info app-drawer-search-panel">
<div class="panel-heading">
<h2>
<i>Searching:</i>
<input id="appDrawerSearchInput" class="menu-search-query"/>
</h2>
</div>
<div class="panel-body">
<ul id="appDrawerSearchResults"
class="row list-unstyled oe_application_menu_placeholder">
No Search Supplied.
</ul>
</div>
</div>
</ul>
</div>
</div>
<div class="app-drawer-search-action" />
</xpath>
</template>