sfoe / sonnendach-ui Goto Github PK
View Code? Open in Web Editor NEWFront end of the web app www.sonnendach.ch.
Front end of the web app www.sonnendach.ch.
Magnifier-symbol Search-Input-Field: on IE and Firebox the symbol is not inside field
iPhone: Buttons "Eignung" and "Solarstrom für X Franken" in the map-section are too small on an iPhone-screen.
Roof found but no address found -> wrong titles are shown, for ex see http://www.energiestadtfinder.ch/sonnendach/index.html?featureId=89646
add color bar with classification above map (blue='gering', ... red='sehr gut')
The GetLocation-Feaure ist not always working because of client preferences (security). The user has to be informed properly about the reason why the locating-function doesn't work.
The heat-potential could not be calculated for all roofs. Therefore the section Solarwärme shouldn't be showed when waermeertrag is 0
export all data of a roof in a csv
We need to think about how we want to do translations. Javascript? Pre-Rendered or even a service like teletext.io?
To be decided.
add section scrolling for upward scrolling
When I click somewhere with no roof sometimes only hidden-localized is active and sometimes hidden-localized and show-no-roof is active.
When I click somewhere with no roof, the marker is still an top of the old selection. -> Should disappear
length scale in the map is plotted over the credits of the picture (iPhone5)
gs_serie_start does not correspond with month-information in monate
Beim klicken auf eine Dachfläche entstehen in der Realität nicht existierende Adressen. Ein Beispiel: Wenn ich "Neuhof 1 6028 Herlisberg" eingebe (Hof meiner Eltern), dann findet es das Problemlos. Wenn ich dann auf die ausgewählte Dachfläche klicke, wechselt die Adresse links auf "Neuhof 1 6028 Römerswil". Herlisberg gehört zwar zur Gemeinde Römerswil, hat aber eine eigene Postleitzahl. Die PLZ von Römerswil ist 6027.
take data from REST and visualise with D3
In a first version, all information will be printed out directly from a html page. We propose to use a api3 standard extended tooltip (including map to show object) for this functionality - optimized with print in mind.
The extended tooltip will not appear in map.geo.admin.ch in the tooltip. In the tooltip, the link will be to sonnendach.ch. On sonnendach.ch, there will be a link back to the api3 extended tooltip.
As discussed this morning, a requirement is to get the best roof for a building when doing an identify request (which is either triggered by search or by geolocation. This is not supported out of the box because the datamodel is roofs. Anyhow, roofs have a building id which is the same. So the approach is to do a standard identify request and a second request to get all roofs for this building.
Identify request (simulating a requestion on the map)
In the results of the requests above will be 1 or more roof parts. To get each roof for a given building, the find service is used to get all roof parts of a given building, using the building_id
parameter of the previous request.
With the second requestion, you will be able to determine the 'best roof' client side and displaying the corresponding values to the user.
First a roof i clicked and marked with the red marker. If you click somewhere where is no roof the markers stays on the old roof, it should be removed instead
The dataset will be updated over years. It will start with ca.1/3 of the complete dataset. Each update will contain a perimeter for the complete dataset. This perimeter is a) visible on low zoom levels and b) should be queryable from a client to quickly determine if a given location is inside or outside the perimeter.
use same colors
strange text combination. 'Gratulation! Ihre Dachfläche ist für die Nutzung von Solarenergie gering geeignet'
Besides the normal bund-header, we also need an EnergieSchweiz-header
You can select the needed header by a parameter in the url
translate text to Italian for Tessin
and romansh for Graubünden
Scalebar is too big
use jquery instead...?
if $.contains(document.body, event.target)
There is no red Marker in the map in Firefox 43.0.1
for ex "Was kostet meine Photovoltaik-Anlage?"
align left, smaller, nicer :) @oterral can you help?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.