Skip to content

Commit

Permalink
[17.0][MIG] website_search_header: Migration to 17.0
Browse files Browse the repository at this point in the history
  • Loading branch information
kobros-tech committed Nov 30, 2024
1 parent ff6f870 commit 5292cf4
Show file tree
Hide file tree
Showing 11 changed files with 96 additions and 99 deletions.
28 changes: 15 additions & 13 deletions website_search_header/README.rst
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
Website Search in Header
========================

..
..
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
Expand All @@ -17,13 +17,13 @@ Website Search in Header
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html
:alt: License: LGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fwebsite-lightgray.png?logo=github
:target: https://github.com/OCA/website/tree/16.0/website_search_header
:target: https://github.com/OCA/website/tree/17.0/website_search_header
:alt: OCA/website
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
:target: https://translation.odoo-community.org/projects/website-16-0/website-16-0-website_search_header
:target: https://translation.odoo-community.org/projects/website-17-0/website-17-0-website_search_header
:alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
:target: https://runboat.odoo-community.org/builds?repo=OCA/website&target_branch=16.0
:target: https://runboat.odoo-community.org/builds?repo=OCA/website&target_branch=17.0
:alt: Try me on Runboat

|badge1| |badge2| |badge3| |badge4| |badge5|
Expand All @@ -38,35 +38,37 @@ This module adds a search bar in the header of your website
Usage
=====

On desktop, the user will be able to show and hide the search input in the website header. While on mobile our searchbox will behave by default.
On desktop, the user will be able to show and hide the search input in
the website header. While on mobile our searchbox will behave by
default.

Bug Tracker
===========

Bugs are tracked on `GitHub Issues <https://github.com/OCA/website/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
`feedback <https://github.com/OCA/website/issues/new?body=module:%20website_search_header%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
`feedback <https://github.com/OCA/website/issues/new?body=module:%20website_search_header%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.

Do not contact contributors directly about support or help with technical issues.

Credits
=======

Authors
~~~~~~~
-------

* ForgeFlow
* Ooops

Contributors
~~~~~~~~~~~~
------------


* Jordi Ballester <jordi.ballester@forgeflow.com>
* Elmer García <elmer.garcia@forgeflow.com>
- ForgeFlow <https://www.forgeflow.com>
- Kencove <https://www.kencove.com/>

Maintainers
~~~~~~~~~~~
-----------

This module is maintained by the OCA.

Expand All @@ -78,6 +80,6 @@ OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.

This module is part of the `OCA/website <https://github.com/OCA/website/tree/16.0/website_search_header>`_ project on GitHub.
This module is part of the `OCA/website <https://github.com/OCA/website/tree/17.0/website_search_header>`_ project on GitHub.

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
6 changes: 2 additions & 4 deletions website_search_header/__manifest__.py
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,19 @@
{
"name": "Website Search in Header",
"category": "Website",
"version": "16.0.1.1.0",
"version": "17.0.1.1.0",
"author": "ForgeFlow, Ooops, Odoo Community Association (OCA)",
"website": "https://github.com/OCA/website",
"license": "LGPL-3",
"depends": [
"website",
"web",
],
"data": [
"views/templates.xml",
],
"assets": {
"web.assets_frontend": [
"website_search_header.assets_frontend": [
"website_search_header/static/src/js/website.js",
"website_search_header/static/src/scss/website_search_header.scss",
],
},
"installable": True,
Expand Down
3 changes: 3 additions & 0 deletions website_search_header/pyproject.toml
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
[build-system]
requires = ["whool"]
build-backend = "whool.buildapi"
2 changes: 2 additions & 0 deletions website_search_header/readme/CONTRIBUTORS.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
- ForgeFlow \<<https://www.forgeflow.com>\>
- Kencove \<<https://www.kencove.com/>\>
2 changes: 0 additions & 2 deletions website_search_header/readme/CONTRIBUTORS.rst

This file was deleted.

File renamed without changes.
3 changes: 3 additions & 0 deletions website_search_header/readme/USAGE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
On desktop, the user will be able to show and hide the search input in
the website header. While on mobile our searchbox will behave by
default.
1 change: 0 additions & 1 deletion website_search_header/readme/USAGE.rst

This file was deleted.

23 changes: 14 additions & 9 deletions website_search_header/static/description/index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
Expand All @@ -9,10 +8,11 @@

/*
:Author: David Goodger (goodger@python.org)
:Id: $Id: html4css1.css 8954 2022-01-20 10:10:25Z milde $
:Id: $Id: html4css1.css 9511 2024-01-13 09:50:07Z milde $
:Copyright: This stylesheet has been placed in the public domain.

Default cascading style sheet for the HTML output of Docutils.
Despite the name, some widely supported CSS2 features are used.

See https://docutils.sourceforge.io/docs/howto/html-stylesheets.html for how to
customize this style sheet.
Expand Down Expand Up @@ -275,7 +275,7 @@
margin-left: 2em ;
margin-right: 2em }

pre.code .ln { color: grey; } /* line numbers */
pre.code .ln { color: gray; } /* line numbers */
pre.code, code { background-color: #eeeeee }
pre.code .comment, code .comment { color: #5C6576 }
pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold }
Expand All @@ -301,7 +301,7 @@
span.pre {
white-space: pre }

span.problematic {
span.problematic, pre.problematic {
color: red }

span.section-subtitle {
Expand Down Expand Up @@ -369,7 +369,7 @@ <h1 class="title">Website Search in Header</h1>
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:0190640b3113a806206eba0406254bfdb594eb50e99f4f870b3815401ff7621f
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/website/tree/16.0/website_search_header"><img alt="OCA/website" src="https://img.shields.io/badge/github-OCA%2Fwebsite-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/website-16-0/website-16-0-website_search_header"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/website&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/website/tree/17.0/website_search_header"><img alt="OCA/website" src="https://img.shields.io/badge/github-OCA%2Fwebsite-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/website-17-0/website-17-0-website_search_header"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/website&amp;target_branch=17.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
<p>This module adds a search bar in the header of your website</p>
<p><strong>Table of contents</strong></p>
<div class="contents local topic" id="contents">
Expand All @@ -386,14 +386,16 @@ <h1 class="title">Website Search in Header</h1>
</div>
<div class="section" id="usage">
<h1><a class="toc-backref" href="#toc-entry-1">Usage</a></h1>
<p>On desktop, the user will be able to show and hide the search input in the website header. While on mobile our searchbox will behave by default.</p>
<p>On desktop, the user will be able to show and hide the search input in
the website header. While on mobile our searchbox will behave by
default.</p>
</div>
<div class="section" id="bug-tracker">
<h1><a class="toc-backref" href="#toc-entry-2">Bug Tracker</a></h1>
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/website/issues">GitHub Issues</a>.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
<a class="reference external" href="https://github.com/OCA/website/issues/new?body=module:%20website_search_header%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<a class="reference external" href="https://github.com/OCA/website/issues/new?body=module:%20website_search_header%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<p>Do not contact contributors directly about support or help with technical issues.</p>
</div>
<div class="section" id="credits">
Expand All @@ -409,16 +411,19 @@ <h2><a class="toc-backref" href="#toc-entry-4">Authors</a></h2>
<h2><a class="toc-backref" href="#toc-entry-5">Contributors</a></h2>
<ul class="simple">
<li>ForgeFlow &lt;<a class="reference external" href="https://www.forgeflow.com">https://www.forgeflow.com</a>&gt;</li>
<li>Kencove &lt;<a class="reference external" href="https://www.kencove.com/">https://www.kencove.com/</a>&gt;</li>
</ul>
</div>
<div class="section" id="maintainers">
<h2><a class="toc-backref" href="#toc-entry-6">Maintainers</a></h2>
<p>This module is maintained by the OCA.</p>
<a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a>
<a class="reference external image-reference" href="https://odoo-community.org">
<img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" />
</a>
<p>OCA, or the Odoo Community Association, is a nonprofit organization whose
mission is to support the collaborative development of Odoo features and
promote its widespread use.</p>
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/website/tree/16.0/website_search_header">OCA/website</a> project on GitHub.</p>
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/website/tree/17.0/website_search_header">OCA/website</a> project on GitHub.</p>
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
</div>
</div>
Expand Down
103 changes: 42 additions & 61 deletions website_search_header/static/src/js/website.js
Original file line number Diff line number Diff line change
@@ -1,62 +1,43 @@
odoo.define("website_search_header.search_header", function (require) {
(function () {
"use strict";

const publicWidget = require("web.public.widget");

publicWidget.registry.SearchHeader = publicWidget.Widget.extend({
selector: "#div_search_button",

events: {
"click #search_btn_toggle_search": "_onClickSearchBtn",
},

start: function () {
const def = this._super.apply(this, arguments);
this.$boxInput = this.$el.find(".o_search_header");
return def;
},

mobileSearch: function () {
if (!this.$boxInput.hasClass("d-none")) {
this.$boxInput.addClass("d-none");
}
var searchQuery = document.querySelector("input[name='search']").value;
var encodedQuery = encodeURIComponent(searchQuery);
var searchURL = this._getSearchUrl(encodedQuery);
window.location.href = searchURL;
},

desktopSearch: function () {
if (!$(".o_search_header").hasClass("d-lg-none")) {
$(".o_search_header").addClass("d-lg-none");
$("#search_btn_toggle_search i").removeClass("oi-close");
$("#search_btn_toggle_search i").addClass("oi-search");
$("#div_search_header").addClass("ms-lg-0");
$("#div_search_button").addClass("ms-lg-2");
} else {
$(".o_search_header").removeClass("d-lg-none");
$("#search_btn_toggle_search i").removeClass("oi-search");
$("#search_btn_toggle_search i").addClass("oi-close");
$("#div_search_header").removeClass("ms-lg-0");
$("#div_search_button").removeClass("ms-lg-2");
$("input.oe_search_box").focus();
}
},

_onClickSearchBtn: function () {
var screenWidth =
window.innerWidth ||
document.documentElement.clientWidth ||
document.body.clientWidth;
if (screenWidth < 992) {
this.mobileSearch();
} else {
this.desktopSearch();
}
},

_getSearchUrl: function (encodedQuery) {
return "/website/search?search=" + encodedQuery + "&amp;order=name+asc";
},
});
});
function mobileSearch() {
if (!this.$boxInput.hasClass("d-none")) {
this.$boxInput.addClass("d-none");
}
var searchQuery = document.querySelector("input[name='search']").value;
var encodedQuery = encodeURIComponent(searchQuery);
var searchURL = this._getSearchUrl(encodedQuery);
window.location.href = searchURL;
}

function desktopSearch() {
if ($(".o_search_header").hasClass("d-lg-none")) {
$(".o_search_header").removeClass("d-lg-none");
$("#search_btn_toggle_search i").removeClass("oi-search");
$("#search_btn_toggle_search i").addClass("oi-close");
$("#div_search_header").removeClass("ms-lg-0");
$("#div_search_button").removeClass("ms-lg-2");
$("input.oe_search_box").focus();
} else {
$(".o_search_header").addClass("d-lg-none");
$("#search_btn_toggle_search i").removeClass("oi-close");
$("#search_btn_toggle_search i").addClass("oi-search");
$("#div_search_header").addClass("ms-lg-0");
$("#div_search_button").addClass("ms-lg-2");
}
}

function searchHeader() {
var screenWidth =
window.innerWidth ||
document.documentElement.clientWidth ||
document.body.clientWidth;
if (screenWidth < 992) {
mobileSearch();
} else {
desktopSearch();
}
}

window.searchHeader = searchHeader;
})();
Loading

0 comments on commit 5292cf4

Please sign in to comment.