midgard/mapcomplete
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Create icons for surveillance cams

Browse source
This commit is contained in:
Pieter Vander Vennet 2020-11-15 14:56:20 +01:00
parent e2881840da
commit e8d176cfe4
5 changed files with 151 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
State.ts
View file

@ -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
View file

@ -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);}

7
UI/FullScreenMessageBoxHandler.ts
View file

@ -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
View 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>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

85
assets/themes/surveillance_cameras/dome.svg Normal file
View 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>
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB