GithubHelp home page GithubHelp logo

cyclestreets / mobileweb Goto Github PK

View Code? Open in Web Editor NEW
3.0 5.0 1.0 18.89 MB

CycleStreets mobile website

Home Page: https://m.cyclestreets.net

HTML 22.57% CSS 24.52% JavaScript 52.91%
cycling routing bicycle openstreetmap

mobileweb's Issues

Location of photo of the day

Photo

BF5CB22A-9613-4C26-B41A-1264ED822DEC
Scene on following this photo of the day link:
https://twitter.com/cyclestreets/status/1342017166267314178?s=21

Map

3A81C72D-027F-4D23-99C2-815EE4081B42
Closing the overlay shows map around current location, not County Down where the photo is located .

Where is it?

One reason users follow Photo of the day from Twitter, or follow a photo map location link more generally is to determine where the image is located.

Suggestion

Turn off “use current location mode” when following location link, allowing user to close overlay and explore area of photo.

Iframes being loaded even if not shown

The blog and donate iframes should be loaded only on demand.

This will need them to be written in by JS, rather than use the Iframe tag directly in the HTML.

Display journeys by id from the archive

This fifty mile route around Salisbury:

https://www.cyclestreets.net/journey/95813197/

was created using an API key other than either the main one for CycleStreets desktop or Mobile app.

Only the Balanced route is available from the archive.

Trying to display this route at:

https://m.cyclestreets.net/journey/95813197/

results in one or two dialog boxes saying the Fastest and/or Quietest routes are not available.

The error message is misleading and has been reported as an issue for CycleStreets.

The main problem though is that the mobile site is requesting the three main plan types: quietest,balanced and fastest individually using separate API calls.

In the journey planner version 1 API this would recreate the missing route plan types, but that will not work in version 2.

Instead the version 2 journey.retrieve API will return all available plans from the archive when the plans parameter is omitted or empty. (Otherwise it acts as as a filter.)

So the recommendation is to change the rendering of the mobile journey pages to be based on a single retrieval from the API. The displayed route plan types should be those returned from that call.

Replace popup for non-found strategy with panel entry

Currently if a user loads a previously-planned route which does not have one or more strategy variations planned, this produces a popup for each such variation:

Sorry, the route for Quietest route could not be loaded: None of the desired plans were found.

(The latter part of this sentence is obviously badly-worded, incidentally.)

NB This scenario will always happen for instance with the old mobile site, which planned three separate routes rather than three at once.

We should replace this popup with writing into the route panel result.

Signin form doesn't submit using return key

If using a desktop machine, the form doesn't submit with the return key.

Although the site is not intended for desktop, this should be supported, as disabling a standard form mechanism indicates poor accessibility.

After Add photo forgets that user signed-in second time around

What occured

  1. Signed-in
  2. Successfully added a photo: https://www.cyclestreets.net/location/158096/
  3. Went to add another photo, and overlay slid down advising to sign in.
  4. Signed in again and added another photo
  5. Subsequent photos were added without the need to sign in again.

So the problem appears to be something to do with forgetting the first sign in.

However - the above was retried using the private browsing mode of Firefox and it did stay signed-in. So this problem may be hard to reproduce consistently.

Platform

Firefox Daylight 30.0 (3279) / iPhone 7

Need +/- buttons for desktop fallback

Although the site is not desktop-optimised, we should at least provide basic zoom functionality in the form of +/- buttons when not in touch mode.

(This was raised in feedback 14104.)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.