Lora/Lora-Map
1
0
Fork 0
Code Issues 8 Pull Requests Releases 23 Wiki Activity

change colors in Marker.svg

Browse Source 
continue editor for icons
This commit is contained in:
BlubbFish 2019-04-11 23:29:30 +02:00
parent c1786b4e82
commit 981d4042ea
2 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
Lora-Map/resources/admin/js/menu.js
View File

@ -107,14 +107,34 @@ var NamesEditor = {
ie.innerHTML = "<div class='innerbox'>" +
"<div class='preview'><object id='markerprev' data='" + url + "' type='image/svg+xml' style='height:200px; width:200px;'></object></div>" +
"<div class='controls'>" +
"Typ: <select onchange='NamesEditor.ChangeLinkPreview(\"icon\",this.value);'><option>---</option><option value='person'>Person</option></select><br>"+
"Typ: <select onchange='NamesEditor.ChangeLinkPreview(\"icon\",this.value); document.getElementById(\"iconeditor-type-\"+this.value).style.display = \"block\";'><option>---</option><option value='person'>Person</option></select><br>" +
"<div id='iconeditor-type-person' style='display: none;'>" +
"Organisation: <select onchange='NamesEditor.ChangeLinkPreview(\"person-org\",this.value);'><option>---</option><option value='fw'>Feuerwehr</option><option value='thw'>Technisches Hilfswerk</option><option value='hilo'>Hilfsorganisationen, Bundeswehr</option><option value='fueh'>Einrichtungen der Führung</option><option value='pol'>Polizei, Bundespolizei, Zoll</option><option value='sonst'>Sonstige Einrichtungen der Gefahrenabwehr</option></select><br>"+
"Funktion: <select onchange='NamesEditor.ChangeLinkPreview(\"person-funct\",this.value);'><option>---</option><option value='sonder'>Sonder</option><option value='fueh'>Führung</option></select><br>" +
"Rang: <select onchange='NamesEditor.ChangeLinkPreview(\"person-rang\",this.value);'><option>---</option><option value='trupp'>Trupp</option><option value='grupp'>Gruppe</option><option value='zug'>Zug</option></select><br>" +
"Text: <input onchange='NamesEditor.ChangeLinkPreview(\"person-text\",this.value);'><br>"+
"</div>" +
"<div class='save'><button onclick='document.getElementById(\"iconeditor\").remove()'>Schließen</botton></div>"+
"</div>" +
"<div class='save'><button onclick='alert(document.getElementById(\"markerprev\").data); document.getElementById(\"iconeditor\").remove()'>Schließen</botton></div>"+
"</div>";
document.getElementsByTagName("body")[0].appendChild(ie);
},
ChangeLinkPreview: function (key, val) {
var cur = document.getElementById("markerprev").data;
alert(cur+" "+key+" "+val);
var query = {};
var queryString = cur.split('?');
if (queryString.length === 2) {
var pairs = queryString[1].split('&');
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('=');
query[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');
}
}
query[key] = val;
var newq = new Array()
for (var id in query) {
newq.push(encodeURIComponent(id) + "=" + encodeURIComponent(query[id]));
}
document.getElementById("markerprev").data = queryString[0] + "?" + newq.join('&');
}
};

12
Lora-Map/resources/icons/marker/Marker.svg
View File

@ -61,28 +61,28 @@
font-family: DIN1451;
text-align: center;
text-anchor: middle;
fill: #ffffff;
fill: #000000;
}
</style>
</defs>
<g inkscape:groupmode="layer" id="person-layer-org" inkscape:label="Organisation">
<g inkscape:groupmode="layer" id="person-layer-org-thw" inkscape:label="THW">
<rect style="fill: #0d468b;" height="50" width="50" transform="rotate(45)"/>
<rect style="fill: #0069b4;" height="50" width="50" transform="rotate(45)"/>
</g>
<g inkscape:groupmode="layer" id="person-layer-org-fw" inkscape:label="Feuerwehr">
<rect style="fill: #b41302;" height="50" width="50" transform="rotate(45)"/>
<rect style="fill: #e30613;" height="50" width="50" transform="rotate(45)"/>
</g>
<g inkscape:groupmode="layer" id="person-layer-org-hilo" inkscape:label="Hilo">
<rect style="fill: #ffffff;" height="50" width="50" transform="rotate(45)"/>
</g>
<g inkscape:groupmode="layer" id="person-layer-org-pol" inkscape:label="Polizei">
<rect style="fill: #2a8626;" height="50" width="50" transform="rotate(45)"/>
<rect style="fill: #13a538;" height="50" width="50" transform="rotate(45)"/>
</g>
<g inkscape:groupmode="layer" id="person-layer-org-fueh" inkscape:label="Führung">
<rect style="fill: #ffdf00;" height="50" width="50" transform="rotate(45)"/>
<rect style="fill: #ffed00;" height="50" width="50" transform="rotate(45)"/>
</g>
<g inkscape:groupmode="layer" id="person-layer-org-sonst" inkscape:label="Sonstig">
<rect style="fill: #ffa13e;" height="50" width="50" transform="rotate(45)"/>
<rect style="fill: #ec6725;" height="50" width="50" transform="rotate(45)"/>
</g>
</g>
<g inkscape:groupmode="layer" id="person-layer-funct" inkscape:label="Funktion">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB