Code Monkey home page Code Monkey logo

hajk's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hajk's Issues

Core Feature: Annoucements

Shows app related news to end users by displaying a Snackbar.

Useful when admins want to announce something map related, prepare users for planned downtime, etc.

Description

  1. Admin defines announcements in appConfig.json. (I won't be building a admin UI around this for now.)
    1.1 The reason why it goes into appConfig.json and not each map config is that this approach will allow admins to show the same announcement on one-to-many maps.
  2. Admin specifies a message (required), startTime, endTime, and two boolean flags: active and showOnlyOnce. Also a uuid is needed, so we can keep track of which announcement has been shown, should admin set showOnlyOnce to true.

Admin API documentation

This component doesn't yet have any admin UI. Instead, it is configured by adding something like this to the appConfig.json:

"announcements": [
      {
        "id": 1, // Numeric. Must be a unique ID for this item in array of objects.
        "text": "Message to show to the user. Keep it short.", // String. Self-documenting. 
        "active": true, // Boolean. Makes it possible to turn off messages completely without removing them.
        "showOnlyOnce": true, // Boolean. If true, a cookie will be saved on users browser and message will show only once.
        "maps": ["map_1", "another_map"], // Array. Only specified maps will show message.
        "timeout": null, // null or Numeric. Snackbar will auto hide after specified amount of millisecond, or be persistent (if null).
        "startTime": "2020-01-01", // DateTime. Earliest timestamp for this to be visible. Must be a string parsable by Date.parse().
        "stopTime": "2020-12-31", // DateTime. Last timestamp when this will be visible.
        "type": "info" // String. See Notistack docs for allowed options, usually "default", "info", "warning", "success" and "error".
      }, {
        "id": 2, 
        // ... and so on
      }, 
      // ... and more objects here
    ]

Screenshot

Skärmbild 2020-06-29 vid 15 36 20

Older description

My initial idea, which now dates back over two years, can be found here (Swedish only): https://hajk.slack.com/archives/C2QNE0FCG/p1527249217000491.

Kartan blir vit när man panorerar/zoomar med musen

Update 2017-11-24
Kartan fungerar korrekt när man kommenterar bort rad 79 i mapmodel.js.
//extent: this.get('extent').length != 0 ? this.get('extent') : undefined

Vid ytterligare undersökning har jag konstaterat att det har med konfigurationen av extent (i map_x.json) att göra. Om värdet för extent sätts till exakt samma värden som för någon av projections så fungerar kartan korrekt. (Jag har testat med EPSG:3008 och värden extent = [60857.4994, 6120098.8505, 223225.0217, 6906693.7888].)

Ursprunligt inlägg
Testade a94ef3f och där var allt OK.
I commit df87325 uppstår buggen.

image

Kortfattad beskrivning av buggen
Bakgrundskarta och lager laddas när användaren laddar sidan och allting visas. Så fort användaren gör något med musen som kräver att kartan ritas om så uppstår buggen och kartområdet blir vitt. Det räcker alltså att användaren trycker, håller och flyttar kartan med musen (dvs panorerar) eller zoomar med scroll-hjulet.

Om användaren däremot använder + och - knapparna för att zooma så ritas allting korrekt.

När buggen har uppstått och kartan är vit så kan användaren återfå kartan genom att trycka på GPS-knappen. Då ritas kartan om korrekt, med den nya zoominställningen och panoreringen.

Steg för att återskapa
Förhandkrav: Ha en lokal version igång på IIS (för att nyttja mapservice och admin därifrån). Du ska kunna nå localhost:80 och se en karta.

  1. Checka ut pre-release
  2. Kör följande:
cd client
npm install
grunt dependencies
grunt build
grunt debug
  1. Surfa in på localhost:9000. Kartan ska se ut precis som på localhost:80, men nu använder du /client-delen som byggdes nyligen från pre-release.
  2. Flytta kartan lite eller används musens scrollhjul för att zooma. Kartan blir vit.
  3. Se till att du har GPS-verktyget tillgänligt (om inte, aktivera det i /admin).
  4. Tryck på GPS-verktyget för att positionera.
  5. Kartan ritas nu fint igen.
  6. Testa nu att zomma med knapparna + och -. Det fungerar utmärkt, kartan ritas fint.
  7. Testa att zooma med musen. Kartan blir vit igen.
  8. Tryck på GPS-knappen igen för att kartan ska synas.

Jag felsökte vidare och ser att anropen går ut till WMS-en. Felet fanns inte i version a94ef3f som fungerade bra. Du kan testa det genom att checka ut specifikt den versionen.

  1. Ange följande:
    git checkout a94ef3f
  2. Se till att du står i /client-mappen och gör om stegen i steg 2 (npm install och alla grunt-kommandon).
  3. Testa kartan igen. Allt fungerar bra.

Snabbval/tema

Det ska gå att välja en färdig konfiguration av vilka lager som är tända. T.ex. Adresskarta, Fastighetskarta, Bygglovskarta etc. Vilka "paket" som ska finnas och hur de ska nås behöver bestämmas.

Plugin: Rita

Önskvärda funktioner:

  • Möjligt att summera längt/yta för användaren om flera objekt ritas/markeras

Teman via material UI

Gör så att konfig för färgteman hämtas från map config och skapas som teman via material UI.

Konfiguration av ritordningslistan

Ritordningslistan blir jättelång och man behöver något stöd för att se var man är. Kunna skapa grupperingar (som i Lagerlistan).

Visning av sökträffar

När man klickar på en sökträff ska attributen visas på samma sätt som vid "vanligt" klick i kartan. Dvs använda sig av den konfigurering som gjorts i admingränssnittet för attributvisning i inforuta.

Nytt bildformat

Det ska finnas tre olika val att välja mellan när det gäller Bildformat i fliken Visningstjänster. Idag går det att välja på image/png och image/jpeg. Detta ska kompletteras med image/png8.

Importera

Endast filändelser som kan importeras ska visas och endast dessa ska vara möjliga att välja.

Attributions/copyright in map

It looks as we somehow fail to display valid attributions for selected layers. Instead, the sole attribution visible is [object Object]

Lagerlistorna

Separera fönstret, alternativt hoppa till överkant på sidan när man markerar ett lager som ligger långt ner i listan (så att tex WMS-registrerings-information inte syns till höger). Man ser inte vad som händer/ att det händer något när man klickar.

Lagerhantering

När man ska dra och släppa lager i alla listor saknas en automatisk scroll-funktion.  Nu  är listan längre än skärmen är hög och man måste mellanlanda lagret på fel plats, scrolla och sen dra vidare.

Infoklick i flera lager

Det ska gå att infoklicka och få träff på alla objekt som ligger på varandra. Detta ska fungera oavsett om objekten är i samma eller i olika lager.

Mailfunktion

Användarna ska kunna välja om de vill hämta eller maila pdf:en som skapas.

Lagerhantering

När man ska dra och släppa lager i alla listor saknas en automatisk scroll-funktion.  Nu  är listan längre än skärmen är hög och man måste mellanlanda lagret på fel plats, scrolla och sen dra vidare.

Hantera wildcardsökning

För varje sökattribut ska det gå att välja om sökning ska göras med wildcard (start och/eller slut) eller som exakt sökning.

Klarknapp

Den gröna rutan som det står 'Klar' i ska byta utseende till tydlig knapp. Texten ändras till "Slutför" och utan bock-symbol.

Plugin: Mät

Önskvärda funktioner:

  • Möjligt att summera längt/yta för användaren om flera objekt ritas/markeras

Konfiguration av ritordningslistan

Ritordningslistan blir jättelång och man behöver något stöd för att se var man är. Kunna skapa grupperingar (som i Lagerlistan).

Hantera wildcardsökning

För varje sökattribut ska det gå att välja om sökning ska göras med wildcard (start och/eller slut) eller som exakt sökning.

Läsa av och presentera tjänsternas förmåga

I admin-verktyget skulle det underlätta väldigt mycket att kunna läsa av (skörda) tjänstens förmåga och presentera den i drop-listor. Då kan administratören direkt välja en av dem (som också stöds av GOkart). Kan vara version, bildformat, infoformat, infoklickbar, koordinatsystem, lager, stilar etc

JA/ME: Förslag: Komplettera admingränssnitt med droplistor för valbara parametrar och fyll dessa med tjänstens förmåga.

Behöver kunna justera WMS-version (tex om annan extern organisation har en viss/annan version som vi vill koppla in)

Filtrera (sök i lagerlista)

Sök ska ske i bokstavsordning. Skriver du Ka vill jag få upp de som börjar på Ka först.

Om man söker på "ka" ska man få träff på baka (ka), skatt (ka) och katt (ka).

Sortering enligt katt, baka, skatt. Dvs att träffar som börjar på sökt ord får företräda framför de andra varianterna och att de därefter sorteras i bokstavsordning.

Plugin: Quick link

Quick link to given coordinate and zoom level, with a nice label.

Could be placed next to search, in App bar, and used to quickly zoom to a population center in the municipality.

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.