"back" button function fixed

[niubility000]

fixed #1562

[ramiresviana]

Assuming that the current directory is already on the history, replace will insert another history entry for the same directory, making users to press the back button twice to go back from that directory. Use the push method instead to avoid a duplicated history entry.

[niubility000]

oh, I've tested it. it's true.
But if we use "push", it will revisit the last pic or file if you click the "back" button.
Commonly, we use "this.$router.go(-1)" here, it's perfect now.
fixed!

[ramiresviana]

The go method cannot be used because:

• We do not have control of the user history, the previous entry is not necessarily from FileBrowser.
• The user history is empty when accessing the page directly by its URL, since there's no previous page nothing will happen.

[niubility000]

Thank you for your review.
Then, what should I use? Or, just use the same default func as the "back" button: history.back(); it also works here. Hope this time it's ok. when there is no history, it will close the browser.
Or if it still has problems, hope you can make a PR for it. 🥇

[ramiresviana]

I think that the changes addressed on the methods prev() and next(), keeping close() untouched, are enough for this PR. If some browser is not behaving correctly with these changes, please add information how to reproduce the issue and will take a look.

[niubility000]

Ok, I will change it back.

[o1egl]

I'm not sure that it works as expected. Tested on latest chrome

filebrowser.mov

[ramiresviana]

These changes affects the back/previous buttons from the previewer. Instead of adding an history entry for every item when navigating on the previewer, it will keep only a single entry of the latest opened file.

For example: navigating through 10 images using the next button will add 10 entries to the history. With this PR, you will need to press the back button only once to exit from the preview, instead of pressing it 10 times.

[niubility000]

I'm not sure that it works as expected. Tested on latest chrome

filebrowser.mov

Yeah, o1egl, you are testing the editor.vue, not the preview.vue. This PR only fixed the next and prev buttons in preview.vue. When you browse the pictures using prev and next buttons, and then click back button, you will see the difference.
As you tested, the close() in the editor.vue and preview.vue also has this problem. It can be fixed by changing the following:
close() {
this.$store.commit("updateRequest", {});
let uri = url.removeLastDir(this.$route.path) + "/";
this.$router.push({ path: uri });
},

to
close() {
this.$store.commit("updateRequest", {});
history.back();
},
ramiresviana recommends to make another PR for this later.