Comments (15)
there is, there are now 14 distinct states in the widget, and one of
them is 'offline'.
just because we haven't had time yet to make them look different,
there are only 5 visually distinguishable states. See
https://github.com/unhosted/remoteStorage.js/blob/v0.7/src/lib/widget.js#L59
and
https://github.com/unhosted/remoteStorage.js/blob/v0.7/src/lib/widget.js#L84
once i have more time, i'll make the visual design changes we
discussed, and will do user testing to see if it's clear to users
which state means what. in any case, in the event we switch to
webintents, it could all look different again.
For now, i think it's good enough.
On Wed, Jun 27, 2012 at 12:41 AM, Jan-Christoph Borchardt
[email protected]
wrote:
There needs to be a state in the syncer signifying offline state. It should be like the small popout on the left like when you hover over it for logout, except that it is permanent and states »offline« or something similar.
Additionally, we probably need to explain or somehow fix that if you sign out while offline, your changes will not be synced up.
Reply to this email directly or view it on GitHub:
https://github.com/unhosted/remoteStorage.js/issues/48
from remotestorage.js.
We did not not have time to make them look different – there should just not be »14« different states made visible to users.
The important states are:
- not connected → the connect widget
- everything fine → just the icon
- loading (connecting, syncing) → spinning icon
- offline/error → red icon, with message to the left
Everything else is technological details.
from remotestorage.js.
@jancborchardt do you have a red version of the cube somewhere?
from remotestorage.js.
Offline is not an error, but a standard state. Please don't make it red.
What's done in a lot of UIs is grey out when offline for example. We could do that as well.
from remotestorage.js.
Offline is not an error, but nonetheless should have a warning character. When you end up in offline-state, for whatever reason, it is possible to lose data (e.g. if your browser clears localStorage when you end the session).
"Greying out" the cube in my opinion would instead remove awareness of it's presence.
There should be some distinction though, between "error" and "offline". The only error that currently is displayed, is when we see a 401, in which case the widget lets you re-request a token.
So, @jancborchardt, I'm rephrasing my request:
- Do you have a red version of the cube somewhere? (for the error state)
- Do you have a version of the cube to indicate "offline" state somewhere?
Maybe we could "split" the cube somehow (show two halfs with a space in between), to indicate "offline"? Any other suggestions?
from remotestorage.js.
Again: it is a standard state. It only justifies warnings if there are sync problems, not just if it can't sync now.
from remotestorage.js.
lightblue? :)
On Mon, Oct 22, 2012 at 3:04 PM, Sebastian Kippe
[email protected]:
Again: it is a standard state. It only justifies warnings if there are
sync problems, not just if it can't sync now.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/48#issuecomment-9662802.
from remotestorage.js.
Yeah, I agree with @skddc – offline is a standard state, the Dropbox syncer for instance just displays the box in that case without icon. I think greying out makes sense as a beginning. We can still change it if it feels weird, but it’s a good start.
@nilclass here are the icons: remotestorage/remotestorage.io@9183714
The warning character in offline state should come from the permanently visible bubble which says »Offline«. And then when local changes are present on the line below »changes will be synced when online«.
from remotestorage.js.
The offline icon looks a bit weird, as it has the same color as the bubble. See here.
from remotestorage.js.
@nilclass updated the icon with a darker version: remotestorage/remotestorage.io@0a2b1e4
from remotestorage.js.
Everybody content with the currently implemented solution?
from remotestorage.js.
@xMartin so the decision was not to allow "disconnect" in offline state?
from remotestorage.js.
For 0.7.0, yes. Definitely needs improvement but is not a blocker.
from remotestorage.js.
moving this to "next version", as no more will happen in 0.7 scope
from remotestorage.js.
I’d say this is superseded by #195, where we discussed lowering the retry timeout. Maybe we need more feedback or info still, but it’s a nice start.
from remotestorage.js.
Related Issues (20)
- Google Drive _getFile doesn't check if a file ID exists before using it HOT 1
- ReferenceError: XMLHttpRequest is not defined when connecting with a token HOT 6
- Document usage with TypeScript in non-browser environments
- client.remove() produces non-existing node errors HOT 2
- Cannot use type augmentation with RemoteStorage modules
- ReadTheDocs builds failing HOT 4
- Dropbox code needs to be updated to use refresh tokens
- Update ReadTheDocs config to use the new build images
- Tests must be migrated away from Jaribu, which is no longer maintained HOT 2
- ReadTheDocs builds broken (again)
- hypercore, solid-project, webdav, ipfs or remote-storage? HOT 2
- getNodes does not clone object in inmemorystorage
- Is this project active? HOT 2
- Error "No storage information found for this user address." when accessing my HTTP RS server from HTTPS app HOT 2
- Error "Cannot read properties of null" when trying to login in the widget HOT 2
- Export assignment cannot be used when targeting ECMAScript modules. in 2.0.0 beta. HOT 2
- Fire local change event without page reload HOT 1
- Migrating to 2.0.0-beta.6 issues HOT 6
- Document sync events HOT 1
- npm install fails with ERESOLVE dependency conflict HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from remotestorage.js.