forked from MapComplete/MapComplete
Create icons for surveillance cams
This commit is contained in:
Pieter Vander Vennet
parent
e2881840da
commit
e8d176cfe4
5 changed files with 151 additions and 6 deletions
2
State.ts
2
State.ts
|
|
@ -22,7 +22,7 @@ export default class State {
|
|||
// The singleton of the global state
|
||||
public static state: State;
|
||||
|
||||
public static vNumber = "0.1.3";
|
||||
public static vNumber = "0.1.3-rc1";
|
||||
|
||||
// The user journey states thresholds when a new feature gets unlocked
|
||||
public static userJourney = {
|
||||
|
|
|
|||
2
Svg.ts
2
Svg.ts
|
|
@ -104,7 +104,7 @@ export default class Svg {
|
|||
public static help_svg() { return new FixedUiElement(Svg.help);}
|
||||
public static help_ui() { return new FixedUiElement(Svg.help_img);}
|
||||
|
||||
public static home = " <!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"> <svg height=\"16px\" id=\"Layer_1\" style=\"enable-background:new 0 0 16 16;\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16px\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555 L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3 c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z\"/> </svg>"
|
||||
public static home = " <!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\"> <svg height=\"16px\" id=\"Layer_1\" style=\"enable-background:new 0 0 16 16;fill:var(--foreground-color);\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16px\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M15.45,7L14,5.551V2c0-0.55-0.45-1-1-1h-1c-0.55,0-1,0.45-1,1v0.553L9,0.555C8.727,0.297,8.477,0,8,0S7.273,0.297,7,0.555 L0.55,7C0.238,7.325,0,7.562,0,8c0,0.563,0.432,1,1,1h1v6c0,0.55,0.45,1,1,1h3v-5c0-0.55,0.45-1,1-1h2c0.55,0,1,0.45,1,1v5h3 c0.55,0,1-0.45,1-1V9h1c0.568,0,1-0.437,1-1C16,7.562,15.762,7.325,15.45,7z\"/> </svg>"
|
||||
public static home_img = Img.AsImageElement(Svg.home)
|
||||
public static home_svg() { return new FixedUiElement(Svg.home);}
|
||||
public static home_ui() { return new FixedUiElement(Svg.home_img);}
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ export class FullScreenMessageBox extends UIElement {
|
|||
private static readonly _toTheMap_height : string = "5em";
|
||||
|
||||
private readonly returnToTheMap: UIElement;
|
||||
private _content: UIElement;
|
||||
|
||||
constructor(onClear: (() => void)) {
|
||||
super();
|
||||
|
|
@ -67,10 +68,8 @@ export class FullScreenMessageBox extends UIElement {
|
|||
if (State.state.fullScreenMessage.data === undefined) {
|
||||
return "";
|
||||
}
|
||||
|
||||
const el = document.getElementById(this.id);
|
||||
|
||||
const uielement = new Combine([State.state.fullScreenMessage.data]).SetStyle(
|
||||
this._content = State.state.fullScreenMessage.data;
|
||||
const uielement = new Combine([this._content]).SetStyle(
|
||||
"display:block;" +
|
||||
"padding: 1em;" +
|
||||
"padding-bottom:6em;" +
|
||||
|
|
|
|||
61
assets/themes/surveillance_cameras/cam.svg
Normal file
61
assets/themes/surveillance_cameras/cam.svg
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<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="300"
|
||||
height="300"
|
||||
version="1.1"
|
||||
id="svg6"
|
||||
sodipodi:docname="cam.svg"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
|
||||
<metadata
|
||||
id="metadata12">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs10" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1001"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
inkscape:zoom="3.1466667"
|
||||
inkscape:cx="77.828572"
|
||||
inkscape:cy="166.9393"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" />
|
||||
<path
|
||||
d="m 20,169 23.279468,-6.61917 -1.66207,-3.54505 3.910724,-2.55482 38.819911,53.44943 -16.024713,6.1001 -3.079595,-4.60462 L 35,222 Z M 27.853974,129.44943 251,66 283,178 103,230 Z M 143,7 h 30 v 77 l -31,9 z"
|
||||
id="path4"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#000000"
|
||||
sodipodi:nodetypes="ccccccccccccccccccc" />
|
||||
<circle
|
||||
style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||
id="path822"
|
||||
cx="62.923725"
|
||||
cy="141.73729"
|
||||
r="8.5805082" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
85
assets/themes/surveillance_cameras/dome.svg
Normal file
85
assets/themes/surveillance_cameras/dome.svg
Normal file
|
|
@ -0,0 +1,85 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<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="292.05588"
|
||||
height="159.1156"
|
||||
version="1.1"
|
||||
id="svg6"
|
||||
sodipodi:docname="dome.svg"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
|
||||
<metadata
|
||||
id="metadata12">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs10" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1001"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.5733334"
|
||||
inkscape:cx="37.492305"
|
||||
inkscape:cy="-39.615653"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg6" />
|
||||
<path
|
||||
style="fill:none;stroke:#000000;stroke-width:10;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 30.310053,5.0022193 H 258.48803 c 37.50409,0.111509 38.67272,47.1046307 0,46.6151717 H 30.310053 c -33.9563194,0.100388 -33.5365029,-46.9980667 0,-46.6151717 z"
|
||||
id="path818"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="ccccc" />
|
||||
<path
|
||||
style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 45.301301,61.150437 244.74566,60.823247 C 244.49975,193.57698 44.690966,190.06371 45.301301,61.150437 Z"
|
||||
id="path823"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="ccc" />
|
||||
<circle
|
||||
style="fill:#ff0000;fill-opacity:1;stroke:#000000;stroke-width:0.1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
|
||||
id="path822"
|
||||
cx="111.22884"
|
||||
cy="85.26194"
|
||||
r="5.2097664" />
|
||||
<g
|
||||
id="g848"
|
||||
transform="matrix(1.4204816,0,0,1.4204816,-66.400565,-107.09225)"
|
||||
style="stroke-width:0.70398653">
|
||||
<ellipse
|
||||
ry="23.81991"
|
||||
rx="24.494061"
|
||||
cy="159.77713"
|
||||
cx="149.88567"
|
||||
id="path842"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:#ee0000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
|
||||
<circle
|
||||
r="15.280697"
|
||||
cy="160.22656"
|
||||
cx="149.66095"
|
||||
id="path844"
|
||||
style="fill:#000000;fill-opacity:1;stroke:#ee0000;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
Loading…
Add table
Add a link
Reference in a new issue