feat: Home button clear search query (#916)

* click on home will clear searchbox

* clearHome when mounted

* clearHomePage just when you are in homepage

* check clearHomePage signal out of clearHomePage method

* fix style

internal/view/assets/js/component/eventBus.js

@@ -0,0 +1,4 @@
+// Create a new Vue instance as the EventBus
+const EventBus = new Vue();
+
+export default EventBus;

internal/view/assets/js/page/home.js

@@ -90,6 +90,9 @@ import paginationBox from "../component/pagination.js";
 import bookmarkItem from "../component/bookmark.js";
 import customDialog from "../component/dialog.js";
 import basePage from "./base.js";
+import EventBus from "../component/eventBus.js";
+
+Vue.prototype.$bus = EventBus;
 
 export default {
  template: template,
@@ -153,6 +156,10 @@ export default {
  },
  },
  methods: {
+ clearHomePage() {
+ this.search = "";
+ this.searchBookmarks();
+ },
  reloadData() {
  if (this.loading) return;
  this.page = 1;
@@ -999,6 +1006,9 @@ export default {
  },
  },
  mounted() {
+ this.$bus.$on("clearHomePage", () => {
+ this.clearHomePage();
+ });
  // Prepare history state watcher
  var stateWatcher = (e) => {
  var state = e.state || {},

internal/view/index.html

@@ -42,6 +42,8 @@
  import pageHome from "./assets/js/page/home.js";
  import pageSetting from "./assets/js/page/setting.js";
  import customDialog from "./assets/js/component/dialog.js";
+ import EventBus from "../assets/js/component/eventBus.js";
+ Vue.prototype.$bus = EventBus;
 
  var app = new Vue({
  el: '#main-scene',
@@ -69,6 +71,9 @@
  state = { activePage: page },
  url = new Url;
 
+ if (page === 'page-home' && this.activePage === 'page-home') {
+ Vue.prototype.$bus.$emit('clearHomePage', {});
+ }
  url.hash = pageName;
  this.activePage = page;
  history.pushState(state, page, url);