tandem/camper
tandem
/
camper
2
0
Fork 0
Code Issues 7 Pull Requests Packages Projects Releases Wiki Activity
camper/web/templates/campground_map.svg

2404 lines
179 KiB
XML
Raw Normal View History

Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<svg id="campground-map" viewBox="0 0 1058 1085" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;">
Fix campground and campsite nomenclature for SVG map I am using the US terms for campground and campsite, that’s why the relation is called ‘campsite’ instead of ‘pitch’, but i used the wrong terminology in the SVG map because the customer uses the UK term and call themselves campsite, so i mixed things. It is now the campground map and each individual area is a campsite, as i have been using all along.
2023-09-25 10:34:05 +00:00
<g id="campground" transform="matrix(0.912267,0,0,0.884168,-312.538,-285.474)">
<g id="campsites" transform="matrix(1.09617,0,0,1.13101,355.064,337.177)" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;font-family:'MabryPro-Regular', 'Mabry Pro', sans-serif;font-size:12px;">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<g transform="matrix(1,0,0,1,0.5985,1025.35)">
<path d="M0,-990.992L27.407,-1007.54L87.281,-978.762L159.705,-932.002L338.303,-990.273L389.084,-988.834L385.335,-1019.77L443.575,-1024.8L443.575,-1000.34L469.044,-991.711L463.726,-975.128L452.561,-920.171L447.356,-906.587L445.816,-886.421L443.263,-848.083L443.263,-836.84L450.361,-836.84L456.623,-801.618L448.016,-731.276L447.781,-703.373L431.134,-680.864L402.997,-677.112L403.7,-631.859L415.575,-566.087L427.066,-530.191L442.301,-507.564L456.129,-497.587L489.963,-495.753L729.842,-501.925L822.236,-501.057L827.758,-539.051L904.676,-553.793L1025.39,-528.26L990.141,-411.331L974.982,-368.892L964.047,-324.723L967.932,-319.543L967.069,-315.947L974.982,-303.466L984.244,-282.064L992.751,-273.051L1004.8,-239.436L958.724,-153.66C958.724,-153.66 958.015,-201.191 951.635,-231.656C945.255,-262.12 935.331,-277.903 910.519,-277.101C885.708,-276.298 766.941,-277.101 766.941,-277.101C766.941,-277.101 748.888,-269.02 748.181,-263.444L657.481,-250.605L534.177,-248.641L493.47,-234.396L461.99,-244.22L417.115,-228.502C417.115,-228.502 413.301,-216.688 389.755,-194.843L361.297,-182.822L307.266,-144.018L263.551,-123.437L209.282,-72.445L164.289,-50.276L157.552,-42.632L195.815,17.758L173.213,33.811L130.54,-26.579L104.106,-5.175L76.266,-0.588L55.403,-1.353L24.284,-17.406L21.991,-41.103L10.524,-66.33L27.12,-77.215C27.12,-77.215 9.266,-90.704 8.869,-112.128C8.473,-133.552 18.788,-189.096 15.614,-219.645C12.44,-250.195 22.755,-351.364 22.755,-351.364C22.755,-351.364 21.962,-372.724 52.511,-423.44L71.732,-471.775L84.25,-533.027C84.25,-533.027 94.169,-564.785 64.81,-599.414C35.451,-634.043 27.407,-643.565 27.407,-643.565C27.407,-643.565 16.408,-663.082 21.962,-681.889C27.516,-700.696 42.989,-759.553 42.989,-759.553L38.228,-789.568L42.196,-791.239L36.458,-815.354C36.458,-815.354 40.609,-826.463 34.261,-866.534C27.913,-906.605 34.043,-915.73 27.407,-920.491C27.407,-920.491 27.516,-923.262 21.962,-928.423C21.962,-928.423 16.011,-936.361 15.614,-940.328C15.217,-944.296 0,-990.992 0,-990.992Z" style="fill:rgb(233,244,241);fill-rule:nonzero;stroke:none"/>
</g>
<g transform="matrix(1,0,0,1,727.653,486.039)">
<path d="M0,180.411L-11.783,184.669L-263.885,221.207L-309.136,221.207L-366.171,208.532C-366.171,208.532 -375.084,201.935 -375.084,196.736C-375.084,191.537 -375.822,131.833 -355.475,121.344C-355.475,121.344 -324.66,116.563 -309.94,115.872C-295.22,115.181 -230.791,111.768 -230.791,111.768L-102.583,104.563L-9.209,99.711C-9.209,99.711 12.959,101.679 19.106,115.872C25.253,130.065 25.253,151.399 25.253,151.399C25.253,151.399 20.851,170.822 0,180.411M-385.955,1.615L-439.665,3.783L-501.883,6.285L-542.249,9.121L-552.59,8.287L-562.765,3.783L-566.592,-0.615C-566.592,-0.615 -563.56,-63.196 -558.095,-70.444C-552.63,-77.692 -554.49,-80.695 -533.173,-81.053C-511.856,-81.412 -404.804,-78.617 -404.804,-78.617C-404.804,-78.617 -383.79,-67.627 -381.062,-59.018C-378.333,-50.408 -374.923,-6.754 -374.923,-6.754C-374.923,-6.754 -374.478,-0.248 -385.955,1.615M-387.328,129.87C-388.239,140.494 -403.117,193.232 -403.117,193.232C-403.117,193.232 -404.107,203.925 -436.212,223.148C-468.317,242.37 -569.503,315.083 -569.503,315.083C-569.503,315.083 -586.523,324.799 -594.715,305.67L-606.124,207.294C-606.124,207.294 -601.597,193.124 -594.101,187.448C-586.605,181.773 -492.663,122 -492.663,122L-457.98,113.583L-400.223,113.873C-400.223,113.873 -386.418,119.246 -387.328,129.87M-573.469,36.616C-573.469,36.616 -570.853,26.892 -562.808,24.605L-531.24,22.799L-502.094,22.83C-502.094,22.83 -493.831,22.319 -493.163,29C-492.495,35.681 -491.827,66.146 -491.827,66.146L-496.545,76.342L-489.906,104.509L-574.341,154.702C-574.341,154.702 -582.382,160.545 -591.956,154.702L-594.715,152.198L-573.469,36.616ZM-593.58,-100.666C-593.58,-100.666 -621.352,-115.635 -616.335,-139.153C-611.319,-162.67 -579.249,-159.25 -573.263,-160.105C-567.276,-160.96 -512.249,-171.65 -512.249,-171.65C-512.249,-171.65 -473.111,-178.97 -436.861,-171.65L-409.724,-166.946L-404.791,-160.105C-404.791,-160.105 -355.274,-124.416 -354.591,-121.309C-353.908,-118.201 -378.95,-88.697 -378.95,-88.697L-387.905,-93.864L-492.929,-97.151L-593.58,-100.666ZM233.257,264.185C228.404,250.706 218.16,244.775 203.062,238.305C187.965,231.834 156.962,209.458 153.727,204.606C150.492,199.753 148.605,176.029 148.605,176.029L213.577,179.628C219.777,170.825 224.63,163.897 238.109,164.167C251.589,164.437 252.774,156.849 252.774,156.849L298.341,11.052L177.621,-14.482L100.703,0.261L95.182,38.255C95.182,38.255 97.383,53.365 100.887,62.801C104.392,72.236 116.793,71.697 116.793,71.697L137.013,73.584C137.013,73.584 192.549,74.124 206.837,74.862C221.125,75.601 237.031,81.942 244.04,90.205C251.05,98.469 248.71,107.822 248.71,107.822C247.179,152.305 187.696,151.399 187.696,151.399L125.69,149.879C125.69,149.879 88.217,153.922 65.128,151.399C42.04,148.875 41.905,140.691 41.905,140.691L41.905,127.138L38.902,105.238C34.071,85.401 13.648,83.339 13.648,83.339L-32.692,85.282L-293.773,99.628L-315.77,95.962L-326.58,86.185L-324.414,74.918L-335.37,59.865L-343.078,65.317L-356.708,-5.843L-363.027,-55.01C-362.07,-67.358 -367.298,-77.958 -368.26,-79.771C-369.221,-81.584 -373.23,-85.455 -373.23,-85.455L-341.72,-121.085L-400.61,-164.33L-398.687,-166.959L-397.86,-178.059L-388.555,-180.334L-382.145,-184.883L-364.346,-194.883L-341.72,-223.55L-329.687,-242.879L-329.779,-248.409L-334.294,-253.016L-327.031,-281.723L-326.232,-296.909L-331.214,-309.19C-331.214,-309.19 -337.691,-319.361 -339.898,-324.562C-342.105,-329.764 -358.255,-345.174 -358.255,-345.174L-358.255,-349.279L-339.142,-361.156L-338.96,-365.145L-332.161,-365.326L-333.998,-375.619L-340.42,-375.48L-340.193,-372.099L-346.604,-364.482L-345.669,-361.518C-345.669,-361.518 -358.271,-354.537 -360.901,-353.722C-363.53,-352.906 -366.439,-349.459 -366.439,-349.459L-381.543,-345.421C-381.543,-345.421 -440.658,-326.15 -444.564,-325.083C-448.471,-324.017 -480.502,-322.244 -480.502,-322.244L-480.242,-325.083L-436.231,-335.004L-430.266,-338.33L-437.121,-350.39L-456.037,-351.406L-463.864,-362.464L-494.716,-349.459L-502.638,-359.744L-515.798,-353.234C-528.958,-346.723 -538.315,-352.973 -538.315,-352.973L-567.482,-369.775L-576.063,-357.227C-576.063,-357.227 -570.867,-351.671 -560.711,-338.33C-550.555,-
</g>
<g transform="matrix(-0.825088,0.565004,0.565004,0.825088,134.723,889.225)">
<rect x="-100.124" y="-30.996" width="82.927" height="86.544" style="fill:rgb(255,174,138);stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(0.565009,0.825085,0.825085,-0.565009,205.703,825.866)">
<path d="M-18.823,-35.703L67.721,-35.703" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.825085,0.565008,0.565008,0.825085,193.421,930.974)">
<rect x="-38.225" y="-11.834" width="35.182" height="21.665" style="fill:rgb(255,174,138);stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(0.565,0.825091,0.825091,-0.565,213.796,908.39)">
<path d="M-4.712,-8.938L16.953,-8.938" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_30" transform="matrix(1,0,0,1,451.305,763.502)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-40.429L10.934,6.474L29.926,4.316L53.809,-9.496L49.061,-46.903L0,-40.429Z"/>
<text x="19.825901" y="-18.700947" style="fill:rgb(82,84,83);stroke:none">30</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_31" transform="matrix(0.116002,0.993249,0.993249,-0.116002,556.066,754.305)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-45.138,5.54L-5.449,5.54L-6.208,-50.573L-43.914,-50.95L-45.138,5.54Z"/>
<text x="-31.810083" y="-15.142996" transform="matrix(0.11600201,0.993249,0.99324895,-0.116002,0,0)" style="fill:rgb(82,84,83);stroke:none">31</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_32" transform="matrix(1,0,0,1,609.278,748.25)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-47.478L3.741,-21.437L1.295,-21.437L3.741,-3.74L-48.342,0L-52.945,-39.421L0,-47.478Z"/>
<text x="-31.739069" y="-16.681923" style="fill:rgb(82,84,83);stroke:none">32</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_33" transform="matrix(1,0,0,1,654.31,744.654)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-50.356L6.618,-4.316L-36.688,0L-39.277,-17.841L-41.292,-17.841L-45.032,-43.882L0,-50.356Z"/>
<text x="-21.926054" y="-19.709946" style="fill:rgb(82,84,83);stroke:none">33</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_34" transform="matrix(1,0,0,1,701.213,740.337)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-53.089L6.906,-8.632L-25.897,-0.431L-40.285,0L-46.903,-46.039L0,-53.089Z"/>
<text x="-25.40204" y="-20.712946" style="fill:rgb(82,84,83);stroke:none">34</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_35" transform="matrix(0.6247,0.780865,0.780865,-0.6247,755.778,693.911)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-20.594,-6.787L27.31,-6.787L-0.26,-60.825L-39.289,-38.445L-20.594,-6.787Z"/>
<text x="-38.590023" y="17.722956" transform="matrix(0.62469994,0.78086493,0.78086489,-0.62469991,0,0)" style="fill:rgb(82,84,83);stroke:none">35</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_36" transform="matrix(1,0,0,1,801.349,661.063)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,54.528L-33.81,58.413L-63.736,21.005C-63.736,21.005 -50.5,19.567 -41.579,3.741L-23.451,-3.885L10.215,-3.885L0,54.528Z"/>
<text x="-30.343014" y="29.948053" style="fill:rgb(82,84,83);stroke:none">36</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_B1" transform="matrix(1,0,0,1,813.866,707.822)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-42.155L51.075,-42.155L59.995,-6.762L-7.481,0L0,-42.155Z"/>
<text x="17.726332" y="-15.435946" style="fill:rgb(82,84,83);stroke:none">B1</text>
</g>
<g transform="matrix(1,0,0,1,878.753,694.442)">
<path d="M0,-27.192C0,-27.192 57.549,-22.156 62.729,-25.178C67.908,-28.199 71.505,-34.098 71.505,-34.098C71.505,-34.098 75.534,-42.155 85.461,-41.867C95.388,-41.579 96.827,-37.982 96.827,-37.982L85.893,6.187L89.777,11.366L88.914,14.963L69.779,14.963C69.779,14.963 40.86,14.387 22.465,4.852C6.268,-3.545 -0.144,-18.991 0,-27.192Z"/>
</g>
<g transform="matrix(1,0,0,1,820.774,561.926)">
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_D1">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M 4.2947209,-0.92895489 15.569544,6.9710826 20.160806,8.9156571 25.576277,9.3298859 36.741591,9.4874054 32.85313,67.918439 4.653741,67.073741 -0.02065036,68.102038 Z" style="stroke:none"/>
<text x="12.564331" y="42.887051" style="fill:rgb(82,84,83);stroke:none">D1</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_D2">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="m 36.721711,9.4209356 -3.904112,58.4296334 33.0289,0.10656 2.878111,-57.981855 z" style="stroke:none"/>
<text x="43.278339" y="43.208035" style="fill:rgb(82,84,83);stroke:none">D2</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_D3">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="m 68.77576,10.044744 28.518299,0.721238 0.24641,57.212277 -32.10955,0.193419 z" style="stroke:none"/>
<text x="76.438347" y="43.385036" style="fill:rgb(82,84,83);stroke:none">D3</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_D4">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="m 97.284169,10.684012 17.493571,1.771745 13.15655,2.897392 11.84795,4.095608 8.62218,4.507727 7.41961,6.97576 -2.58735,9.330654 -3.60302,7.594638 -5.0104,7.368279 -6.72423,5.862153 -7.11806,3.59159 -6.72413,1.857035 -26.876311,1.352566 z" style="stroke:none"/>
<text x="110.97536" y="43.812038" style="fill:rgb(82,84,83);stroke:none">D4</text>
</g>
<path d="M0,68.382L4.239,-1.024C4.239,-1.024 16.424,9.042 22.076,9.219C27.727,9.396 90.421,10.534 90.421,10.534C90.421,10.534 138.636,9.925 155.59,30.765C155.59,30.765 151.351,63.967 121.226,66.747C92.4,69.406 13.069,67.322 13.069,67.322C13.069,67.322 3.002,66.086 0,68.382Z" style="fill:none"/>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_38" transform="matrix(1,0,0,1,819.008,630.308)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-67.64L-3.355,0L-33.202,-6.534L-49.45,-17.131C-49.45,-17.131 -50.686,-36.028 -52.452,-39.03L0,-67.64Z"/>
<text x="-31.33901" y="-25.953936" style="fill:rgb(82,84,83);stroke:none">38</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_39" transform="matrix(1,0,0,1,772.207,591.278)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-55.454L27.374,-55.454L37.97,-52.452L46.801,-35.321L46.801,-28.61L-5.651,0C-5.651,0 -10.596,-16.777 -23.489,-19.956L0,-55.454Z"/>
<text x="4.8249874" y="-25.332932" style="fill:rgb(82,84,83);stroke:none">39</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_40" transform="matrix(1,0,0,1,707.569,546.244)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,14.658L0,24.371L33.732,23.135C33.732,23.135 35.764,22.763 41.149,25.078L64.638,-10.42L50.156,-10.42L33.908,-8.301L2.119,-7.241L2.119,14.709L0,14.658Z"/>
<text x="15.843097" y="9.7510557" style="fill:rgb(82,84,83);stroke:none">40</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_41" transform="matrix(1,0,0,1,704.774,574.227)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-35.177L0,-13.274L2.796,-13.325L2.796,-3.612L-61.664,0L-61.664,-33.884L0,-35.177Z"/>
<text x="-37.212917" y="-12.45692" style="fill:rgb(82,84,83);stroke:none">41</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_42" transform="matrix(-0.0640942,0.997944,0.997944,0.0640942,632.966,533.021)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M11.294,-45.978L47.756,-45.978L40.471,12.763L6.657,10.592L11.294,-45.978Z"/>
<text x="-22.971931" y="31.446016" transform="matrix(-0.06409419,0.99794388,0.99794383,0.06409419,0,0)" style="fill:rgb(82,84,83);stroke:none">42</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_43" transform="matrix(1,0,0,1,533.141,579.086)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.258L53.218,-37.741L50.881,-1.354L-2.03,1.483L-2.03,-20.048L0,-20.048L0,-36.258Z"/>
<text x="17.824049" y="-10.693972" style="fill:rgb(82,84,83);stroke:none">43</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_44" transform="matrix(1,0,0,1,528.267,582.833)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-40.017L0,-23.795L2.845,-23.795L2.845,-2.263L-51.334,0.39L-50.018,-40.407L0,-40.017Z"/>
<text x="-32.402966" y="-11.638969" style="fill:rgb(82,84,83);stroke:none">44</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_45" transform="matrix(1,0,0,1,451.082,585.667)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-44.463L27.167,-43.241L25.851,-2.444L-17.202,0L-39.199,-3.666L-50.009,-13.442L0,-44.463Z"/>
<text x="-12.712983" y="-16.285957" style="fill:rgb(82,84,83);stroke:none">45</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_46" transform="matrix(1,0,0,1,403.846,508.68)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,53.111L13.16,47.377L40.327,24.158L30.457,15.98L19.459,0L-23.031,24.534L-19.271,42.677L-11.562,37.225L0,53.111Z"/>
<text x="1.3440071" y="33.585075" style="fill:rgb(82,84,83);stroke:none">46</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_47" transform="matrix(1,0,0,1,370.945,529.171)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-48.975L14.288,-48.975L35.815,-53.017L38.635,-38.917L52.359,-20.492L9.87,4.042L0,-48.975Z"/>
<text x="14.575002" y="-26.139933" style="fill:rgb(82,84,83);stroke:none">47</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_48" transform="matrix(1,0,0,1,356.766,430.893)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-28.053L31.306,-62.747L34.151,-59.223L36.049,-35.913L55.564,26.833L23.852,34.694L15.449,-0.407L7.86,0.136L7.589,-7.047C7.589,-7.047 6.37,-21.954 0,-28.053Z"/>
<text x="23.572001" y="-3.3829596" style="fill:rgb(82,84,83);stroke:none">48</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_50" transform="matrix(1,0,0,1,319.769,394.665)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-45.356L43.773,-34.379L49.096,-29.406L49.096,-25.238L26.636,0L19.98,-2.49L-4.563,-3.242L0,-45.356Z"/>
<text x="10.649142" y="-17.834953" style="fill:rgb(82,84,83);stroke:none">50</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_51" transform="matrix(0.965455,0.26057,0.26057,-0.965455,285.559,334.466)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-6.359,-5.417L36.896,-5.417L43.464,-47.265L-0.036,-56.722L-6.359,-5.417Z"/>
<text x="4.6731305" y="32.374039" transform="matrix(0.96545498,0.26057,0.26056999,-0.96545493,0,0)" style="fill:rgb(82,84,83);stroke:none">51</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_52" transform="matrix(0.977534,0.210778,0.210778,-0.977534,244.045,325.915)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-5.891,-4.693L35.755,-4.693L39.442,-56.255L4.162,-63.523L-5.891,-4.693Z"/>
<text x="4.0641189" y="35.955044" transform="matrix(0.97753398,0.21077799,0.21077798,-0.97753393,0,0)" style="fill:rgb(82,84,83);stroke:none">52</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_53" transform="matrix(0.999746,-0.0225323,-0.0225323,-0.999746,200.621,330.487)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0.658,0.399L36.695,0.399L32.779,-59.155L-0.634,-56.912L0.658,0.399Z"/>
<text x="12.738111" y="30.513044" transform="matrix(0.99974614,-0.02253231,-0.0225323,-0.99974609,0,0)" style="fill:rgb(82,84,83);stroke:none">53</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_54" transform="matrix(1,0,0,1,164.065,382.716)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-47.961L28.852,-52.39L37.205,-52.643L37.205,4.682L0,4.302L0,-47.961Z"/>
<text x="11.400099" y="-21.635952" style="fill:rgb(82,84,83);stroke:none">54</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_55" transform="matrix(1,0,0,1,134.074,336.401)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,48.973L-14.679,28.093L-20.121,12.781L-20.121,7.719L-15.186,2.024L-7.846,-1.392L29.991,-1.645L29.991,50.618L0,48.973Z"/>
<text x="1.6790873" y="25.079042" style="fill:rgb(82,84,83);stroke:none">55</text>
</g>
Add missing campsites and mark them on the SVG map
2023-09-25 10:51:11 +00:00
<g id="cp_78" transform="matrix(1,0,0,1,328.967,301.571)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,17.782L0.827,6.409L10.132,4.135L16.542,-0.414L39.898,-1.448L51.073,-13.234L81.469,-13.234L101.526,-9.099L113.933,-0.414L112.485,15.094L106.902,26.053L97.184,31.016L78.574,31.016L0,17.782Z"/>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_79" transform="matrix(1,0,0,1,385.933,205.735)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,56.755L16.439,59.236L60.482,60.063L60.482,19.536L26.571,17.675L17.471,8.857L15.167,-3.308L7.426,27.288L11.941,31.896L12.034,37.426L0,56.755Z"/>
<text x="32.537575" y="42.825058" style="fill:rgb(82,84,83);stroke:none">79</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_80" transform="matrix(1,0,0,1,443.861,206.205)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-28.937L0,-17.694L2.554,-17.694L2.554,16.312L-29.214,14.377L-37.969,7.097L-41.839,-15.574L-47.185,-28.937L-56.4,-45.249L-39.996,-31.149L0,-28.937Z"/>
<text x="-24.697504" y="-6.5149517" style="fill:rgb(82,84,83);stroke:none">80</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_89" transform="matrix(1,0,0,1,444.322,138.93)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,34.375L-38.89,33.914L-47.645,24.975L-64.234,12.81L-74.924,1.936L-44.512,2.581L2.093,0L0,34.375Z"/>
<text x="-25.902504" y="19.470055" style="fill:rgb(82,84,83);stroke:none">89</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_98" transform="matrix(1,0,0,1,457.222,120.161)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-39.229L-4.062,-14.981L-9.268,-1.397L-61.699,0L-67.539,-30.469L0,-39.229Z"/>
<text x="-44.106911" y="-13.14095" style="fill:rgb(82,84,83);stroke:none">98</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_97" transform="matrix(1,0,0,1,385.874,126.89)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.563L1.587,-12.95L-4.824,-5.333L-40.117,-1.016L-42.783,0L-58.398,-30.723L0,-36.563Z"/>
<text x="-36.125931" y="-14.159944" style="fill:rgb(82,84,83);stroke:none">97</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_96" transform="matrix(1,0,0,1,323.794,147.709)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-50.781L15.107,-18.535L-26.406,0L-33.262,-12.06L-52.178,-13.076L-59.16,-24.756L-43.037,-34.531L0,-50.781Z"/>
<text x="-20.235943" y="-21.868942" style="fill:rgb(82,84,83);stroke:none">96</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_90" transform="matrix(1,0,0,1,340.036,209.043)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.424L10.057,3.398L19.435,3.398L31.532,-0.951L33.027,-14.406L31.803,-25.279L27.047,-35.738L19.435,-39.822L10.057,-39.822L0,-36.424Z"/>
<text x="12.01307" y="-13.452943" style="fill:rgb(82,84,83);stroke:none">90</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_91" transform="matrix(1,0,0,1,308.776,172.62)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,39.822L41.317,39.822L31.26,0L7.611,5.436L2.854,11.824L0,11.688L0,39.822Z"/>
<text x="14.410062" y="28.13006" style="fill:rgb(82,84,83);stroke:none">91</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_92" transform="matrix(1,0,0,1,276.293,213.257)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-24.736L29.493,-30.444L32.483,-28.949L32.483,-0.815L-3.67,5.708L-12.504,5.708L-11.824,-19.164L0,-22.426L0,-24.736Z"/>
<text x="0.72704905" y="-7.4869499" style="fill:rgb(82,84,83);stroke:none">92</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_93" transform="matrix(1,0,0,1,233.616,214.481)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-19.164L-0.68,3.805L30.173,4.485L30.988,-23.649L22.154,-21.95L0,-19.164Z"/>
<text x="6.2090387" y="-3.6709414" style="fill:rgb(82,84,83);stroke:none">93</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_94" transform="matrix(1,0,0,1,205.347,219.645)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-30.173L-8.155,0L27.59,-1.36L28.27,-24.329L10.058,-26.639L0,-30.173Z"/>
<text x="2.7090294" y="-8.8349419" style="fill:rgb(82,84,83);stroke:none">94</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_95" transform="matrix(1,0,0,1,201.949,196.948)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-9.378L-10.193,22.697L-14.135,21.338L-52.054,-25.008L-24.396,-32.075L-21.814,-29.085L-24.26,-26.775L-9.718,-12.504L-6.456,-15.358L0,-9.378Z"/>
<text x="-26.415979" y="-0.5179463" style="fill:rgb(82,84,83);stroke:none">95</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_81" transform="matrix(1,0,0,1,299.525,243.163)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,27.198L0,-7.38L46.646,-9.051L54.072,-3.667L54.072,7.24L51.519,19.54L42.51,29.287L29.91,36.249L14.62,27.198L0,27.198Z"/>
<text x="17.911467" y="15.427057" style="fill:rgb(82,84,83);stroke:none">81</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_82" transform="matrix(1,0,0,1,241.044,268.969)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-27.152L0,6.034L19.03,3.713L58.481,1.392L58.481,-33.186L22.745,-28.08L0,-27.152Z"/>
<text x="26.423452" y="-10.768957" style="fill:rgb(82,84,83);stroke:none">82</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_83" transform="matrix(1,0,0,1,182.667,277.556)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.667L1.056,-7.194L14.525,-2.553L38.419,-2.553L43.988,0L58.377,-2.553L58.377,-35.739L0,-36.667Z"/>
<text x="21.597435" y="-15.715942" style="fill:rgb(82,84,83);stroke:none">83</text>
</g>
Add missing campsites and mark them on the SVG map
2023-09-25 10:51:11 +00:00
<g id="cp_84" transform="matrix(1,0,0,1,139.009,270.362)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-71.477L28.934,-39.916L43.658,-29.473L44.714,0L-40.687,-30.865L0,-71.477Z"/>
</g>
Add missing campsites and mark them on the SVG map
2023-09-25 10:51:11 +00:00
<g id="cp_85" transform="matrix(1,0,0,1,116.656,239.496)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-66.371L22.353,-40.611L-18.333,0L-38.291,-10.675L-40.38,-27.848L-55.696,-56.683L0,-66.371Z"/>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_77" transform="matrix(1,0,0,1,48.4279,314.918)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-39.915L17.173,-42.236C17.173,-42.236 72.834,-20.416 87.22,-14.777C89.441,-13.906 91.805,-13.459 94.191,-13.459C106.417,-13.459 145.506,-13.459 145.506,-13.459L82.848,-6.265C82.848,-6.265 62.658,-2.088 57.553,2.321L-11.371,1.161L0,-39.915Z"/>
<text x="13.378692" y="-18.397949" style="fill:rgb(82,84,83);stroke:none">77</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_76" transform="matrix(1,0,0,1,31.0228,316.079)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,54.768L-3.017,38.291L-1.508,23.671L6.034,0L74.958,1.16C74.958,1.16 60.57,12.532 58.481,24.831C56.392,37.131 56.16,41.54 56.16,41.54L0,54.768Z"/>
<text x="22.342905" y="23.311045" style="fill:rgb(82,84,83);stroke:none">76</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_75" transform="matrix(1,0,0,1,66.9933,357.619)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,59.873L-18.333,40.379L-35.97,13.227L20.19,0C20.19,0 22.511,23.206 44.325,36.898L0,59.873Z"/>
<text x="-4.3519893" y="34.06905" style="fill:rgb(82,84,83);stroke:none">75</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_74" transform="matrix(1,0,0,1,144.272,395.677)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,57.785L-53.84,58.945L-55.464,50.359L-77.278,21.815L-32.954,-1.16C-32.954,-1.16 -7.658,17.637 0,43.165L0,57.785Z"/>
<text x="-41.586811" y="32.817051" style="fill:rgb(82,84,83);stroke:none">74</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_73" transform="matrix(1,0,0,1,90.2,513.336)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-54.072L22.743,-51.287L45.717,-51.287L51.983,-23.439L46.878,0L-2.321,-1.161L2.089,-21.815L0,-54.072Z"/>
<text x="20.580379" y="-26.036959" style="fill:rgb(82,84,83);stroke:none">73</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_72" transform="matrix(1,0,0,1,128.491,518.441)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,43.629L-35.738,49.895L-56.16,48.967L-48.502,31.561L-40.612,-6.266L8.587,-5.105L0,43.629Z"/>
<text x="-27.555628" y="22.221048" style="fill:rgb(82,84,83);stroke:none">72</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_71" transform="matrix(1,0,0,1,68.8498,615.91)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-39.916L24.135,-37.595L49.43,-39.916L52.679,-17.638L48.966,0L-11.603,-5.802L0,-39.916Z"/>
<text x="15.391813" y="-21.189968" style="fill:rgb(82,84,83);stroke:none">71</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_70" transform="matrix(1,0,0,1,110.854,610.109)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,42.932L-65.211,30.632L-58.481,16.94L-53.608,0L6.962,5.801L0,42.932Z"/>
<text x="-35.249279" y="21.20405" style="fill:rgb(82,84,83);stroke:none">70</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_69" transform="matrix(1,0,0,1,104.704,640.741)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,48.038L-46.53,40.612L-69.272,37.595L-69.272,30.865L-59.061,0L6.15,12.3L0,48.038Z"/>
<text x="-37.310986" y="26.065031" style="fill:rgb(82,84,83);stroke:none">69</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_2" transform="matrix(1,0,0,1,125.426,803.949)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-79.96L14.222,-58.918C14.222,-58.918 20.607,-51.372 28.879,-56.596C37.15,-61.82 41.939,-65.158 41.939,-65.158L65.448,-29.749L29.024,-4.789C29.024,-4.789 13.931,0 11.029,-16.108C8.127,-32.216 7.401,-44.551 7.401,-44.551L3.628,-44.116L0,-79.96Z"/>
<text x="26.365623" y="-27.865931" style="fill:rgb(82,84,83);stroke:none">2</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_3" transform="matrix(0.546081,0.837733,0.837733,-0.546081,224.938,731.913)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-27.911,-11.035L18.86,-11.035L20.444,-51.39L-25.677,-51.987L-27.911,-11.035Z"/>
<text x="191.23299" y="748.34003" transform="matrix(0.54608043,0.83773213,0.83773209,-0.54608041,-735.98128,211.24558)" style="fill:rgb(82,84,83);stroke:none">3</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_4" transform="matrix(0.580952,0.813938,0.813938,-0.580952,257.261,704.561)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-26.535,-12.167L22.674,-12.167L21.862,-54.02L-24.868,-52.046L-26.535,-12.167Z"/>
<text x="-33.515537" y="22.574032" transform="matrix(0.58095193,0.8139379,0.81393786,-0.5809519,0,0)" style="fill:rgb(82,84,83);stroke:none">4</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_5" transform="matrix(1,0,0,1,278.832,730.084)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-69.802L3.757,-15.528L-18.301,0L-46.889,-40.053L-29.62,-53.404L0,-69.802Z"/>
<text x="-21.400955" y="-27.284927" style="fill:rgb(82,84,83);stroke:none">5</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_6" transform="matrix(1,0,0,1,319.885,713.83)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-62.11L-1.596,-46.437L-4.789,-37.875L-28.443,-4.643L-37.295,0.726L-41.053,-53.548L-16.253,-62.836L0,-62.11Z"/>
<text x="-30.476486" y="-32.81395" style="fill:rgb(82,84,83);stroke:none">6</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_7" transform="matrix(1,0,0,1,328.592,602.38)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,35.554L6.821,12.045L-1.161,-2.467L-42.229,-3.483L-34.248,39.037L0,35.554Z"/>
<text x="-20.341957" y="21.43305" style="fill:rgb(82,84,83);stroke:none">7</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_8" transform="matrix(1,0,0,1,241.811,642.433)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.28L27.863,7.256L52.533,-1.016L44.551,-43.536L27.863,-42.81L0,-36.28Z"/>
<text x="25.802454" y="-11.649919" style="fill:rgb(82,84,83);stroke:none">8</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_9" transform="matrix(1,0,0,1,210.756,651.429)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-28.588L26.992,16.689L34.248,11.755L58.918,-1.741L31.055,-45.277L24.235,-43.39L0,-28.588Z"/>
<text x="24.466459" y="-8.8209677" style="fill:rgb(82,84,83);stroke:none">9</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_10" transform="matrix(0.623733,0.781638,0.781638,-0.623733,195.315,624.763)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M3.602,-28.235L58.743,-28.235L60.355,6.125L8.129,13.268L3.602,-28.235Z"/>
<text x="5.3423753" y="34.576984" transform="matrix(0.62373276,0.7816377,0.78163766,-0.62373273,0,0)" style="fill:rgb(82,84,83);stroke:none">10</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_11" transform="matrix(0.472145,0.881521,0.881521,-0.472145,180.032,644.437)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M1.145,-35.725L58.928,-35.725L52.752,5.612L-1.48,-4.357L1.145,-35.725Z"/>
<text x="-6.0843534" y="37.670998" transform="matrix(0.47214497,0.88152095,0.8815209,-0.47214494,0,0)" style="fill:rgb(82,84,83);stroke:none">11</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_12" transform="matrix(1,0,0,1,149.951,662.313)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,70.818L-27.572,30.62C-27.572,30.62 -25.396,18.285 -16.398,11.174C-7.401,4.064 -0.871,0 -0.871,0L26.412,50.937L0,70.818Z"/>
<text x="-6.8274884" y="39.587025" style="fill:rgb(82,84,83);stroke:none">12</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_64" transform="matrix(1,0,0,1,149.08,646.374)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-72.15L25.149,-72.15L27.282,-19.774L3.131,-4.958C3.131,-4.958 -3.541,0 -13.383,-5.634L0,-72.15Z"/>
<text x="2.9309826" y="-36.557961" style="fill:rgb(82,84,83);stroke:none">64</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_65" transform="matrix(1,0,0,1,226.938,626.6)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-58.264L5.005,-38.698L-10.842,-24.853L-50.576,0L-52.709,-52.375L-36.196,-52.375L0,-58.264Z"/>
<text x="-31.511005" y="-30.53396" style="fill:rgb(82,84,83);stroke:none">65</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_62" transform="matrix(1,0,0,1,226.604,511.157)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,48.906L4.504,40.716L3.503,1.019C3.503,1.019 3.337,-2.319 -1.834,-2.319L-30.191,-2.319L-36.696,51.225L0,48.906Z"/>
<text x="-23.018003" y="31.575056" style="fill:rgb(82,84,83);stroke:none">62</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_63" transform="matrix(1,0,0,1,151.21,508.838)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,55.879L9.007,4.498C9.007,4.498 11.176,1.502 16.347,1.502C21.517,1.502 45.203,0 45.203,0L38.698,53.544L0,55.879Z"/>
<text x="18.669987" y="33.654064" style="fill:rgb(82,84,83);stroke:none">63</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_56" transform="matrix(1,0,0,1,166.889,493.492)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-33.36L58.881,-35.028L58.881,-1.167L18.515,1.668L8.173,0.834L-2.002,-3.669L0,-33.36Z"/>
<text x="20.963102" y="-14.217952" style="fill:rgb(82,84,83);stroke:none">56</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_57" transform="matrix(0.0249922,0.999688,0.999688,-0.0249922,275.561,504.21)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-47.443,12.782L-14.073,12.782L-13.127,-49.478L-46.976,-48.632L-47.443,12.782Z"/>
<text x="-23.71487" y="-24.973965" transform="matrix(0.02499219,0.99968768,0.99968762,-0.02499219,0,0)" style="fill:rgb(82,84,83);stroke:none">57</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_58" transform="matrix(1,0,0,1,346.035,489.823)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-36.53L2.669,-5.838L-4.337,-2.169L-58.047,0L-58.881,-33.361L0,-36.53Z"/>
<text x="-34.220863" y="-12.464937" style="fill:rgb(82,84,83);stroke:none">58</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_59" transform="matrix(1,0,0,1,344.367,407.088)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,37.031L-61.55,38.365L-63.218,-1.334L-21.517,0.335C-21.517,0.335 -7.166,7.841 -2.332,18.516L0,37.031Z"/>
<text x="-38.428864" y="17.262054" style="fill:rgb(82,84,83);stroke:none">59</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_60" transform="matrix(0.0195274,0.999809,0.999809,-0.0195274,274.658,396.586)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M7.028,-49.868L49.738,-49.868L49.018,7.203L9.294,6.31L7.028,-49.868Z"/>
<text x="-24.891996" y="28.683985" transform="matrix(0.0195274,0.99980935,0.99980929,-0.0195274,0,0)" style="fill:rgb(82,84,83);stroke:none">60</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_61" transform="matrix(1,0,0,1,167.723,404.587)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,44.87L1.835,11.009C1.835,11.009 5.004,2.336 13.511,1.168C22.018,0 57.213,0 57.213,0L58.047,42.702L0,44.87Z"/>
<text x="24.460995" y="20.525053" style="fill:rgb(82,84,83);stroke:none">61</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_29" transform="matrix(1,0,0,1,417.713,656.631)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-54.72L4.104,0L-58.824,-5.637L-53.548,-31.269L-45.535,-49.248C-45.535,-49.248 -35.959,-52.375 -17.979,-53.547L0,-54.72Z"/>
<text x="-33.112968" y="-21.188946" style="fill:rgb(82,84,83);stroke:none">29</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_28" transform="matrix(0,1,1,0,466.864,649.107)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-49.15,-7.524L6.156,-7.524L7.524,-45.046L-47.196,-49.15L-49.15,-7.524Z"/>
<text x="-37.134953" y="-16.994017" transform="matrix(0,1,0.99999998,0,0,0)" style="fill:rgb(82,84,83);stroke:none">28</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_27" transform="matrix(1,0,0,1,496.862,655.654)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-57.847L3.504,-12.898L4.495,-5.081L-24.429,0L-37.522,-0.391L-37.522,-55.697L0,-57.847Z"/>
<text x="-24.716942" y="-23.507946" style="fill:rgb(82,84,83);stroke:none">27</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_26" transform="matrix(1,0,0,1,534.776,650.573)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-54.72L0.98,-39.573L-1.397,-39.573L-0.208,-21.849L1.97,-21.849L2.96,-6.402L-33.418,0L-34.41,-7.817L-37.913,-52.766L0,-54.72Z"/>
<text x="-25.926931" y="-22.390945" style="fill:rgb(82,84,83);stroke:none">26</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_25" transform="matrix(1,0,0,1,574.669,644.172)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-50.5L5.644,-6.734L-36.934,0L-37.924,-15.447L-35.449,-15.645L-36.34,-33.271L-38.914,-33.172L-39.894,-48.319L0,-50.5Z"/>
<text x="-24.781921" y="-19.255947" style="fill:rgb(82,84,83);stroke:none">25</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_24" transform="matrix(0.054174,0.998532,0.998532,-0.054174,625.602,636.877)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-46.236,1.976L-7.859,1.976L-1.893,-45.251L-45.901,-48.517L-46.236,1.976Z"/>
<text x="-29.729893" y="-20.320028" transform="matrix(0.05417398,0.99853154,0.99853148,-0.05417397,0,0)" style="fill:rgb(82,84,83);stroke:none">24</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_23" transform="matrix(0.0917995,0.995778,0.995778,-0.0917995,676.252,631.431)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M-43.306,6.29L-7.706,6.29L-7.005,-48.666L-45.354,-47.218L-43.306,6.29Z"/>
<text x="-29.465879" y="-20.311016" transform="matrix(0.09179946,0.99577754,0.99577749,-0.09179946,0,0)" style="fill:rgb(82,84,83);stroke:none">23</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_22" transform="matrix(1,0,0,1,710.424,589.712)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,29.507L-28.616,33.468L-31.884,-1.981L8.021,-3.961C8.021,-3.961 20.695,-2.278 22.378,0.098L20.695,2.277C20.695,2.277 33.963,7.624 34.26,17.625L34.756,23.071L30.597,28.517L0,29.507Z"/>
<text x="-8.518878" y="18.832054" style="fill:rgb(82,84,83);stroke:none">22</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_21" transform="matrix(1,0,0,1,675.339,669.025)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-40.598L35.283,-45.45L66.078,-46.836L66.87,-40.103L73.379,-37.627C73.379,-37.627 74.494,-28.122 67.167,-19.606C59.839,-11.09 52.512,-6.635 52.512,-6.635L52.314,-2.575C52.314,-2.575 43.996,1.287 40.531,1.683C37.065,2.079 3.696,6.238 3.696,6.238L0,-40.598Z"/>
<text x="24.580122" y="-17.729946" style="fill:rgb(82,84,83);stroke:none">21</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_20" transform="matrix(0.995247,-0.0973857,-0.0973857,-0.995247,627.175,635.471)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M2.291,2.319L48.622,2.319L47.738,-44.654L0.562,-46.875L2.291,2.319Z"/>
<text x="19.2181" y="26.484993" transform="matrix(0.99524674,-0.09738568,-0.09738567,-0.99524669,0,0)" style="fill:rgb(82,84,83);stroke:none">20</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_19" transform="matrix(0.984505,-0.175359,-0.175359,-0.984505,579.23,645.989)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M3.839,4.079L51.513,4.079L45.919,-44.827L-0.923,-43.551L3.839,4.079Z"/>
<text x="19.939631" y="22.920013" transform="matrix(0.98450459,-0.17535893,-0.17535892,-0.98450454,0,0)" style="fill:rgb(82,84,83);stroke:none">19</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_18" transform="matrix(1,0,0,1,537.24,688.433)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-39.806L45.053,-47.133L48.717,0.594L2.178,7.327L1.386,-6.932L3.763,-7.229L2.673,-25.349L0,-25.25L0,-39.806Z"/>
<text x="18.8002" y="-14.529946" style="fill:rgb(82,84,83);stroke:none">18</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_17" transform="matrix(1,0,0,1,491.791,694.671)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-37.825L45.45,-46.044L45.45,-31.488L42.281,-31.488L43.568,-13.07L46.836,-13.169L47.628,1.089L2.277,8.219L0,-37.825Z"/>
<text x="18.674616" y="-12.375946" style="fill:rgb(82,84,83);stroke:none">17</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_16" transform="matrix(1,0,0,1,447.728,703.384)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-42.677L19.903,-42.677L44.063,-46.539L46.341,-0.495L16.041,3.862L-4.852,3.862L0,-42.677Z"/>
<text x="17.480602" y="-14.184946" style="fill:rgb(82,84,83);stroke:none">16</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_15" transform="matrix(1,0,0,1,400.892,707.246)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-47.529L20.926,-45.351L46.836,-46.539L41.984,0L17.625,0L-5.248,-4.357L0,-47.529Z"/>
<text x="15.999589" y="-17.733946" style="fill:rgb(82,84,83);stroke:none">15</text>
</g>
Replace SVG’s foreign attribute with a specific prefix for IDs I decided to use a custom attribute for the campsite label in the SVG because i was a bit wary of reusing ‘id’ for that, specially given that most labels are number only and XML can not have IDs starting with a number. In fact, at least Inkscape and Affinity solve the problem by having an additional foreign attribute to keep the “group label” in without that restriction (‘inkscape:label’ and ‘serif:id’, respectively), thus i thought of doing the same, but with a namespace that i control and be independent of the design program. However, it seems that Affinity does not have a way of editing the XML attributes like Inkscape does[0], thus there is no way of adding or editing that value from there; i can not ask Oriol to edit the SVG file in a text editor each time. We have agreed to reuse the ‘id’ attribute to contain the campsite’s label by using a specific prefix, that we checked is editable without issue in Affinity’s UI. [0]: https://forum.affinity.serif.com/index.php?/topic/24318-xml-data/&do=findComment&comment=115609
2023-09-25 10:44:47 +00:00
<g id="cp_14" transform="matrix(1,0,0,1,358.314,702.889)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<path d="M0,-47.235L42.578,-43.172L37.33,0L3.169,-8.317L0,-18.912L-1.881,-33.864L0,-47.235Z"/>
<text x="14.921576" y="-19.582947" style="fill:rgb(82,84,83);stroke:none">14</text>
</g>
<g transform="matrix(1,0,0,1,447.728,777.284)">
<path d="M0,-53.614L11.612,-7.309L0,-5.996L-43.577,9.114L-82.725,-48.12L-79.977,-62.728L-40.318,-55.4C-40.318,-55.4 -17.422,-51.189 0,-53.614Z"/>
</g>
<g transform="matrix(1,0,0,1,207.726,801.278)">
<path d="M0,-11.675L115.153,-88.028L128.66,-91.344L160.024,-86.722L157.277,-72.113L196.425,-14.88C196.425,-14.88 143.77,14.767 65.704,79.669L30.906,52.083L0,-11.675Z"/>
</g>
<g transform="matrix(-0.998857,0.0478065,0.0478065,0.998857,244.685,517.494)">
<rect x="-112.812" y="-2.699" width="111.428" height="60.589" style="fill:rgb(255,174,138);stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(0.0478048,0.998857,0.998857,-0.0478048,333.126,539.442)">
<path d="M-28.782,-30.193L31.672,-30.193" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;"/>
</g>
<g transform="matrix(1,0,0,1,11.639,1008.9)">
<path d="M0,-83.489L27.372,-99.35L39.468,-69.559L77.749,-39.431L91.507,-47.192L119.5,-10.13L93.065,11.274L65.225,15.861L44.362,15.097L13.244,-0.957L10.95,-24.654L-0.516,-49.88L16.079,-60.765C16.079,-60.765 4.92,-69.176 0,-83.489Z"/>
</g>
<g transform="matrix(1,0,0,1,40.9134,689.761)">
<path d="M0,138.932L69.941,130.374C69.941,130.374 78.068,126.951 76.903,118.821C75.737,110.691 61.617,7.961 61.617,7.961L63.791,-0.982L17.261,-8.408L-17.852,-12.84L-19.796,7.961L-23.344,53.099L-24.847,80.513L-25.299,98.094L-25.06,111.221L-24.701,115.945L-24.205,123.22L-24.246,137.499L-25.062,151.772L0,138.932Z"/>
</g>
<g transform="matrix(0.761935,-0.647654,-0.647654,-0.761935,61.9314,134.094)">
<path d="M-6.772,18.424L50.122,18.424" style="fill:none;fill-rule:nonzero;"/>
</g>
<g transform="matrix(0.761945,-0.647642,-0.647642,-0.761945,59.6137,133.874)">
<path d="M-6.171,16.789C10.368,16.796 22.008,16.767 48.719,16.851" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;stroke-dasharray:5,5,0,0;"/>
</g>
<g transform="matrix(-0.564461,0.82546,0.82546,0.564461,160.887,138.257)">
<path d="M-24.648,-13.005L6.862,-13.005" style="fill:none;fill-rule:nonzero;"/>
</g>
<g transform="matrix(-0.564454,0.825464,0.825464,0.564454,159.712,136.356)">
<path d="M-20.775,-10.961L5.784,-10.961" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;stroke-dasharray:5,5,0,0;"/>
</g>
<g transform="matrix(1,0,0,1,0.5985,1025.35)">
<path d="M0,-990.992L27.407,-1007.54L87.281,-978.762L159.705,-932.002L338.303,-990.273L389.084,-988.834L385.335,-1019.77L443.575,-1024.8L443.575,-1000.34L469.044,-991.711L463.726,-975.128L452.561,-920.171L447.356,-906.587L445.816,-886.421L443.263,-848.083L443.263,-836.84L450.361,-836.84L456.623,-801.618L448.016,-731.276L447.781,-703.373L431.134,-680.864L402.997,-677.112L403.7,-631.859L415.575,-566.087L427.066,-530.191L442.301,-507.564L456.129,-497.587L489.963,-495.753L729.842,-501.925L822.236,-501.057L827.758,-539.051L904.676,-553.793L1025.39,-528.26L990.141,-411.331L974.982,-368.892L964.047,-324.723L967.932,-319.543L967.069,-315.947L974.982,-303.466L984.244,-282.064L992.751,-273.051L1004.8,-239.436L958.724,-153.66C958.724,-153.66 958.015,-201.191 951.635,-231.656C945.255,-262.12 935.331,-277.903 910.519,-277.101C885.708,-276.298 766.941,-277.101 766.941,-277.101C766.941,-277.101 748.888,-269.02 748.181,-263.444L657.481,-250.605L534.177,-248.641L493.47,-234.396L461.99,-244.22L417.115,-228.502C417.115,-228.502 413.301,-216.688 389.755,-194.843L361.297,-182.822L307.266,-144.018L263.551,-123.437L209.282,-72.445L164.289,-50.276L157.552,-42.632L195.815,17.758L173.213,33.811L130.54,-26.579L104.106,-5.175L76.266,-0.588L55.403,-1.353L24.284,-17.406L21.991,-41.103L10.524,-66.33L27.12,-77.215C27.12,-77.215 9.266,-90.704 8.869,-112.128C8.473,-133.552 18.788,-189.096 15.614,-219.645C12.44,-250.195 22.755,-351.364 22.755,-351.364C22.755,-351.364 21.962,-372.724 52.511,-423.44L71.732,-471.775L84.25,-533.027C84.25,-533.027 94.169,-564.785 64.81,-599.414C35.451,-634.043 27.407,-643.565 27.407,-643.565C27.407,-643.565 16.408,-663.082 21.962,-681.889C27.516,-700.696 42.989,-759.553 42.989,-759.553L38.228,-789.568L42.196,-791.239L36.458,-815.354C36.458,-815.354 40.609,-826.463 34.261,-866.534C27.913,-906.605 34.043,-915.73 27.407,-920.491C27.407,-920.491 27.516,-923.262 21.962,-928.423C21.962,-928.423 16.011,-936.361 15.614,-940.328C15.217,-944.296 0,-990.992 0,-990.992Z" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.985907,-0.167297,-0.167297,0.985907,54.4364,714.062)">
<path d="M-27.047,76.13L7.418,76.13L6.413,2.279L-28.052,2.278L-27.047,76.13Z" style="fill:rgb(255,174,138);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(0.985907,0.167297,0.167297,-0.985907,39.733,757.819)">
<path d="M-0.243,-2.883L34.223,-2.883" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.985904,-0.167312,-0.167312,0.985904,80.3685,745.807)">
<path d="M-14.136,34.221L3.394,34.221L2.884,1.191L-14.647,1.191L-14.136,34.221Z" style="fill:rgb(255,174,138);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(0.985904,0.167312,0.167312,-0.985904,73.7324,765.362)">
<path d="M-0.124,-1.467L17.407,-1.466" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.839238,0.543765,0.543765,0.839238,243.763,820.178)">
<rect x="-82.332" y="-24.341" width="77.002" height="42.372" style="fill:rgb(189,246,255);stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.839249,0.543747,0.543747,0.839249,312.486,759.299)">
<rect x="-35.917" y="-10.618" width="29.624" height="31.906" style="fill:rgb(189,246,255);stroke:rgb(82,84,83);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.960697,0.277599,0.277599,0.960697,411.324,751.678)">
<rect x="-22.848" y="-3.235" width="20.415" height="20.415" style="fill:none;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.738319,0.674452,0.674452,0.738319,376.995,731.177)">
<rect x="-8.935" y="-3.467" width="7.405" height="7.407" style="fill:none;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.674418,0.73835,0.73835,-0.674418,381.341,724.248)">
<path d="M-1.169,-2.651L6.011,-2.651" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.73835,-0.674418,-0.674418,-0.73835,380.692,731.398)">
<path d="M-0.939,2.421L6.24,2.421" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(-0.707107,0.707107,0.707107,0.707107,391.348,734.863)">
<rect x="-7.64" y="-3.165" width="2.759" height="14.948" style="fill:none;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.595918,0.803045,0.803045,-0.595918,388.826,738.343)">
<path d="M-1.825,-3.627L7.208,-3.627" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.595918,0.803045,0.803045,-0.595918,385.66,740.672)">
<path d="M-1.825,-3.627L7.208,-3.627" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.999383,-0.0351131,-0.0351131,-0.999383,413.246,734.263)">
<path d="M-0.005,0.269L15.289,0.269" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.0528239,0.998604,0.998604,-0.0528239,423.236,733.476)">
<path d="M-2.25,-2.373L2.501,-2.373" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.970935,-0.239343,-0.239343,-0.970935,395.023,763.217)">
<path d="M-0.194,1.597L13.151,1.597" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.215235,0.976562,0.976562,-0.215235,410.329,757.295)">
<path d="M-2.328,-2.897L3.605,-2.897" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(0.215235,0.976562,0.976562,-0.215235,396.916,760.466)">
<path d="M-2.328,-2.897L3.605,-2.897" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
</g>
<g transform="matrix(1.00007,-0.00181471,-0.00181471,1.04562,-434.343,-445.687)">
<path d="M1354.02,977.812L1354.35,1029.39" style="fill:none;stroke:rgb(82,84,83);stroke-width:0.98px;stroke-miterlimit:1.5;stroke-dasharray:4.9,4.9,0,0;"/>
</g>
<g transform="matrix(1.00007,-0.00167388,-0.0015639,1.10269,-466.294,-502.132)">
<path d="M1357.11,977.816L1354.35,1029.39" style="fill:none;stroke:rgb(82,84,83);stroke-width:0.95px;stroke-miterlimit:1.5;stroke-dasharray:4.76,4.76,0,0;"/>
</g>
<g transform="matrix(1.00007,-0.00181471,-0.00181471,1.04562,-495.147,-447.056)">
<path d="M1354.02,977.812L1350.54,1030.59" style="fill:none;stroke:rgb(82,84,83);stroke-width:0.98px;stroke-miterlimit:1.5;stroke-dasharray:4.9,4.9,0,0;"/>
</g>
</g>
Update web/templates/campground_map.svg
2023-09-26 05:50:00 +00:00
<g id="arbres" class="guest-only" style="mix-blend-mode: multiply;" transform="matrix(1.09617,0,0,1.13101,355.064,337.177)">
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
<g transform="matrix(0.892723,0,0,0.892723,-676.538,-262.012)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,745.094,279.331)">
<use xlink:href="#tree" x="370.923" y="834.061" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-638.793,-281.957)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,702.813,301.673)">
<use xlink:href="#tree" x="409.99" y="813.417" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-712.656,-348.094)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,785.552,375.758)">
<use xlink:href="#tree" x="333.541" y="744.965" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-611.456,-292.268)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,672.191,313.223)">
<use xlink:href="#tree" x="438.283" y="802.745" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-576.932,-304.727)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,633.519,327.179)">
<use xlink:href="#tree" x="474.016" y="789.85" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-581.811,-331.319)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,638.984,356.966)">
<use xlink:href="#tree" x="468.966" y="762.328" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-606.881,-338.583)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,667.066,365.104)">
<use xlink:href="#tree" x="443.019" y="754.808" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-550.598,-299.85)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,604.02,321.716)">
<use xlink:href="#tree" x="501.271" y="794.898" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-523.641,-313.518)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,573.823,337.027)">
<use xlink:href="#tree" x="529.173" y="780.751" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-533.812,-343.852)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,585.216,371.006)">
<use xlink:href="#tree" x="518.646" y="749.356" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-486.205,-319.552)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,531.889,343.786)">
<use xlink:href="#tree" x="567.919" y="774.506" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-479.668,-349.87)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,524.566,377.747)">
<use xlink:href="#tree" x="574.685" y="743.127" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-451.85,-320.053)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,493.406,344.346)">
<use xlink:href="#tree" x="603.477" y="773.988" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-423.963,-325.169)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,462.167,350.078)">
<use xlink:href="#tree" x="632.34" y="768.692" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-424.176,-357.492)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,462.406,386.284)">
<use xlink:href="#tree" x="632.119" y="735.238" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-387.384,-326.876)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,421.193,351.989)">
<use xlink:href="#tree" x="670.199" y="766.926" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-361.357,-327.965)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,392.037,353.209)">
<use xlink:href="#tree" x="697.138" y="765.799" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-379.857,-365.86)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,412.762,395.658)">
<use xlink:href="#tree" x="677.99" y="726.577" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-330.7,-336.328)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,357.696,362.578)">
<use xlink:href="#tree" x="728.869" y="757.143" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-330.7,-373.712)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,357.696,404.454)">
<use xlink:href="#tree" x="728.869" y="718.45" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-304.544,-339.164)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,328.398,365.755)">
<use xlink:href="#tree" x="755.94" y="754.207" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-271.614,-350.321)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,291.511,378.252)">
<use xlink:href="#tree" x="790.022" y="742.66" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-293.115,-380.519)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,315.596,412.079)">
<use xlink:href="#tree" x="767.769" y="711.405" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-237.202,-356.889)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,252.964,385.609)">
<use xlink:href="#tree" x="825.639" y="735.862" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-231.774,-381.158)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,246.884,412.795)">
<use xlink:href="#tree" x="831.257" y="710.743" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-262.629,-401.837)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,281.446,435.959)">
<use xlink:href="#tree" x="799.322" y="689.34" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-195.923,-360.999)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,206.724,390.213)">
<use xlink:href="#tree" x="868.363" y="731.609" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-194.656,-395.301)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,205.305,428.638)">
<use xlink:href="#tree" x="869.675" y="696.105" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-172.064,-320.193)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,179.998,344.504)">
<use xlink:href="#tree" x="893.058" y="773.843" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-107.529,-315.807)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,107.708,339.591)">
<use xlink:href="#tree" x="959.852" y="778.382" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-65.9972,-328.841)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,61.1852,354.19)">
<use xlink:href="#tree" x="1002.84" y="764.892" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-79.9321,-361.182)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,76.7946,390.418)">
<use xlink:href="#tree" x="988.415" y="731.419" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-97.9705,-350.605)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,97.0007,378.571)">
<use xlink:href="#tree" x="969.745" y="742.366" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-114.093,-361.957)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,115.061,391.286)">
<use xlink:href="#tree" x="953.058" y="730.617" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-152.067,-395.33)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,157.598,428.67)">
<use xlink:href="#tree" x="913.755" y="696.075" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-87.1544,-399.872)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,84.8849,433.758)">
<use xlink:href="#tree" x="980.94" y="691.374" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-79.3181,-440.506)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,76.1069,479.274)">
<use xlink:href="#tree" x="989.05" y="649.318" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-64.602,-472.176)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,59.6224,514.75)">
<use xlink:href="#tree" x="1004.28" y="616.539" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-97.385,-485.012)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,96.3448,529.129)">
<use xlink:href="#tree" x="970.351" y="603.253" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-126.007,-488.644)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,128.406,533.197)">
<use xlink:href="#tree" x="940.727" y="599.494" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-126.411,-445.924)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,128.859,485.344)">
<use xlink:href="#tree" x="940.309" y="643.71" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-157.194,-447.203)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,163.341,486.776)">
<use xlink:href="#tree" x="908.448" y="642.387" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-155.67,-487.213)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,161.634,531.594)">
<use xlink:href="#tree" x="910.025" y="600.976" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-193.01,-443.392)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,203.461,482.507)">
<use xlink:href="#tree" x="871.379" y="646.331" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-189.9,-490.777)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,199.978,535.587)">
<use xlink:href="#tree" x="874.597" y="597.287" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-197.759,-519.889)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,208.781,568.197)">
<use xlink:href="#tree" x="866.463" y="567.156" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-170.043,-515.847)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,177.734,563.669)">
<use xlink:href="#tree" x="895.15" y="571.339" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-223.451,-526.247)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,237.56,575.319)">
<use xlink:href="#tree" x="839.872" y="560.575" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-226.621,-445.283)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,241.111,484.625)">
<use xlink:href="#tree" x="836.59" y="644.374" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-221.224,-478.987)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,235.065,522.38)">
<use xlink:href="#tree" x="842.177" y="609.489" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-224.805,-500.858)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,239.077,546.878)">
<use xlink:href="#tree" x="838.47" y="586.853" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-253.759,-448.363)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,271.51,488.076)">
<use xlink:href="#tree" x="808.503" y="641.186" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-255.986,-483.23)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,274.004,527.132)">
<use xlink:href="#tree" x="806.198" y="605.099" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-281.329,-501.204)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,302.393,547.266)">
<use xlink:href="#tree" x="779.968" y="586.495" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-265.317,-522.945)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,284.457,571.62)">
<use xlink:href="#tree" x="796.54" y="563.993" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-326.439,-504.563)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,352.924,551.029)">
<use xlink:href="#tree" x="733.279" y="583.019" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-358.26,-527.544)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,388.569,576.772)">
<use xlink:href="#tree" x="700.343" y="559.233" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-391.054,-508.414)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,425.303,555.343)">
<use xlink:href="#tree" x="666.402" y="579.032" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-418.454,-526.289)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,455.996,575.366)">
<use xlink:href="#tree" x="638.042" y="560.531" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-446.537,-506.274)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,487.454,552.945)">
<use xlink:href="#tree" x="608.976" y="581.248" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-475.301,-523.005)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,519.675,571.687)">
<use xlink:href="#tree" x="579.204" y="563.931" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-503.743,-499.843)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,551.534,545.742)">
<use xlink:href="#tree" x="549.767" y="587.903" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-532.219,-520.377)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,583.432,568.743)">
<use xlink:href="#tree" x="520.295" y="566.651" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-561.422,-498.095)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,616.145,543.784)">
<use xlink:href="#tree" x="490.069" y="589.713" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-616.078,-489.123)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,677.369,533.733)">
<use xlink:href="#tree" x="433.499" y="598.999" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-596.67,-535.628)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,655.629,585.827)">
<use xlink:href="#tree" x="453.587" y="550.866" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-610.981,-556.984)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,671.659,609.75)">
<use xlink:href="#tree" x="438.775" y="528.762" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-635.586,-545.596)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,699.221,596.994)">
<use xlink:href="#tree" x="413.309" y="540.548" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-640.504,-605.747)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,704.73,664.372)">
<use xlink:href="#tree" x="408.218" y="478.293" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-629.006,-630.152)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,691.85,691.71)">
<use xlink:href="#tree" x="420.119" y="453.032" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-667.471,-642.345)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,734.938,705.368)">
<use xlink:href="#tree" x="380.307" y="440.413" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-688.724,-597.965)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,758.745,655.656)">
<use xlink:href="#tree" x="358.31" y="486.346" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-747.475,-594.066)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,824.555,651.287)">
<use xlink:href="#tree" x="297.503" y="490.382" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-809.606,-597.588)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,894.152,655.232)">
<use xlink:href="#tree" x="233.197" y="486.737" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-867.309,-594.221)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,958.79,651.462)">
<use xlink:href="#tree" x="173.473" y="490.221" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-873.081,-544.428)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,965.255,595.684)">
<use xlink:href="#tree" x="167.499" y="541.758" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-880.368,-514.081)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,973.417,561.69)">
<use xlink:href="#tree" x="159.958" y="573.168" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-844.537,-509.008)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,933.281,556.009)">
<use xlink:href="#tree" x="197.043" y="578.417" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-839.702,-542.647)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,927.865,593.69)">
<use xlink:href="#tree" x="202.047" y="543.601" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-806.383,-546.45)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,890.543,597.95)">
<use xlink:href="#tree" x="236.532" y="539.665" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-806.238,-517.923)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,890.379,565.994)">
<use xlink:href="#tree" x="236.683" y="569.191" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-888.86,-449.622)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,982.931,489.486)">
<use xlink:href="#tree" x="151.168" y="639.882" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-909.383,-372.533)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1005.92,403.133)">
<use xlink:href="#tree" x="129.927" y="719.671" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-860.353,-360.303)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,950.998,389.433)">
<use xlink:href="#tree" x="180.673" y="732.329" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-877.008,-389.333)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,969.654,421.952)">
<use xlink:href="#tree" x="163.435" y="702.282" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-846.597,-404.44)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,935.588,438.874)">
<use xlink:href="#tree" x="194.911" y="686.647" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-830.096,-384.464)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,917.105,416.498)">
<use xlink:href="#tree" x="211.989" y="707.321" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-816.323,-428.534)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,901.676,465.864)">
<use xlink:href="#tree" x="226.245" y="661.709" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-801.226,-406.08)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,884.766,440.711)">
<use xlink:href="#tree" x="241.87" y="684.949" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-786.684,-449.224)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,868.476,489.04)">
<use xlink:href="#tree" x="256.921" y="640.294" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-748.686,-456.204)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,825.912,496.859)">
<use xlink:href="#tree" x="296.249" y="633.07" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-743.536,-432.6)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,820.143,470.418)">
<use xlink:href="#tree" x="301.579" y="657.501" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-709.12,-460.321)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,781.591,501.47)">
<use xlink:href="#tree" x="337.201" y="628.809" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-709.057,-434.838)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,781.521,472.925)">
<use xlink:href="#tree" x="337.265" y="655.185" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-718.202,-402.563)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,791.765,436.772)">
<use xlink:href="#tree" x="327.8" y="688.589" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-755.683,-396.947)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,833.75,430.481)">
<use xlink:href="#tree" x="289.007" y="694.402" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-755.683,-365.304)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,833.75,395.035)">
<use xlink:href="#tree" x="289.007" y="727.153" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-799.773,-368.729)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,883.138,398.872)">
<use xlink:href="#tree" x="243.374" y="723.607" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-781.618,-347.993)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,862.802,375.644)">
<use xlink:href="#tree" x="262.164" y="745.069" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-830.504,-344.83)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,917.562,372.101)">
<use xlink:href="#tree" x="211.567" y="748.343" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-815.582,-320.76)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,900.847,345.139)">
<use xlink:href="#tree" x="227.011" y="773.256" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-861.024,-319.765)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,951.749,344.025)">
<use xlink:href="#tree" x="179.978" y="774.285" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-847.934,-296.331)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,937.086,317.774)">
<use xlink:href="#tree" x="193.527" y="798.541" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-887.681,-273.185)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,981.61,291.847)">
<use xlink:href="#tree" x="152.388" y="822.496" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-900.716,-299.012)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,996.211,320.778)">
<use xlink:href="#tree" x="138.897" y="795.765" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-912.072,-185.799)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1008.93,193.959)">
<use xlink:href="#tree" x="127.144" y="912.942" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-890.636,-155.65)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,984.92,160.188)">
<use xlink:href="#tree" x="149.33" y="944.146" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-945.626,-101.368)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1046.52,99.3831)">
<use xlink:href="#tree" x="92.415" y="1000.33" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-964.683,-117.293)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1067.86,117.222)">
<use xlink:href="#tree" x="72.691" y="983.846" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-989.67,-155.782)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1095.85,160.336)">
<use xlink:href="#tree" x="46.829" y="944.009" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1013.75,-155.137)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1122.83,159.613)">
<use xlink:href="#tree" x="21.903" y="944.677" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1017.1,-180.921)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1126.58,188.496)">
<use xlink:href="#tree" x="18.436" y="917.99" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1012.38,-213.003)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1121.29,224.432)">
<use xlink:href="#tree" x="23.323" y="884.786" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1013.84,-241.786)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1122.93,256.675)">
<use xlink:href="#tree" x="21.81" y="854.994" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-988.257,-249.159)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1094.27,264.934)">
<use xlink:href="#tree" x="48.292" y="847.363" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-937.251,-245.146)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1037.14,260.438)">
<use xlink:href="#tree" x="101.083" y="851.517" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-925.243,-260.149)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1023.69,277.244)">
<use xlink:href="#tree" x="113.511" y="835.989" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-927.315,-293.837)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1026.01,314.98)">
<use xlink:href="#tree" x="111.367" y="801.122" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-929.762,-315.871)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1028.75,339.662)">
<use xlink:href="#tree" x="108.835" y="778.316" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.877828,-0.162396,0.162396,0.877828,-1117.53,-176.372)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.10148,0.203771,-0.203771,1.10148,1185.05,405.742)">
<use xlink:href="#tree" x="97.456" y="709.276" transform="matrix(0.966318,0,0,0.966318,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-963.263,-386.128)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1066.27,418.362)">
<use xlink:href="#tree" x="74.16" y="705.6" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-996.204,-392.013)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1103.17,424.955)">
<use xlink:href="#tree" x="40.067" y="699.508" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-983.527,-425.195)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1088.97,462.123)">
<use xlink:href="#tree" x="53.188" y="665.165" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-957.405,-421.054)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1059.71,457.485)">
<use xlink:href="#tree" x="80.224" y="669.451" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-974.597,-456.519)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1078.97,497.212)">
<use xlink:href="#tree" x="62.43" y="632.744" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-947.184,-456.339)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1048.26,497.011)">
<use xlink:href="#tree" x="90.802" y="632.93" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-956.307,-502.042)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1058.48,548.205)">
<use xlink:href="#tree" x="81.36" y="585.628" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-930.656,-504.736)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1029.75,551.223)">
<use xlink:href="#tree" x="107.909" y="582.84" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-942.149,-553.715)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1042.62,606.087)">
<use xlink:href="#tree" x="96.014" y="532.146" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-914.13,-555.08)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1011.24,607.617)">
<use xlink:href="#tree" x="125.014" y="530.733" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-941.554,-581.148)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1041.96,636.817)">
<use xlink:href="#tree" x="96.629" y="503.752" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-905.131,-621.968)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1001.16,682.542)">
<use xlink:href="#tree" x="134.328" y="461.503" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-946.208,-625.969)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1047.17,687.025)">
<use xlink:href="#tree" x="91.812" y="457.362" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-962.563,-651.803)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1065.49,715.963)">
<use xlink:href="#tree" x="74.885" y="430.624" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-939.862,-667.103)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1040.06,733.101)">
<use xlink:href="#tree" x="98.381" y="414.788" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-994.232,-694.051)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1100.96,763.288)">
<use xlink:href="#tree" x="42.108" y="386.896" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-964.945,-707.562)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1068.16,778.422)">
<use xlink:href="#tree" x="72.419" y="372.913" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1003.25,-723.377)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1111.07,796.138)">
<use xlink:href="#tree" x="32.774" y="356.544" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-990.234,-756.531)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1096.49,833.276)">
<use xlink:href="#tree" x="46.246" y="322.229" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-957.393,-754.935)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1059.7,831.488)">
<use xlink:href="#tree" x="80.236" y="323.881" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-984.887,-787.466)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1090.5,867.928)">
<use xlink:href="#tree" x="51.78" y="290.212" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-942.473,-889.092)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1042.99,981.766)">
<use xlink:href="#tree" x="95.679" y="185.028" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-940.519,-832.747)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1040.8,918.65)">
<use xlink:href="#tree" x="97.7" y="243.346" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-942.935,-804.414)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1043.5,886.913)">
<use xlink:href="#tree" x="95.2" y="272.67" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-921.535,-818.274)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1019.53,902.438)">
<use xlink:href="#tree" x="117.349" y="258.325" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-902.296,-787.43)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,997.981,867.888)">
<use xlink:href="#tree" x="137.261" y="290.249" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-881.469,-806.074)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,974.651,888.772)">
<use xlink:href="#tree" x="158.818" y="270.952" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-862.889,-826.99)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,953.839,912.202)">
<use xlink:href="#tree" x="178.048" y="249.304" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-827.439,-792.733)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,914.129,873.828)">
<use xlink:href="#tree" x="214.739" y="284.76" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-811.481,-817.752)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,896.253,901.853)">
<use xlink:href="#tree" x="231.256" y="258.865" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-802.607,-792.86)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,886.312,873.97)">
<use xlink:href="#tree" x="240.441" y="284.629" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-787.914,-819.016)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,869.853,903.269)">
<use xlink:href="#tree" x="255.648" y="257.557" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-786.391,-793.658)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,868.147,874.864)">
<use xlink:href="#tree" x="257.225" y="283.803" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-769.671,-793.365)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,849.419,874.536)">
<use xlink:href="#tree" x="274.529" y="284.106" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-731.763,-824.186)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,806.956,909.061)">
<use xlink:href="#tree" x="313.764" y="252.206" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-695.185,-829.118)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,765.982,914.585)">
<use xlink:href="#tree" x="351.623" y="247.102" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-689.007,-808.432)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,759.061,891.414)">
<use xlink:href="#tree" x="358.018" y="268.511" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-719.113,-796.05)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,792.785,877.544)">
<use xlink:href="#tree" x="326.857" y="281.327" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-913.933,-718.318)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1011.02,790.471)">
<use xlink:href="#tree" x="125.217" y="361.78" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-904.551,-688.766)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1000.51,757.367)">
<use xlink:href="#tree" x="134.928" y="392.367" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-870.279,-725.389)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,962.116,798.392)">
<use xlink:href="#tree" x="170.4" y="354.461" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-871.744,-694.109)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,963.758,763.353)">
<use xlink:href="#tree" x="168.883" y="386.836" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-831.571,-728.186)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,918.758,801.525)">
<use xlink:href="#tree" x="210.462" y="351.566" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-831.746,-695.629)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,918.953,765.055)">
<use xlink:href="#tree" x="210.282" y="385.264" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-796.932,-728.242)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,879.955,801.588)">
<use xlink:href="#tree" x="246.315" y="351.508" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-797.436,-696.134)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,880.521,765.62)">
<use xlink:href="#tree" x="245.792" y="384.741" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-759.061,-721.025)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,837.534,793.504)">
<use xlink:href="#tree" x="285.511" y="358.978" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-761.279,-696.56)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,840.018,766.099)">
<use xlink:href="#tree" x="283.216" y="384.299" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-715.961,-711.701)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,789.254,783.059)">
<use xlink:href="#tree" x="330.12" y="368.629" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-718.88,-692.225)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,792.524,761.242)">
<use xlink:href="#tree" x="327.099" y="388.787" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-683.498,-685.84)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,752.89,754.09)">
<use xlink:href="#tree" x="363.72" y="395.395" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-656.331,-737.397)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,722.458,811.843)">
<use xlink:href="#tree" x="391.838" y="342.033" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-631.622,-737.752)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,694.78,812.24)">
<use xlink:href="#tree" x="417.412" y="341.666" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-604.87,-742.507)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,664.813,817.567)">
<use xlink:href="#tree" x="445.1" y="336.744" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-605.664,-770.316)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,665.703,848.717)">
<use xlink:href="#tree" x="444.278" y="307.962" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-640.8,-804.787)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,705.062,887.33)">
<use xlink:href="#tree" x="407.912" y="272.285" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-623.752,-813.813)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,685.965,897.441)">
<use xlink:href="#tree" x="425.556" y="262.942" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-641.277,-838.232)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,705.595,924.795)">
<use xlink:href="#tree" x="407.419" y="237.668" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-619.903,-858.917)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,681.654,947.966)">
<use xlink:href="#tree" x="429.54" y="216.259" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-629.421,-894.955)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,692.315,988.334)">
<use xlink:href="#tree" x="419.689" y="178.96" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-673.607,-895.289)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,741.811,988.708)">
<use xlink:href="#tree" x="373.956" y="178.614" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-665.794,-864.34)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,733.059,954.04)">
<use xlink:href="#tree" x="382.043" y="210.646" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-697.159,-862.379)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,768.193,951.843)">
<use xlink:href="#tree" x="349.58" y="212.676" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-739.734,-859.641)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,815.884,948.776)">
<use xlink:href="#tree" x="305.514" y="215.51" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-775.743,-854.196)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,856.22,942.677)">
<use xlink:href="#tree" x="268.245" y="221.146" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-735.37,-928.16)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,810.996,1025.53)">
<use xlink:href="#tree" x="310.031" y="144.592" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-710.646,-938.088)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,783.301,1036.65)">
<use xlink:href="#tree" x="335.621" y="134.317" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-754.397,-951.686)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,832.309,1051.88)">
<use xlink:href="#tree" x="290.338" y="120.242" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-763.535,-935.196)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,842.545,1033.41)">
<use xlink:href="#tree" x="280.88" y="137.31" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-653.457,-971.226)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,719.24,1073.77)">
<use xlink:href="#tree" x="394.812" y="100.018" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-634.92,-962.63)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,698.475,1064.14)">
<use xlink:href="#tree" x="413.998" y="108.915" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-588.991,-963.854)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,647.026,1065.51)">
<use xlink:href="#tree" x="461.535" y="107.649" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-590.056,-999.759)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,648.22,1105.73)">
<use xlink:href="#tree" x="460.432" y="70.487" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-611.504,-1011.37)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,672.245,1118.73)">
<use xlink:href="#tree" x="438.234" y="58.474" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-661.784,-1005.93)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,728.567,1112.64)">
<use xlink:href="#tree" x="386.194" y="64.102" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-802.741,-967.67)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,886.462,1069.79)">
<use xlink:href="#tree" x="240.302" y="103.698" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-836.122,-956.955)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,923.855,1057.78)">
<use xlink:href="#tree" x="205.752" y="114.789" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-808.563,-854.814)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,892.985,943.37)">
<use xlink:href="#tree" x="234.276" y="220.506" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-865.722,-874.234)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,957.012,965.123)">
<use xlink:href="#tree" x="175.116" y="200.406" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-845.765,-859.365)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,934.657,948.467)">
<use xlink:href="#tree" x="195.772" y="215.796" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-905.507,-850.242)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1001.58,938.248)">
<use xlink:href="#tree" x="133.939" y="225.238" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1017.34,-274.793)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1126.85,293.648)">
<use xlink:href="#tree" x="18.192" y="820.832" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1017.04,-304.764)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1126.52,327.221)">
<use xlink:href="#tree" x="18.497" y="789.812" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1015.76,-335.88)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1125.08,362.076)">
<use xlink:href="#tree" x="19.828" y="757.607" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-1013.85,-370.295)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,1122.94,400.626)">
<use xlink:href="#tree" x="21.806" y="721.987" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-860.721,-479.498)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,951.41,522.952)">
<use xlink:href="#tree" x="180.292" y="608.961" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-857.822,-448.787)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,948.163,488.551)">
<use xlink:href="#tree" x="183.292" y="640.747" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-808.033,-490.578)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,892.391,535.363)">
<use xlink:href="#tree" x="234.824" y="597.493" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-865.932,-634.94)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,957.247,697.073)">
<use xlink:href="#tree" x="174.899" y="448.077" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-834.123,-623.347)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,921.616,684.087)">
<use xlink:href="#tree" x="207.821" y="460.076" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-806.116,-629.248)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,890.243,690.697)">
<use xlink:href="#tree" x="236.809" y="453.969" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-807.756,-655.778)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,892.08,720.415)">
<use xlink:href="#tree" x="235.112" y="426.51" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-773.722,-623.26)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,853.957,683.99)">
<use xlink:href="#tree" x="270.337" y="460.165" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-746.726,-625.388)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,823.716,686.374)">
<use xlink:href="#tree" x="298.278" y="457.963" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-752.042,-656.538)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,829.671,721.267)">
<use xlink:href="#tree" x="292.775" y="425.723" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-718.898,-624.721)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,792.545,685.626)">
<use xlink:href="#tree" x="327.08" y="458.654" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-693.786,-629.981)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,764.415,691.519)">
<use xlink:href="#tree" x="353.071" y="453.21" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-672.538,-377.052)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,740.614,408.196)">
<use xlink:href="#tree" x="375.063" y="714.993" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-675.791,-401.565)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,744.257,435.654)">
<use xlink:href="#tree" x="371.696" y="689.622" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-649.971,-415.028)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,715.334,450.735)">
<use xlink:href="#tree" x="398.42" y="675.688" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-635.632,-395.184)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,699.272,428.506)">
<use xlink:href="#tree" x="413.261" y="696.227" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-592.245,-370.695)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,650.672,401.074)">
<use xlink:href="#tree" x="458.167" y="721.573" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-588.34,-396.041)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,646.297,429.466)">
<use xlink:href="#tree" x="462.208" y="695.34" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-541.789,-397.82)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,594.152,431.459)">
<use xlink:href="#tree" x="510.389" y="693.499" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-540.832,-374.232)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,593.08,405.037)">
<use xlink:href="#tree" x="511.38" y="717.912" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-495.79,-408.881)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,542.625,443.849)">
<use xlink:href="#tree" x="557.999" y="682.05" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-494.248,-376.641)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,540.899,407.735)">
<use xlink:href="#tree" x="559.594" y="715.418" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-452.222,-414.591)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,493.822,450.246)">
<use xlink:href="#tree" x="603.092" y="676.14" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-448.679,-388.292)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,489.854,420.786)">
<use xlink:href="#tree" x="606.758" y="703.36" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-403.097,-424.507)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,438.794,461.353)">
<use xlink:href="#tree" x="653.936" y="665.877" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-401.339,-398.477)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,436.824,432.195)">
<use xlink:href="#tree" x="655.756" y="692.818" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-357.276,-428.727)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,387.467,466.08)">
<use xlink:href="#tree" x="701.362" y="661.509" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-354.831,-401.681)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,384.728,435.783)">
<use xlink:href="#tree" x="703.892" y="689.502" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-302.695,-411.318)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,326.326,446.58)">
<use xlink:href="#tree" x="757.854" y="679.527" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-295.228,-454.195)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,317.963,494.609)">
<use xlink:href="#tree" x="765.581" y="635.149" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-320.761,-452.015)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,346.563,492.166)">
<use xlink:href="#tree" x="739.155" y="637.406" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-355.297,-464.307)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,385.25,505.936)">
<use xlink:href="#tree" x="703.41" y="624.683" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-380.916,-443.053)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,413.947,482.127)">
<use xlink:href="#tree" x="676.894" y="646.682" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-407.732,-446.77)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,443.986,486.291)">
<use xlink:href="#tree" x="649.139" y="642.835" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-408.688,-465.658)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,445.057,507.449)">
<use xlink:href="#tree" x="648.15" y="623.286" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-458.665,-466.623)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,501.039,508.53)">
<use xlink:href="#tree" x="596.424" y="622.286" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-455.881,-438.702)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,497.921,477.254)">
<use xlink:href="#tree" x="599.305" y="651.185" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-497.689,-431.458)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,544.753,469.14)">
<use xlink:href="#tree" x="556.033" y="658.682" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-499.481,-463.083)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,546.761,504.564)">
<use xlink:href="#tree" x="554.178" y="625.951" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-535.468,-461.443)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,587.072,502.727)">
<use xlink:href="#tree" x="516.932" y="627.648" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-535.487,-422.762)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,587.093,459.399)">
<use xlink:href="#tree" x="516.912" y="667.683" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-576.022,-422.552)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,632.499,459.163)">
<use xlink:href="#tree" x="474.958" y="667.9" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-574.889,-459.288)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,631.23,500.313)">
<use xlink:href="#tree" x="476.131" y="629.879" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-638.121,-372.248)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,702.06,402.814)">
<use xlink:href="#tree" x="410.685" y="719.965" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-661.747,-455.143)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,728.525,495.671)">
<use xlink:href="#tree" x="386.232" y="634.168" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-617.168,-454.589)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,678.589,495.05)">
<use xlink:href="#tree" x="432.372" y="634.741" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-613.429,-420.209)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,674.401,456.538)">
<use xlink:href="#tree" x="436.242" y="670.326" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
<g transform="matrix(0.892723,0,0,0.892723,-103.218,-443.822)">
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<g transform="matrix(1.12017,-0,-0,1.12017,102.879,482.989)">
<use xlink:href="#tree" x="964.313" y="645.886" transform="matrix(0.966176,0,0,0.966176,0,0)"/>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</g>
</g>
</g>
<g id="aigua" class="guest-only" transform="matrix(0.546877,0,0,0.63549,855.056,1352.31)">
<g transform="matrix(1,0,0,1,138.188,-247.774)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,949.669,-414.263)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,401.214,-480.972)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,-276.307,-601.628)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,-319.416,-866.578)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,221.721,-1066.05)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,-2.5823,-1250.84)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,1198.14,-266.299)">
<g transform="matrix(2.00442,0,0,1.77974,-1907.11,-2462.97)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-125.382,-141.69)">
<g transform="matrix(-0.433964,1.04901,1.18144,0.385319,-223.122,76.3737)">
<path d="M-3.48,-5.396L1.859,-5.396C3.313,-5.395 4.324,-3.948 3.822,-2.582C3.308,-1.182 1.533,-0.755 0.438,-1.768L-3.48,-5.396Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.59px;"/>
</g>
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
<g transform="matrix(1,0,0,1,0,19.3071)">
<path d="M0,-14.052L18.66,-14.052C21.209,-14.052 23.276,-11.985 23.276,-9.435L23.276,-3.559L17.39,-3.559L17.39,-8.166L0,-8.166" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
<path d="M-2.378,-2.378L2.378,-2.378" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
<g transform="matrix(1,0,0,1,3.5497,0.5)">
<path d="M0,0L10.621,0" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1.88px;"/>
</g>
</g>
</g>
</g>
</g>
<g id="extintors" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-122.887,-119.23)">
<g transform="matrix(1,0,0,1,214.268,175.654)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,280.963,113.516)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,757.289,230.755)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,61.9819,288.194)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,354.753,-132.628)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,186.798,-264.903)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<g transform="matrix(1,0,0,1,27.9156,-42.5261)">
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.198405,0,0,0.223452,699.707,984.012)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2318.96)">
<path d="M374.18,867.217C374.18,867.217 374.085,843.638 374.035,831.216C374.027,829.241 374.806,827.344 376.2,825.945C377.594,824.545 379.488,823.759 381.463,823.759C381.465,823.759 381.467,823.759 381.47,823.759C385.605,823.759 388.961,827.102 388.978,831.237C389.028,843.664 389.123,867.217 389.123,867.217" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
<path d="M380.339,818.681L380.336,818.681C374.089,818.681 369.025,823.745 369.025,829.991C369.025,839.284 369.025,850.924 369.025,850.924" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
<path d="M380.339,818.681L386.862,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.51px;stroke-miterlimit:1.5;"/>
</g>
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
<path d="M386.89,815.023L380.339,818.681" style="fill:none;stroke:rgb(255,100,70);stroke-width:2.54px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
</g>
<g id="informacio" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-119.735,-121.76)">
<g transform="matrix(1,0,0,1,-184.767,-65.7387)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-0.00541689,-0.0959408)">
<g transform="matrix(0.108606,0,0,0.108606,572.07,1259.34)">
<circle cx="128" cy="128" r="96" style="fill:none;stroke:rgb(82,84,83);stroke-width:9.21px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.108606,0,0,0.108606,572.07,1259.34)">
<path d="M120,120C124.389,120 128,123.611 128,128L128,168C128,172.389 131.611,176 136,176" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:9.21px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.108606,0,0,0.108606,572.07,1259.34)">
<circle cx="124" cy="84" r="8" style="fill:rgb(82,84,83);"/>
</g>
</g>
</g>
<g id="botiga" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-118.103,-127.896)">
<g transform="matrix(1,0,0,1,-163.128,-26.8124)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
<path d="M128,120L128,176" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.88px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
<path d="M184,88L128,24L72,88" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.88px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
<path d="M32,88C27.614,88.004 24.007,91.614 24.007,96C24.007,96.334 24.028,96.668 24.07,97C27.14,120 35.2,180.48 37.94,201C38.441,204.978 41.86,207.996 45.87,208L210.13,208C214.12,208 217.531,205.015 218.06,201.06L231.93,97.06C231.977,96.709 232.001,96.355 232.001,96C232.001,91.611 228.389,88 224.001,88C224,88 224,88 224,88L32,88Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.88px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
<path d="M180.8,120L175.2,176" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.88px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
<path d="M75.2,120L80.8,176" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.88px;stroke-miterlimit:4;"/>
</g>
</g>
<g id="restaurant" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-123.07,-111.656)">
<g transform="matrix(1,0,0,1,-107.495,-76.5679)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.074518,0,0,0.0683487,614.995,1176.11)">
<g transform="matrix(1,0,0,1,523.387,1129.37)">
<path d="M80,40L80,88" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.99px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,523.387,1129.37)">
<path d="M80,128L80,224" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.99px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,523.387,1129.37)">
<path d="M208,168L152,168C152,168 152,64 208,40L208,224" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.99px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,523.387,1129.37)">
<path d="M48,40L40,88C40,109.943 58.057,128 80,128C101.943,128 120,109.943 120,88L112,40" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.99px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g id="piscina" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-121.791,-118.099)">
<g transform="matrix(1,0,0,1,-68.9207,-161.218)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.0908028,0,0,0.0880856,639.497,1068.11)">
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M88,56L168,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M88,88L168,88" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M88,120L168,120" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M88,32L88,141.39" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M168,32L168,143.29" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M32,168C56,168 56,184 80,184C104,184 104,168 128,168C152,168 152,184 176,184C200,184 200,168 224,168" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,555.687,1109.18)">
<path d="M32,208C56,208 56,224 80,224C104,224 104,208 128,208C152,208 152,224 176,224C200,224 200,208 224,208" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.18px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g id="bar" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-126.138,-117.605)">
<g transform="matrix(1,0,0,1,-127.743,-105.108)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.070081,0,0,0.0797783,599.923,1139.44)">
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M83.3,216C52.088,201.678 31.993,170.341 32,136L32,88L208,88L208,136C208.007,170.341 187.912,201.678 156.7,216" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M88,24L88,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M120,24L120,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M152,24L152,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M32,216L208,216" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(1,0,0,1,492.798,1062.47)">
<path d="M208,88C225.555,88 240,102.445 240,120L240,128C240,145.555 225.555,160 208,160L204.62,160" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.32px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g id="parc" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-121.791,-118.099)">
<g transform="matrix(1,0,0,1,73.9971,-187.673)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.0465754,0,0,0.0524553,849.38,1165.78)">
<g>
<g transform="matrix(2.00442,0,0,1.77974,-356.413,-505.421)">
<path d="M64,107.31L64,216C64,220.389 67.611,224 72,224L184,224C188.389,224 192,220.389 192,216L192,107.31C192.001,105.192 192.843,103.159 194.34,101.66L205.66,90.34C207.157,88.841 207.999,86.808 208,84.69L208,40C208,35.611 204.389,32 200,32L184,32C179.611,32 176,35.611 176,40L176,56C176,60.389 172.389,64 168,64L152,64C147.611,64 144,60.389 144,56L144,40C144,35.611 140.389,32 136,32L120,32C115.611,32 112,35.611 112,40L112,56C112,60.389 108.389,64 104,64L88,64C83.611,64 80,60.389 80,56L80,40C80,35.611 76.389,32 72,32L56,32C51.611,32 48,35.611 48,40L48,84.69C48.001,86.808 48.843,88.841 50.34,90.34L61.66,101.66C63.157,103.159 63.999,105.192 64,107.31Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:10.71px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(2.00442,0,0,1.77974,-356.413,-505.421)">
<path d="M104,224L104,152C104,138.834 114.834,128 128,128C141.166,128 152,138.834 152,152L152,224" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:10.71px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
</g>
<g id="deixalleria" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-122.887,-119.23)">
<g id="deixalles" transform="matrix(1,0,0,1,-15.9158,9.18776)">
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.167746,0,0,0.166166,516.568,1135.01)">
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M216,56L40,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M104,104L104,168" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M152,104L152,168" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M200,56L200,208C200,212.389 196.389,216 192,216L64,216C59.611,216 56,212.389 56,208L56,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M168,56L168,40C168,31.223 160.777,24 152,24L104,24C95.223,24 88,31.223 88,40L88,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g id="deixalles1" transform="matrix(1,0,0,1,11.2526,-6.99541)">
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M152,232L128,208L152,184" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M194.63,75.19L185.84,107.98L153.06,99.19" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M78.96,140.77L70.16,108L37.39,116.77" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M70.16,108L26.16,184C24.756,186.432 24.016,189.192 24.016,192C24.016,200.771 31.229,207.991 40,208L88,208" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M128,208L216,208C224.771,207.991 231.984,200.771 231.984,192C231.984,189.192 231.244,186.432 229.84,184L206.7,144" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M185.84,108L141.84,32C138.984,27.062 133.695,24.011 127.99,24.011C122.285,24.011 116.996,27.062 114.14,32L91,72" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
</g>
<g id="deixalleria1" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-118.458,-110.054)">
<g id="deixalles2" transform="matrix(1,0,0,1,330.826,-459.639)">
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M152,232L128,208L152,184" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M194.63,75.19L185.84,107.98L153.06,99.19" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M78.96,140.77L70.16,108L37.39,116.77" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M70.16,108L26.16,184C24.756,186.432 24.016,189.192 24.016,192C24.016,200.771 31.229,207.991 40,208L88,208" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M128,208L216,208C224.771,207.991 231.984,200.771 231.984,192C231.984,189.192 231.244,186.432 229.84,184L206.7,144" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
<path d="M185.84,108L141.84,32C138.984,27.062 133.695,24.011 127.99,24.011C122.285,24.011 116.996,27.062 114.14,32L91,72" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.6px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g id="deixalles3" transform="matrix(1,0,0,1,297.948,-459.627)">
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(0.167746,0,0,0.166166,516.568,1135.01)">
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M216,56L40,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M104,104L104,168" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M152,104L152,168" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M200,56L200,208C200,212.389 196.389,216 192,216L64,216C59.611,216 56,212.389 56,208L56,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
<path d="M168,56L168,40C168,31.223 160.777,24 152,24L104,24C95.223,24 88,31.223 88,40L88,56" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:11.75px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g transform="matrix(1.00708,-0.00527924,-0.00527924,1.00394,-5.56834,-6.97442)">
<g transform="matrix(0.992996,0.00522172,0.00522172,0.996107,425.222,390.463)">
<path d="M406.473,571.969C405.809,572.463 404.868,572.326 404.374,571.662C403.879,570.999 404.016,570.058 404.68,569.563C405.343,569.069 406.284,569.206 406.779,569.869C407.274,570.533 407.136,571.474 406.473,571.969Z" style="fill:rgb(82,84,83);"/>
<path d="M471.42,521.68L405.576,570.766" style="fill:none;stroke:rgb(82,84,83);stroke-width:1px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
<g id="serveis" class="guest-only" transform="matrix(1.09617,0,0,1.13101,-122.887,-119.23)">
<g>
<g transform="matrix(1,0,0,1,144.844,-502.387)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,0.208037,0.419456)">
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
<path d="M64,112L64,40C64,35.611 67.611,32 72,32L184,32C188.389,32 192,35.611 192,40L192,112" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.17px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
<path d="M96,64L112,64" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.17px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
<path d="M216,112C216,160.275 176.275,200 128,200C79.725,200 40,160.275 40,112L216,112Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.17px;stroke-miterlimit:4;"/>
</g>
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
<path d="M92.42,192.51L88.08,222.87C88.027,223.244 88,223.622 88,224C88,228.389 91.611,232 96,232L160,232C164.389,232 168,228.389 168,224C168,223.622 167.973,223.244 167.92,222.87L163.58,192.51" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:13.17px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g>
<g transform="matrix(1,0,0,1,177.722,-502.387)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-1.4233,-1.12919)">
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
<circle cx="52" cy="236" r="8" style="fill:rgb(82,84,83);stroke:rgb(82,84,83);stroke-width:7.74px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
<circle cx="84" cy="204" r="8" style="fill:rgb(82,84,83);stroke:rgb(82,84,83);stroke-width:7.74px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
<circle cx="20" cy="204" r="8" style="fill:rgb(82,84,83);stroke:rgb(82,84,83);stroke-width:7.74px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
<circle cx="52" cy="172" r="8" style="fill:rgb(82,84,83);stroke:rgb(82,84,83);stroke-width:7.74px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
<path d="M248,40L219.31,40C217.192,40.001 215.159,40.843 213.66,42.34L184,72L161.91,201.31C161.266,205.148 157.911,207.987 154.02,207.987C151.903,207.987 149.869,207.146 148.37,205.65L50.37,107.65C48.874,106.151 48.033,104.117 48.033,102C48.033,98.109 50.872,94.754 54.71,94.11L184,72" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:15.48px;stroke-miterlimit:4;"/>
</g>
</g>
</g>
<g>
<g transform="matrix(1,0,0,1,210.601,-502.387)">
<circle cx="770.733" cy="1338.89" r="13.939" style="fill:white;"/>
</g>
<g transform="matrix(1,0,0,1,-0.126936,1.41864)">
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
<path d="M22.63,0L1.946,0C0.873,0 0,0.874 0,1.947L0,27.543C0,27.82 0.224,28.043 0.5,28.043L24.076,28.043C24.353,28.043 24.576,27.82 24.576,27.543L24.576,1.947C24.576,0.874 23.703,0 22.63,0ZM1.946,1L22.63,1C23.151,1 23.576,1.425 23.576,1.947L23.576,5.694L1,5.694L1,1.947C1,1.425 1.424,1 1.946,1ZM1,27.043L1,6.694L23.576,6.694L23.576,27.043L1,27.043Z" style="fill:rgb(82,84,83);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:0.35px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
<path d="M3.921,4.029L4.474,4.029C4.75,4.029 4.974,3.805 4.974,3.529C4.974,3.252 4.75,3.029 4.474,3.029L3.921,3.029C3.645,3.029 3.421,3.252 3.421,3.529C3.421,3.805 3.645,4.029 3.921,4.029Z" style="fill:rgb(82,84,83);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:0.35px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
<path d="M6.998,4.029L7.551,4.029C7.828,4.029 8.051,3.805 8.051,3.529C8.051,3.252 7.828,3.029 7.551,3.029L6.998,3.029C6.722,3.029 6.498,3.252 6.498,3.529C6.498,3.805 6.722,4.029 6.998,4.029Z" style="fill:rgb(82,84,83);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:0.35px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
<path d="M12.288,8.36C7.65,8.36 3.876,12.133 3.876,16.772C3.876,21.41 7.65,25.183 12.288,25.183C16.926,25.183 20.699,21.41 20.699,16.772C20.699,12.133 16.926,8.36 12.288,8.36ZM12.288,9.36C16.071,9.36 19.195,12.211 19.64,15.876C19.619,15.889 19.596,15.895 19.577,15.911C19.562,15.924 17.988,17.265 16.001,17.267L15.997,17.267C14.598,17.267 13.806,16.714 12.967,16.129C12.128,15.544 11.26,14.939 9.851,14.939C7.511,14.939 5.695,16.209 4.883,16.896C4.882,16.854 4.876,16.814 4.876,16.772C4.876,12.685 8.201,9.36 12.288,9.36L12.288,9.36ZM12.288,24.183C8.658,24.183 5.636,21.559 5.004,18.109C5.055,18.084 5.104,18.053 5.146,18.009C5.166,17.989 7.14,15.939 9.851,15.939C10.946,15.939 11.618,16.408 12.396,16.95C13.28,17.568 14.283,18.267 15.997,18.267L16.001,18.267C17.634,18.266 18.974,17.544 19.684,17.069C19.526,21.018 16.275,24.183 12.288,24.183L12.288,24.183Z" style="fill:rgb(82,84,83);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:0.35px;stroke-linecap:butt;stroke-miterlimit:2;"/>
</g>
</g>
</g>
<g transform="matrix(1.78967,-0.588696,-0.588696,1.43887,-170.606,55.633)">
<g transform="matrix(0.645656,0.264162,0.264162,0.803068,472.89,426.48)">
<path d="M326.94,559.707C326.276,560.201 325.336,560.064 324.841,559.401C324.346,558.737 324.483,557.796 325.147,557.301C325.81,556.807 326.751,556.944 327.246,557.608C327.741,558.271 327.604,559.212 326.94,559.707Z" style="fill:rgb(82,84,83);"/>
<path d="M471.18,450.305L326.043,558.504" style="fill:none;stroke:rgb(82,84,83);stroke-width:1px;stroke-miterlimit:1.5;"/>
</g>
</g>
</g>
</g>
<defs>
Replace gradient image for trees in SVG with an actual SVG gradient
2023-09-25 16:03:05 +00:00
<linearGradient
id="linearGradient4">
<stop
style="stop-color:#afdd89;stop-opacity:1"
offset="0"
id="stop4" />
<stop
style="stop-color:#cde4a3;stop-opacity:1"
offset="1"
id="stop5" />
</linearGradient>
<radialGradient
xlink:href="#linearGradient4"
id="radialGradient5"
cx="906.39362"
cy="552.71393"
fx="906.39362"
fy="552.71393"
r="11.500003"
gradientTransform="matrix(0.99574528,0.00105459,-0.0010591,0.99999637,-901.95169,-553.66778)"
gradientUnits="userSpaceOnUse" />
<g id="tree" transform="translate(12,12)">
<ellipse cx="0" cy="0" ry="12" rx="12" style="fill:#f6faee;fill-opacity:1;stroke:none;stroke-width:3.00001;stroke-linecap:round;stroke-linejoin:round"/>
<ellipse cx="0" cy="0" ry="11.5" rx="11.5" style="clip-rule:evenodd;fill:url(#radialGradient5);fill-rule:evenodd;stroke:none;stroke-width:3.00001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"/>
</g>
Add campsite map in SVG I intend to use the same SVG file for customers and employees, so i had to change Oriol’s design to add a class to layers that are supposed to be only for customers, like trees. These are hidden in the admin area. I understood that customers and employees have to click on a campsite to select it, and then they can book or whatever they need to do to them. Since customers and employees most certainly will need to have different listeners on campsites, i decided to add the link with JavaScript. To do so, i need a custom XML attribute with the campsite’s identifier. Since i have seen that all campsites have a label, i changed the “identifier” to the unique combination (company_id, label). The company_id is there because different companies could have the same label; i left the campsite_id primary key for foreign constraints. In this case, as a test, i add an <a> element to the campsite with a link to edit it; we’ll discuss with Oriol what exactly it needs to do. However, the original design had the labels in a different layer, that interfered with the link, as the numbers must be above the path and the link must wrap the path in order to “inherit” its shape. I had no other recourse than to move the labels in the same layer as the paths’.
2023-09-24 01:17:13 +00:00
</defs>
</svg>