kuzn-ilya / ryazan Goto Github PK
View Code? Open in Web Editor NEWRyazan mobile application
License: MIT License
Ryazan mobile application
License: MIT License
Open filters on 1st tab and make some changes.
Now open filter on any other tab and check filters
Filters for routes seem to be used with different values or hided totally from UI
It changes back to default react-navigation header
Use svg from #62
Easy steps for reproducing:
You can check it on Памятник Евпатию Коловрату POI
List, fetching.
We probably should do it at a later stage..
Currently, map uses built-in controls which are really buggy. "User location" button is not always visible, and zoom controls aren't there at all. Either fix them and make your own.
Let's think something up.
app.json
Now empty screen is shown
The question is can RN work in background..
Look into https://docs.expo.io/versions/latest/sdk/location/#locationstartlocationupdatesasynctaskname-options
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
sodipodi:docname="Р.svg">
<defs
id="defs2">
<inkscape:path-effect
effect="spiro"
id="path-effect819"
is_visible="true" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.52511751"
inkscape:cx="235.32376"
inkscape:cy="610.91194"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1280"
inkscape:window-height="961"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="opacity:1;fill:#010000;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
id="rect860"
width="31.853085"
height="97.724022"
x="55.82021"
y="78.292671" />
<circle
style="opacity:1;fill:#010000;fill-opacity:1;stroke:none;stroke-width:0.98653114;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:fill markers stroke"
id="path864"
cx="111.89412"
cy="102.18478"
r="24.75" />
</g>
</svg>
After the user presses "Show on map" button, the map should be open, route items are visible and connected by line.
It usually looks like a link. Placed between header and categories.
Callback is:
const handleSelectAll = () =>
setFilter({...filter, categories: null});
Component | paper | elements | base |
---|---|---|---|
Button | + | + | + |
Icon button | + | + | + |
CheckBox | + | + | + |
Header | + | + | + |
Searchbar | + | + | + |
Card | + | + | + |
Image | - | + | - |
Share button sends mesasage like "Check out Консисторский корпус at улица Кремль, 11". We need to come up with an idea how to make it more useful
of course only if the platform can
We should show activity indicator while categories are being loaded.
Here's example:
Use graphql sort here
like it's done here
ryazan/client/src/screens/Pois/index.tsx
Line 14 in 68a80e3
default state of map - map with all pins displayed right after start.
All other pages do have
A screen with check boxes. Navigated (opened) from screen header component and passes selected categories back to it. Hence must have params (if categories are all we have on this screen):
{
categories: Array<Types.Category['id']>,
onSubmit: (selectedCategories: Array<Types.Category['id']>) => void,
}
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.