Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hitting the refresh button should refresh the exact same page #5523

Closed
mattab opened this issue Feb 8, 2008 · 7 comments
Closed

Hitting the refresh button should refresh the exact same page #5523

mattab opened this issue Feb 8, 2008 · 7 comments
Labels
Bug For errors / faults / flaws / inconsistencies etc. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical.
Milestone

Comments

@mattab
Copy link
Member

mattab commented Feb 8, 2008

This problem comes from the fact that we use ajax to load every content in piwik, so the URL remains the same all the time.

To fix this we can use the # in the URL, the same way Gmail does.

proposal
- at least following variables should be persisted in V1: day/period/idSite/module/action
- how to implement it? I would suggest the Facebook way (ie. the query after the #, eg. #module=Referers&action=getSearchEngines&idSite=1 etc.)
- see http://dev.piwik.org/trac/wiki/HowToTestUI which lists all UI features; good place to start to get a feeling of what is necessary to persist

Calendar

Currently changing the date in the calendar also changes the currently viewed section (reset to Dashboard).

Instead we should reload the same category.

Ressources

See [Jquery History](http://www.mikage.to/jquery/jquery_history.html)

jQuery history plugin: It uses the hash (fragment)
method that was mentioned earlier in this thread. You essentially need to be able to store some text that encapsulates the current page state so that it can be recreated by the browser on reload; no information beyond that in the URL is maintained in any reliable way. This particular plugin also has the effect of making the “back” and “forward” buttons undo and redo page state changes, which you may or may not want.

@anonymous-matomo-user
Copy link

Attachment:
[103 patch.diffs](http://issues.piwik.org/attachments/5523/103_patch.diffs)

@anonymous-matomo-user
Copy link

added patch for this ticket.
This patch was tested on ie7 and FireFox on both linux and windows.
1. This patch should help piwik to know which module and action user want based on the anchor params: e.g: #module=VisitTime&action=index
2. Hitting refresh should work as well :)

```
svn st:
A plugins/CoreHome/templates/url_anchor.js
M plugins/CoreHome/templates/menu.js
M plugins/CoreHome/templates/calendar.js
M plugins/CoreHome/templates/sites_selection.tpl
M plugins/CoreHome/templates/js_css_includes.tpl
```

@mattab
Copy link
Member Author

mattab commented Mar 12, 2009

kpham, thanks for patch.

I think however code can be improved, especially because in the future we’d like to persist more parameters than period/date/idsite/module/action therefore it should be modular.

Feedback
On the architecture side: I would think of having a broadcaster javascript object that you would call with a simple api like: changeParameter(string).
For example:

```
View full keywords report</
or
View full keywords report for yesterday
```

This function would update the hash. Then it would trigger an event that says “onParametersUpdate” for example, and this function would do the job to call the right url in ajax to load below the menu (ie. there will be some menu code moved from existing javascript to this function). Later we could persist other parameters and add the code necessary to restore the page state in this function.

What do you think about such a design?

Other feedback on the code
- updateAnchor has a li_id parameter but it’s not used?
- for example, calendar.js shouldn’t have to do substring matches, it should call a method on the broadcast object (eg. getVariableFromAnchor(‘date’)) that would do the work and return the right variable from the hash, or false
- isAnchorExists should return false rather than undefined
- getParamValueFromUrl should work well when passed a URL with anchor (ie the api of the object to handle the hash should be very simple to use from outside)
- also please have a look at [Piwik Coding Standard](http://dev.piwik.org/trac/wiki/CodingStandard)

also:
- does the back button work as expected on the browser?
- we should aim to persist the parameters date and period as well.
- Persisting idSite could wait for the V2 as it has some added complications (ie. you need to fetch the minDate for this website, fetch the website name and set it in the global piwik javascript array, etc.)

let me know what you think.

@anonymous-matomo-user
Copy link

Hi Matt,

I agree with your comments. I will make those changes and re-submit another patch for this ticket. Looks like the back button doesn’t work as expected. Another problem is when you’re not login and use the anchor params; it doesn’t work.

Thanks,
Khanh.

@anonymous-matomo-user
Copy link

just to emphasize that this is an important fix: it is mighty annoying that every time you change the date it will redirect you to the dashboard and you have to go back all the way!

@mattab
Copy link
Member Author

mattab commented May 6, 2009

(In [1095]) - Refresh and back button now work! great contribution by Khanh Pham fixed #103
it's using the jquery history plugin. period, date, idsite, module and action are persisted across requests, making Piwik much nicer and faster to use.

@mattab
Copy link
Member Author

mattab commented May 6, 2009

(In [1096]) it should work better with the main broadcast.js file :) refs #5523

@mattab mattab added this to the Piwik 0.9 - Surviving The Wild milestone Jul 8, 2014
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug For errors / faults / flaws / inconsistencies etc. Major Indicates the severity or impact or benefit of an issue is much higher than normal but not critical.
Projects
None yet
Development

No branches or pull requests

2 participants