go-shiori/shiori
1
1
Fork 0
mirror of https://github.com/go-shiori/shiori.git synced 2024-09-20 06:56:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: Home button clear search query (#916)

Browse source 
* 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
This commit is contained in:
Monirzadeh 2024-05-26 17:03:17 +03:30 committed by GitHub
parent 2d88f908e2
commit 6c94d56bf0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

4
internal/view/assets/js/component/eventBus.js Normal file
View file

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

10
internal/view/assets/js/page/home.js
View file

@ -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 || {},

5
internal/view/index.html
View file

@ -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);