2023-12-13 22:23:28 +00:00
|
|
|
<svg width="100%" height="100%" viewBox="0 0 1357 1085" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;">
|
|
|
|
|
<path id="camp" d="M969.4,798.6L1344.4,798.6L1344.4,1032.9L971.7,1032.9L969.4,798.6Z" style="fill:rgb(226,218,208);fill-rule:nonzero;"/>
|
|
|
|
|
<g id="icones_x5F_camp">
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,1010.5,940.911)">
|
|
|
|
|
<g id="campground-map">
|
|
|
|
|
<g transform="matrix(-1,0,0,1,241,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,241.028,20.8124)">
|
|
|
|
|
<path d="M0,-14.6C-4,-14.6 -7.3,-11.3 -7.3,-7.3C-7.3,-3.3 -4,0 0,0C4,0 7.3,-3.3 7.3,-7.3C7.3,-11.3 4,-14.6 0,-14.6M0,1C-4.6,1 -8.3,-2.7 -8.3,-7.3C-8.3,-11.9 -4.6,-15.6 0,-15.6C4.6,-15.6 8.3,-11.9 8.3,-7.3C8.3,-2.7 4.6,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,239.128,10.6124)">
|
|
|
|
|
<path d="M0,5.2L3.6,5.2L4.7,2L1.9,0.1L-1,2L0,5.2ZM4,6.2L-0.3,6.2C-0.5,6.2 -0.7,6.1 -0.8,5.9L-2.1,2C-2.2,1.8 -2.1,1.5 -1.9,1.4L1.6,-0.9C1.8,-1 2,-1 2.2,-0.9L5.6,1.4C5.8,1.5 5.9,1.8 5.8,2L4.5,5.9C4.4,6.1 4.2,6.2 4,6.2" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,241.028,7.5124)">
|
|
|
|
|
<path d="M0,3.1C-0.3,3.1 -0.5,2.9 -0.5,2.6L-0.5,0.5C-0.5,0.2 -0.3,0 0,0C0.3,0 0.5,0.2 0.5,0.5L0.5,2.6C0.5,2.9 0.3,3.1 0,3.1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,237.528,11.3124)">
|
|
|
|
|
<path d="M0,1.6L-0.2,1.6L-2.1,1C-2.4,0.9 -2.5,0.6 -2.4,0.4C-2.3,0.1 -2,0 -1.8,0.1L0.1,0.7C0.4,0.8 0.5,1.1 0.4,1.3C0.4,1.5 0.2,1.6 0,1.6" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,237.628,15.7124)">
|
|
|
|
|
<path d="M0,2.8C-0.1,2.8 -0.2,2.8 -0.3,2.7C-0.5,2.5 -0.6,2.2 -0.4,2L0.8,0.3C1,0.1 1.3,0 1.5,0.2C1.7,0.4 1.8,0.7 1.6,0.9L0.4,2.6C0.3,2.7 0.1,2.8 0,2.8" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,244.328,15.7124)">
|
|
|
|
|
<path d="M0,2.8C-0.2,2.8 -0.3,2.7 -0.4,2.6L-1.6,0.9C-1.8,0.7 -1.7,0.4 -1.5,0.2C-1.3,0 -1,0.1 -0.8,0.3L0.4,2C0.6,2.2 0.5,2.5 0.3,2.7C0.2,2.8 0.1,2.8 0,2.8" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,244.428,11.2124)">
|
|
|
|
|
<path d="M0,1.7C-0.2,1.7 -0.4,1.6 -0.5,1.3C-0.6,1 -0.4,0.8 -0.2,0.7L1.8,0.1C2.1,0 2.3,0.2 2.4,0.4C2.5,0.7 2.3,0.9 2.1,1L0.1,1.6C0.1,1.7 0,1.7 0,1.7" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,241.028,5.3124)">
|
|
|
|
|
<path d="M0,3.2C-0.1,3.2 -0.2,3.2 -0.3,3.1L-3.4,1C-3.6,0.8 -3.7,0.5 -3.5,0.3C-3.3,0.1 -3,0 -2.8,0.2L0,2.1L2.8,0.2C3,0 3.3,0.1 3.5,0.3C3.7,0.5 3.6,0.8 3.4,1L0.3,3.1C0.2,3.2 0.1,3.2 0,3.2" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,249.228,7.8124)">
|
|
|
|
|
<path d="M0,6.7C-0.1,6.7 -0.2,6.7 -0.3,6.6L-3.1,4.4C-3.3,4.3 -3.3,4.1 -3.3,3.9L-2.3,0.4C-2.2,0.1 -2,0 -1.7,0.1C-1.4,0.2 -1.3,0.5 -1.4,0.7L-2.3,3.9L0.2,5.9C0.4,6.1 0.5,6.4 0.3,6.6C0.3,6.6 0.1,6.7 0,6.7" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,232.728,7.7124)">
|
|
|
|
|
<path d="M0,6.8C-0.2,6.8 -0.3,6.7 -0.4,6.6C-0.6,6.4 -0.5,6.1 -0.3,5.9L2.3,3.9L1.3,0.7C1.2,0.4 1.4,0.2 1.6,0.1C1.9,0 2.1,0.2 2.2,0.4L3.3,3.9C3.4,4.1 3.3,4.3 3.1,4.4L0.2,6.6C0.2,6.8 0.1,6.8 0,6.8" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,243.128,17.6124)">
|
|
|
|
|
<path d="M0,4.4L-0.2,4.4C-0.5,4.3 -0.6,4 -0.5,3.8L0.7,0.3C0.8,0.1 1,0 1.2,0L4.9,0C5.2,0 5.4,0.2 5.4,0.5C5.4,0.8 5.2,1 4.9,1L1.6,1L0.5,4.2C0.4,4.3 0.2,4.4 0,4.4" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,238.928,17.5124)">
|
|
|
|
|
<path d="M0,4.5C-0.2,4.5 -0.4,4.4 -0.5,4.2L-1.7,1L-5,1C-5.3,1 -5.5,0.8 -5.5,0.5C-5.5,0.2 -5.3,0 -5,0L-1.4,0C-1.2,0 -1,0.1 -0.9,0.3L0.4,3.8C0.5,4.1 0.4,4.3 0.1,4.4C0.1,4.5 0,4.5 0,4.5" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(-1,0,0,1,184,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,184.028,20.9124)">
|
|
|
|
|
<path d="M0,-14.6C-4,-14.6 -7.3,-11.3 -7.3,-7.3C-7.3,-3.3 -4,0 0,0C4,0 7.3,-3.3 7.3,-7.3C7.3,-11.3 4,-14.6 0,-14.6M0,1C-4.6,1 -8.3,-2.7 -8.3,-7.3C-8.3,-11.9 -4.6,-15.6 0,-15.6C4.6,-15.6 8.3,-11.9 8.3,-7.3C8.3,-2.7 4.6,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,178.128,7.5124)">
|
|
|
|
|
<path d="M0,12.4C-0.1,12.4 -0.3,12.4 -0.4,12.3C-0.6,12.1 -0.6,11.8 -0.4,11.6C1,10.2 1.9,8.2 1.9,6.2C1.9,4.2 1.1,2.2 -0.4,0.8C-0.6,0.6 -0.6,0.3 -0.4,0.1C-0.2,-0.1 0.1,-0.1 0.3,0.1C1.9,1.7 2.8,4 2.8,6.3C2.8,8.6 1.9,10.8 0.3,12.5C0.2,12.3 0.1,12.4 0,12.4" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,189.828,7.2124)">
|
|
|
|
|
<path d="M0,12.8C-0.1,12.8 -0.3,12.7 -0.4,12.6C-3.8,9.1 -3.8,3.6 -0.4,0.2C-0.2,0 0.1,0 0.3,0.2C0.5,0.4 0.5,0.7 0.3,0.9C-2.7,3.9 -2.7,8.8 0.3,11.9C0.5,12.1 0.5,12.4 0.3,12.6C0.2,12.7 0.1,12.8 0,12.8" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,192.328,13.1124)">
|
|
|
|
|
<path d="M0,1L-16.6,1C-16.9,1 -17.1,0.8 -17.1,0.5C-17.1,0.2 -16.9,0 -16.6,0L0,0C0.3,0 0.5,0.2 0.5,0.5C0.5,0.8 0.3,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,184.028,4.9124)">
|
|
|
|
|
<path d="M0,17.5C-0.3,17.5 -0.5,17.3 -0.5,17L-0.5,0.5C-0.5,0.2 -0.3,0 0,0C0.3,0 0.5,0.2 0.5,0.5L0.5,17C0.5,17.2 0.3,17.5 0,17.5" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(-1,0,0,1,70.1,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,76.828,7.6124)">
|
|
|
|
|
<path d="M0,9C-0.2,9 -0.3,8.9 -0.4,8.8L-5.1,0.8C-5.2,0.6 -5.2,0.5 -5.1,0.3C-5,0.1 -4.8,0 -4.7,0L-1.4,0C-0.4,0 0.4,0.8 0.4,1.8C0.4,2.1 0.2,2.3 -0.1,2.3C-0.4,2.3 -0.6,2.1 -0.6,1.8C-0.6,1.4 -1,1 -1.4,1L-3.8,1L0.5,8.2C0.6,8.4 0.6,8.7 0.3,8.9C0.2,8.9 0.1,9 0,9" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,76.728,18.7124)">
|
|
|
|
|
<path d="M0,-5.2C-1.4,-5.2 -2.6,-4 -2.6,-2.6C-2.6,-1.2 -1.4,0 0,0C1.4,0 2.6,-1.2 2.6,-2.6C2.6,-4 1.5,-5.2 0,-5.2M0,1C-2,1 -3.6,-0.6 -3.6,-2.6C-3.6,-4.6 -2,-6.2 0,-6.2C2,-6.2 3.6,-4.6 3.6,-2.6C3.6,-0.7 2,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,63.4281,18.7124)">
|
|
|
|
|
<path d="M0,-5.2C-1.4,-5.2 -2.6,-4 -2.6,-2.6C-2.6,-1.2 -1.4,0 0,0C1.4,0 2.6,-1.2 2.6,-2.6C2.6,-4 1.5,-5.2 0,-5.2M0,1C-2,1 -3.6,-0.6 -3.6,-2.6C-3.6,-4.6 -2,-6.2 0,-6.2C2,-6.2 3.6,-4.6 3.6,-2.6C3.6,-0.7 2,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,70.4281,7.6124)">
|
|
|
|
|
<path d="M0,9C-0.2,9 -0.3,8.9 -0.4,8.8L-5,1L-7,1C-7.3,1 -7.5,0.8 -7.5,0.5C-7.5,0.2 -7.3,0 -7,0L-4.7,0C-4.5,0 -4.4,0.1 -4.3,0.2L0.4,8.2C0.5,8.4 0.5,8.7 0.2,8.9C0.2,8.9 0.1,9 0,9" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,63.4281,10.2124)">
|
|
|
|
|
<path d="M0,6.4C-0.1,6.4 -0.2,6.4 -0.3,6.3C-0.5,6.1 -0.6,5.8 -0.4,5.6L3.5,0.2C3.6,0.1 3.7,0 3.9,0L10.2,0C10.5,0 10.7,0.2 10.7,0.5C10.7,0.8 10.5,1 10.2,1L4.2,1L0.4,6.2C0.3,6.3 0.2,6.4 0,6.4" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(-1,0,0,1,13.2,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,12.528,8.3124)">
|
|
|
|
|
<path d="M0,-3C-0.8,-3 -1.5,-2.3 -1.5,-1.5C-1.5,-0.7 -0.8,0 0,0C0.8,0 1.5,-0.7 1.5,-1.5C1.5,-2.3 0.9,-3 0,-3M0,1C-1.4,1 -2.5,-0.1 -2.5,-1.5C-2.5,-2.9 -1.4,-4 0,-4C1.4,-4 2.5,-2.9 2.5,-1.5C2.5,-0.1 1.4,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,6.928,10.9124)">
|
|
|
|
|
<path d="M0,-1C-0.3,-1 -0.5,-0.8 -0.5,-0.5C-0.5,-0.2 -0.3,0 0,0C0.3,0 0.5,-0.2 0.5,-0.5C0.5,-0.8 0.3,-1 0,-1M0,1C-0.8,1 -1.5,0.3 -1.5,-0.5C-1.5,-1.3 -0.8,-2 0,-2C0.8,-2 1.5,-1.3 1.5,-0.5C1.5,0.3 0.9,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,7.828,8.2124)">
|
|
|
|
|
<path d="M0,6.1C-1,6.1 -1.6,5.8 -1.7,5.8C-1.9,5.7 -2.1,5.4 -1.9,5.1C-1.8,4.8 -1.5,4.7 -1.2,4.9C-1.2,4.9 1.2,5.9 5.3,3.1C9.8,0 12.8,2.4 12.9,2.5C13.1,2.7 13.1,3 13,3.2C12.8,3.4 12.5,3.4 12.3,3.3C12.2,3.2 9.7,1.3 5.9,3.9C3.3,5.7 1.3,6.1 0,6.1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,6.928,11.0124)">
|
|
|
|
|
<path d="M0,11.9C-0.2,11.9 -0.4,11.8 -0.5,11.6C-0.6,11.3 -0.4,11.1 -0.2,11C6.1,9 6.3,2.8 6.4,0.8L6.4,0.5C6.4,0.2 6.6,0 6.9,0C7.2,0 7.4,0.3 7.4,0.5L7.4,0.8C7.3,3 7,9.7 0.1,11.9L0,11.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,15.428,14.3124)">
|
|
|
|
|
<path d="M0,7.8L-0.2,7.8C-0.5,7.7 -0.6,7.4 -0.5,7.2L0.8,3.3L-2.1,0.9C-2.3,0.7 -2.3,0.4 -2.2,0.2C-2,0 -1.7,0 -1.5,0.1L1.7,2.7C1.9,2.8 1.9,3 1.9,3.2L0.5,7.4C0.4,7.7 0.2,7.8 0,7.8" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(-1,0,0,1,127.1,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,131.228,15.3124)">
|
|
|
|
|
<path d="M3.6,-5.4C3.4,-5.4 3.2,-5.4 3,-5.3C2.1,-5.1 1.2,-4.6 0.4,-3.8C-0.4,-3 -0.9,-2.1 -1.1,-1.2C-1.3,-0.4 -1.1,0.4 -0.6,0.8C0.4,1.8 2.5,1.3 4.1,-0.2C5.6,-1.7 6.1,-3.9 5.1,-4.9C4.7,-5.2 4.2,-5.4 3.6,-5.4M0.8,2.3C0,2.3 -0.8,2 -1.3,1.5C-2,0.8 -2.3,-0.2 -2.1,-1.4C-1.9,-2.5 -1.3,-3.6 -0.4,-4.6C0.5,-5.5 1.6,-6.1 2.8,-6.3C4,-6.5 5,-6.2 5.7,-5.5C7.1,-4.1 6.7,-1.4 4.7,0.6C3.6,1.7 2.1,2.3 0.8,2.3" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,125.328,16.0124)">
|
|
|
|
|
<path d="M0,6.1C-0.1,6.1 -0.3,6.1 -0.4,6C-0.6,5.8 -0.6,5.5 -0.4,5.3L4.7,0.2C4.9,0 5.2,0 5.4,0.2C5.6,0.4 5.6,0.7 5.4,0.9L0.3,6C0.2,6 0.1,6.1 0,6.1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,117.528,16.3124)">
|
|
|
|
|
<path d="M1.7,-6.3C1.1,-6.3 0.6,-6.1 0.3,-5.8C-0.7,-4.8 -0.3,-2.7 1.3,-1.1C2.8,0.4 5,0.9 6,-0.1C7,-1.1 6.5,-3.2 5,-4.8C4.2,-5.6 3.3,-6.1 2.4,-6.3L1.7,-6.3ZM4.5,1.4C3.2,1.4 1.7,0.8 0.6,-0.4C-1.3,-2.4 -1.8,-5.1 -0.4,-6.5C0.3,-7.2 1.3,-7.5 2.5,-7.3C3.6,-7.1 4.7,-6.5 5.7,-5.6C7.6,-3.7 8.1,-0.9 6.7,0.5C6.1,1.2 5.4,1.4 4.5,1.4" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,129.028,16.0124)">
|
|
|
|
|
<path d="M0,6.1C-0.1,6.1 -0.3,6.1 -0.4,6L-5.5,0.9C-5.7,0.7 -5.7,0.4 -5.5,0.2C-5.3,0 -5,0 -4.8,0.2L0.3,5.3C0.5,5.5 0.5,5.8 0.3,6C0.2,6 0.1,6.1 0,6.1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,127.128,7.6124)">
|
|
|
|
|
<path d="M0,-1.4C-0.4,-1.4 -0.7,-1.1 -0.7,-0.7C-0.7,-0.3 -0.4,0 0,0C0.4,0 0.7,-0.3 0.7,-0.7C0.7,-1.1 0.3,-1.4 0,-1.4M0,1C-0.9,1 -1.7,0.2 -1.7,-0.7C-1.7,-1.6 -0.9,-2.4 0,-2.4C0.9,-2.4 1.7,-1.6 1.7,-0.7C1.7,0.2 0.9,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(-1,0,0,1,297.9,27.2)">
|
|
|
|
|
<path d="M0,-27.2C-7.29,-27.2 -13.2,-21.111 -13.2,-13.6C-13.2,-6.089 -7.29,0 0,0C7.29,0 13.2,-6.089 13.2,-13.6C13.2,-21.111 7.29,-27.2 0,-27.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,305.428,5.7124)">
|
|
|
|
|
<path d="M0,16C-0.3,16 -0.5,15.8 -0.5,15.5L-1.7,1.9C-1.7,1.3 -2.3,0.8 -2.9,0.8L-12.1,0.8C-12.7,0.8 -13.2,1.3 -13.3,2L-14.5,15.6C-14.5,15.9 -14.8,16.1 -15,16.1C-15.3,16.1 -15.5,15.8 -15.5,15.6L-14.3,2C-14.2,0.8 -13.2,-0.1 -12.1,-0.1L-2.9,-0.1C-1.7,-0.1 -0.7,0.8 -0.7,2L0.5,15.6C0.5,15.7 0.3,16 0,16" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,294.728,5.5124)">
|
|
|
|
|
<path d="M0,12.3C-0.3,12.3 -0.5,12.1 -0.5,11.8L-0.5,0.5C-0.5,0.2 -0.3,0 0,0C0.3,0 0.5,0.2 0.5,0.5L0.5,11.8C0.5,12.1 0.3,12.3 0,12.3" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,301.028,5.5124)">
|
|
|
|
|
<path d="M0,12.3C-0.3,12.3 -0.5,12.1 -0.5,11.8L-0.5,0.5C-0.5,0.2 -0.3,0 0,0C0.3,0 0.5,0.2 0.5,0.5L0.5,11.8C0.5,12.1 0.3,12.3 0,12.3" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,0,0,1,302.128,17.2124)">
|
|
|
|
|
<path d="M0,1L-8.4,1C-8.7,1 -8.9,0.8 -8.9,0.5C-8.9,0.2 -8.7,0 -8.4,0L0,0C0.3,0 0.5,0.2 0.5,0.5C0.5,0.8 0.3,1 0,1" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="campsites" transform="matrix(1.09617,0,0,1.13101,355.064,337.177)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0.5985,1025.35)">
|
|
|
|
|
<path d="M-312,-1282.9L-289.7,-1295.9C-289,-1296.3 -288.1,-1296.3 -287.4,-1296L-234.1,-1271.2C-234,-1271.2 -233.9,-1271.1 -233.8,-1271.1L-168.8,-1230.4C-168.2,-1230 -167.4,-1229.9 -166.7,-1230.1L-5.3,-1281.2C-5,-1281.3 -4.8,-1281.3 -4.5,-1281.3L38.6,-1280.1C40.1,-1280.1 41.2,-1281.3 41.1,-1282.7L38.3,-1305C38.1,-1306.3 39.1,-1307.5 40.5,-1307.6L88.5,-1311.6C89.9,-1311.7 91.1,-1310.6 91.1,-1309.3L91.1,-1291.9C91.1,-1290.9 91.8,-1290 92.7,-1289.7L112.1,-1283.3C113.3,-1282.9 114,-1281.6 113.6,-1280.4L109.5,-1268C109.5,-1267.9 109.5,-1267.8 109.4,-1267.8L99.3,-1219.5C99.3,-1219.4 99.2,-1219.2 99.2,-1219.1L94.6,-1207.6C94.5,-1207.4 94.5,-1207.2 94.4,-1206.9L93,-1189.4L90.7,-1155.6L90.7,-1147.9C90.7,-1146.6 91.8,-1145.6 93.1,-1145.6L95.1,-1145.6C96.3,-1145.6 97.3,-1144.8 97.5,-1143.7L102.8,-1114.8L102.8,-1114.1L95,-1052.4L95,-1052.1L94.8,-1028.3C94.8,-1027.8 94.6,-1027.3 94.3,-1026.9L80.2,-1008.4C79.8,-1007.9 79.2,-1007.6 78.6,-1007.5L56.1,-1004.6C54.9,-1004.4 54,-1003.4 54,-1002.3L54.6,-964.6L54.6,-964.2L65.4,-906.4C65.4,-906.3 65.4,-906.2 65.5,-906.1L75.8,-874.8C75.9,-874.6 76,-874.4 76.1,-874.2L89.6,-854.8C89.8,-854.6 90,-854.4 90.2,-854.2L101.9,-846C102.3,-845.7 102.7,-845.6 103.2,-845.6L133.3,-844L133.5,-844L352.2,-849.5L434.4,-848.8C435.6,-848.8 436.6,-849.6 436.8,-850.8L441.3,-880.7C441.4,-881.7 442.2,-882.5 443.2,-882.7L511.2,-895.3C511.5,-895.4 511.8,-895.4 512.2,-895.3L619.3,-873.3C620.7,-873 621.5,-871.7 621.1,-870.3L589.7,-769.3L575.9,-732C575.9,-731.9 575.8,-731.9 575.8,-731.8L566.1,-693.9C565.9,-693.2 566.1,-692.5 566.5,-691.9L568.7,-689.1C569.1,-688.5 569.3,-687.8 569.1,-687.2L568.8,-686C568.6,-685.4 568.8,-684.7 569.1,-684.2L575.7,-674.2C575.8,-674.1 575.8,-674 575.9,-673.9L584.1,-655.5C584.2,-655.3 584.4,-655 584.6,-654.8L591.7,-647.5C591.9,-647.3 592.1,-647 592.2,-646.7L602.7,-618.4L602.7,-618.3C609.6,-599.2 603.1,-578.1 586.7,-565.6C573.3,-554.5 560.8,-547.9 560.7,-550.3C560.2,-564.1 558.7,-591.2 554.5,-610.5C548.7,-637.4 539.6,-651.4 517,-650.7C495.3,-650 394.7,-650.6 386.5,-650.7C386.1,-650.7 385.8,-650.6 385.5,-650.5C383,-649.4 371.6,-644 369.3,-639.8C368.9,-639.1 368.3,-638.6 367.5,-638.5L286.4,-627.4L286.1,-627.4L174.2,-625.7C173.9,-625.7 173.7,-625.7 173.4,-625.6L137.4,-613.4C136.9,-613.2 136.4,-613.2 135.9,-613.4L108.7,-621.6C108.2,-621.7 107.7,-621.7 107.2,-621.6L68,-608.1C67.4,-607.9 66.9,-607.4 66.6,-606.9C65.3,-604 59.9,-594.2 42.3,-578.3C42.1,-578.1 41.8,-578 41.6,-577.9L16.3,-567.5C16.1,-567.4 16,-567.3 15.8,-567.2L-33.1,-533.2C-33.2,-533.1 -33.3,-533 -33.5,-533L-72.8,-515C-73,-514.9 -73.2,-514.8 -73.4,-514.6L-122.4,-470C-122.6,-469.8 -122.8,-469.7 -123,-469.6L-163.3,-450.4C-163.6,-450.3 -163.8,-450.1 -164,-449.8L-168.6,-444.7C-169.3,-443.9 -169.4,-442.8 -168.8,-441.9L-136.1,-391.9C-135.4,-390.9 -135.7,-389.5 -136.7,-388.7L-153.5,-377.1C-154.6,-376.4 -156.1,-376.6 -156.9,-377.7L-193,-427.1C-193.8,-428.2 -195.4,-428.4 -196.5,-427.6L-218.1,-410.6C-218.4,-410.3 -218.8,-410.2 -219.2,-410.1L-243.7,-406.2L-244.2,-406.2L-262.5,-406.8C-262.9,-406.8 -263.2,-406.9 -263.5,-407.1L-290.2,-420.5C-290.9,-420.9 -291.4,-421.6 -291.5,-422.3L-293.4,-441.6C-293.4,-441.9 -293.5,-442.1 -293.6,-442.3L-303,-462.4C-303.5,-463.4 -303.1,-464.7 -302.1,-465.3L-291.3,-472.1C-290,-472.9 -289.8,-474.7 -291,-475.7C-295.5,-479.8 -305,-490.2 -305.3,-504.6C-305.7,-523.5 -296.3,-572.7 -299.1,-599.7C-301.9,-626.1 -293,-712.2 -292.6,-716L-292.6,-716.2C-292.6,-717.7 -292.2,-736.8 -265.6,-779.7C-265.5,-779.8 -265.5,-779.9 -265.4,-780C-264.3,-782.8 -249.2,-819.5 -248,-822.4C-247.9,-822.5 -247.9,-822.7 -247.9,-822.8L-236.5,-876.7L-236.5,-876.9C-236,-878.6 -228.3,-905.9 -254.3,-935.5C-278.9,-963.6 -287.1,-973 -288.3,-974.4C-288.4,-974.5 -288.5,-974.7 -288.6,-974.8C-289.7,-976.9 -298.2,-992.9 -293.4,-1008.5C-288.6,-1024.2 -275.8,-1071.5 -274.3,-1076.7C-274.2,-1077 -274.2,-1077.3 -274.3,-1077.7L-278.3,-1101.9C-278.5,-1103 -277.9,-1104 -276.9,-1104.4C-275.8,-1104.8 -275.2,-1106 -275.5,-1107.1L-280.1,-1125.9C-280.2,-1126.3 -280.2,-1126.7 -280.1,-1127C-279.4,-1129.4 -277.2,-1140.9 -282.3,-1171.7C-287.9,-1205.9 -282.9,-1214.6 -288,
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,727.653,486.039)">
|
|
|
|
|
<path d="M-377.4,-183.7L-388.1,-179.9L-618.1,-147.6L-659.4,-147.6L-711.4,-158.8C-711.4,-158.8 -719.5,-164.6 -719.5,-169.2C-719.5,-173.8 -720.2,-226.6 -701.6,-235.9C-701.6,-235.9 -673.5,-240.1 -660.1,-240.7C-646.7,-241.3 -587.9,-244.3 -587.9,-244.3L-470.9,-250.7L-385.7,-255C-385.7,-255 -365.5,-253.3 -359.9,-240.7C-354.3,-228.2 -354.3,-209.3 -354.3,-209.3C-354.3,-209.3 -358.4,-192.2 -377.4,-183.7M-729.5,-341.8L-778.5,-339.9L-835.3,-337.7L-872.1,-335.2L-881.5,-335.9L-890.8,-339.9L-894.3,-343.8C-894.3,-343.8 -891.5,-399.1 -886.5,-405.5C-881.5,-411.9 -883.2,-414.6 -863.8,-414.9C-844.4,-415.2 -746.7,-412.7 -746.7,-412.7C-746.7,-412.7 -727.5,-403 -725,-395.4C-722.5,-387.8 -719.4,-349.2 -719.4,-349.2C-719.4,-349.2 -719,-343.5 -729.5,-341.8M-730.7,-228.4C-731.5,-219 -745.1,-172.4 -745.1,-172.4C-745.1,-172.4 -746,-162.9 -775.3,-145.9C-804.6,-128.9 -896.9,-64.6 -896.9,-64.6C-896.9,-64.6 -912.4,-56 -919.9,-72.9L-930.3,-159.9C-930.3,-159.9 -926.2,-172.4 -919.3,-177.4C-912.5,-182.4 -826.8,-235.3 -826.8,-235.3L-795.2,-242.7L-742.5,-242.4C-742.5,-242.6 -729.9,-237.8 -730.7,-228.4M-900.5,-310.9C-900.5,-310.9 -898.1,-319.5 -890.8,-321.5L-862,-323.1L-835.4,-323.1C-835.4,-323.1 -827.9,-323.6 -827.3,-317.6C-826.7,-311.7 -826.1,-284.8 -826.1,-284.8L-830.4,-275.8L-824.3,-250.9L-901.3,-206.5C-901.3,-206.5 -908.6,-201.3 -917.4,-206.5L-919.9,-208.7L-900.5,-310.9ZM-918.9,-432.2C-918.9,-432.2 -944.2,-445.4 -939.7,-466.2C-935.1,-487 -905.9,-484 -900.4,-484.7C-894.9,-485.5 -844.7,-494.9 -844.7,-494.9C-844.7,-494.9 -809,-501.4 -775.9,-494.9L-751.1,-490.7L-746.6,-484.7C-746.6,-484.7 -701.4,-453.1 -700.8,-450.4C-700.2,-447.7 -723,-421.6 -723,-421.6L-731.2,-426.2L-827,-429.1L-918.9,-432.2ZM-164.6,-109.7C-169,-121.6 -178.4,-126.9 -192.1,-132.6C-205.9,-138.3 -234.2,-158.1 -237.1,-162.4C-240.1,-166.7 -241.8,-187.7 -241.8,-187.7L-182.5,-184.5C-176.8,-192.3 -172.4,-198.4 -160.1,-198.2C-147.8,-198 -146.7,-204.7 -146.7,-204.7L-105.1,-333.6L-215.3,-356L-285.5,-343L-290.5,-309.4C-290.5,-309.4 -288.5,-296 -285.3,-287.7C-282.1,-279.4 -270.8,-279.8 -270.8,-279.8L-252.4,-278.1C-252.4,-278.1 -201.7,-277.6 -188.7,-277C-175.7,-276.3 -161.2,-270.7 -154.8,-263.4C-148.4,-256.1 -150.5,-247.8 -150.5,-247.8C-151.9,-208.5 -206.2,-209.3 -206.2,-209.3L-262.8,-210.6C-262.8,-210.6 -297,-207 -318,-209.3C-339.1,-211.5 -339.2,-218.8 -339.2,-218.8L-339.2,-230.8L-341.9,-250.2C-346.3,-267.7 -364.9,-269.6 -364.9,-269.6L-407.2,-267.9L-645.4,-255.2L-665.5,-258.4L-675.4,-267L-673.4,-277L-683.4,-290.3L-690.4,-285.5L-702.8,-348.4L-708.6,-391.9C-707.7,-402.8 -712.5,-412.2 -713.4,-413.8C-714.3,-415.4 -717.9,-418.8 -717.9,-418.8L-689.2,-450.3L-742.9,-488.5L-741.1,-490.8L-740.3,-500.6L-731.8,-502.6L-726,-506.6L-709.8,-515.4L-689.2,-540.7L-678.2,-557.8L-678.3,-562.7L-682.4,-566.8L-675.8,-592.2L-675.1,-605.6L-679.6,-616.5C-679.6,-616.5 -685.5,-625.5 -687.5,-630.1C-689.5,-634.7 -704.2,-648.3 -704.2,-648.3L-704.2,-651.9L-686.8,-662.4L-686.6,-665.9L-680.4,-666.1L-682.1,-675.2L-688,-675.1L-687.8,-672.1L-693.6,-665.4L-692.7,-662.8C-692.7,-662.8 -704.2,-656.6 -706.6,-655.9C-709,-655.2 -711.7,-652.1 -711.7,-652.1L-725.5,-648.5C-725.5,-648.5 -779.4,-631.5 -783,-630.5C-786.6,-629.6 -815.8,-628 -815.8,-628L-815.6,-630.5L-775.5,-639.3L-770.1,-642.2L-776.4,-652.9L-793.7,-653.8L-800.8,-663.6L-828.9,-652.1L-836.1,-661.2L-848.1,-655.4C-860.1,-649.6 -868.6,-655.2 -868.6,-655.2L-895.2,-670.1L-903,-659C-903,-659 -898.3,-654.1 -889,-642.3C-879.7,-630.5 -861.4,-614.5 -861.4,-614.5L-853.3,-608.3L-830,-603.4L-809.7,-604.2L-721.9,-623.3L-713.3,-623.3C-702.2,-621.3 -698.7,-613.2 -695.7,-603.4C-692.7,-593.6 -698.1,-582.3 -698.1,-582.3L-758.3,-581L-800.5,-575.5C-800.5,-575.5 -858.2,-574.6 -862.8,-574.6C-867.4,-574.6 -872.2,-576.1 -872.2,-576.1L-966.8,-690.3L-995.6,-666.6L-985.5,-611.2L-934.7,-619.8L-887.9,-569.1L-874.5,-559.9L-800.5,-559.9L-767.9,-564.4C-767.9,-564.4 -731.9,-565.6 -725.3,-565.9C-718.7,-566.1 -712.7,-555.4 -712,-550.6C-711.3,-545.9 -713.7,-535.4 -729.1,-525.8C-744.4,-516.2 -763.4,-516.4 -763.4,-516.4C-763.4,-516.4 -876.6,-506.3 -919.3,-500.2C-962,-494.1 -961,-462.2 -961,-462.2C-961,-462.2 -963.7
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.81672,0.577046,0.577046,0.81672,140.71,885.15)">
|
|
|
|
|
<rect x="-42.5" y="-532.5" width="74.9" height="77.3" 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-520.3,-89.9L-443,-88.8" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.833197,0.552984,0.552984,0.833197,187.502,935.507)">
|
|
|
|
|
<rect x="15.3" y="-522.9" width="31.4" height="19.6" 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-515.6,-60.7L-496.3,-60.4" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="cp_30" transform="matrix(1,0,0,1,451.305,763.502)">
|
|
|
|
|
<path d="M-353.1,-411.1L-343.1,-369.6L-325.8,-371.5L-304,-383.7L-308.3,-416.8L-353.1,-411.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-335.044,-391.913)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">30</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_31" transform="matrix(0.116002,0.993249,0.993249,-0.116002,556.066,754.305)">
|
|
|
|
|
<path d="M-453.7,-311.5L-418.6,-311.4L-419.5,-362.6L-452.9,-363.1L-453.7,-311.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.1058,0.9061,0.8782,-0.1026,-430.481,-343.724)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">31</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_32" transform="matrix(1,0,0,1,609.278,748.25)">
|
|
|
|
|
<path d="M-367,-415.6L-363.6,-392.6L-365.8,-392.6L-363.6,-377L-411.1,-373.7L-415.3,-408.6L-367,-415.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-395.944,-388.361)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">32</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_33" transform="matrix(1,0,0,1,654.31,744.654)">
|
|
|
|
|
<path d="M-370.9,-417.7L-364.9,-377L-404.4,-373.2L-406.8,-389L-408.6,-389L-412,-412L-370.9,-417.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-390.943,-390.622)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">33</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_34" transform="matrix(1,0,0,1,701.213,740.337)">
|
|
|
|
|
<path d="M-375.1,-419.6L-368.8,-380.3L-398.7,-373L-411.8,-372.6L-417.8,-413.3L-375.1,-419.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-398.229,-391.008)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">34</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_35" transform="matrix(0.6247,0.780865,0.780865,-0.6247,755.778,693.911)">
|
|
|
|
|
<path d="M-542.6,-73.5L-499.7,-72.8L-525.1,-121.9L-559.7,-102.3L-542.6,-73.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.5699,0.7124,0.6904,-0.5523,-533.869,-104.422)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">35</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_36" transform="matrix(1,0,0,1,801.349,661.063)">
|
|
|
|
|
<path d="M-383.8,-315.3L-414.6,-311.9L-441.9,-345C-441.9,-345 -429.8,-346.3 -421.7,-360.3L-405.2,-367L-374.5,-367L-383.8,-315.3Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-411.522,-337.033)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">36</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_B1" transform="matrix(1,0,0,1,813.866,707.822)">
|
|
|
|
|
<path d="M-384.9,-406.2L-338.3,-406.2L-330.2,-374.9L-391.8,-368.9L-384.9,-406.2Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-368.768,-382.576)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">B1</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,878.753,694.442)">
|
|
|
|
|
<path d="M-390.6,-391.4C-390.6,-391.4 -338.1,-386.9 -333.4,-389.6C-328.7,-392.3 -325.4,-397.5 -325.4,-397.5C-325.4,-397.5 -321.7,-404.6 -312.7,-404.4C-303.6,-404.1 -302.3,-401 -302.3,-401L-312.3,-361.9L-308.8,-357.3L-309.6,-354.1L-327,-354.1C-327,-354.1 -353.4,-354.6 -370.2,-363C-384.9,-370.5 -390.8,-384.2 -390.6,-391.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,820.774,561.926)">
|
|
|
|
|
<g id="cp_D1">
|
|
|
|
|
<path d="M-381.6,-352.8L-371.3,-345.8L-367.1,-344.1L-362.2,-343.7L-352,-343.6L-355.5,-291.9L-381.2,-292.6L-385.5,-291.7L-381.6,-352.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-374.083,-314.109)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">D1</text>
|
|
|
|
|
</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
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="cp_D2">
|
|
|
|
|
<path d="M-352,-343.7L-355.6,-292L-325.5,-291.9L-322.9,-343.2L-352,-343.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-346.063,-313.825)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">D2</text>
|
|
|
|
|
</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
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="cp_D3">
|
|
|
|
|
<path d="M-322.8,-343.1L-296.8,-342.5L-296.6,-291.9L-325.9,-291.7L-322.8,-343.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-315.813,-313.669)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">D3</text>
|
|
|
|
|
</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
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="cp_D4">
|
|
|
|
|
<path d="M-296.8,-342.6L-280.8,-341L-268.8,-338.4L-258,-334.8L-250.1,-330.8L-243.3,-324.6L-245.7,-316.4L-249,-309.7L-253.6,-303.2L-259.7,-298L-266.2,-294.8L-272.3,-293.2L-296.8,-292L-296.8,-342.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-284.306,-313.291)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">D4</text>
|
|
|
|
|
</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
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<path d="M-385.5,-291.6L-381.6,-353C-381.6,-353 -370.5,-344.1 -365.3,-343.9C-360.1,-343.7 -303,-342.7 -303,-342.7C-303,-342.7 -259,-343.2 -243.5,-324.8C-243.5,-324.8 -247.4,-295.4 -274.8,-293C-301.1,-290.6 -373.5,-292.5 -373.5,-292.5C-373.5,-292.5 -382.8,-293.6 -385.5,-291.6Z" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="cp_38" transform="matrix(1,0,0,1,819.008,630.308)">
|
|
|
|
|
<path d="M-385.4,-419.8L-388.5,-360L-415.7,-365.8L-430.5,-375.2C-430.5,-375.2 -431.6,-391.9 -433.2,-394.6L-385.4,-419.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-413.979,-382.897)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">38</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_39" transform="matrix(1,0,0,1,772.207,591.278)">
|
|
|
|
|
<path d="M-381.3,-404.5L-356.3,-404.5L-346.6,-401.8L-338.5,-386.7L-338.5,-380.8L-386.4,-355.5C-386.4,-355.5 -390.9,-370.3 -402.7,-373.1L-381.3,-404.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-376.882,-377.827)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">39</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_40" transform="matrix(1,0,0,1,707.569,546.244)">
|
|
|
|
|
<path d="M-375.6,-337.3L-375.6,-328.7L-344.8,-329.8C-344.8,-329.8 -342.9,-330.1 -338,-328.1L-316.6,-359.5L-329.8,-359.5L-344.6,-357.6L-373.6,-356.7L-373.6,-337.3L-375.6,-337.3Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-361.16,-341.591)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">40</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_41" transform="matrix(1,0,0,1,704.774,574.227)">
|
|
|
|
|
<path d="M-375.4,-384.6L-375.4,-365.2L-372.8,-365.2L-372.8,-356.6L-431.6,-353.4L-431.6,-383.4L-375.4,-384.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-409.316,-364.467)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">41</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_42" transform="matrix(-0.0640942,0.997944,0.997944,0.0640942,632.966,533.021)">
|
|
|
|
|
<path d="M-314.2,-432.6L-282,-432.7L-288.5,-379.1L-318.4,-381L-314.2,-432.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(-0.0584708,0.9104,0.8823,0.0566697,-295.219,-409.789)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">42</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_43" transform="matrix(1,0,0,1,533.141,579.086)">
|
|
|
|
|
<path d="M-360.3,-386.1L-311.8,-387.4L-313.9,-355.2L-362.2,-352.7L-362.2,-371.7L-360.3,-371.7L-360.3,-386.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-344.05,-363.471)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">43</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_44" transform="matrix(1,0,0,1,528.267,582.833)">
|
|
|
|
|
<path d="M-359.9,-389.8L-359.9,-375.5L-357.3,-375.5L-357.3,-356.5L-406.7,-354.2L-405.5,-390.3L-359.9,-389.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-389.442,-364.741)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">44</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_45" transform="matrix(1,0,0,1,451.082,585.667)">
|
|
|
|
|
<path d="M-353.1,-394.1L-328.3,-393L-329.5,-356.9L-368.8,-354.7L-388.9,-357.9L-398.8,-366.5L-353.1,-394.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-364.708,-369.178)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">45</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_46" transform="matrix(1,0,0,1,403.846,508.68)">
|
|
|
|
|
<path d="M-349,-298.9L-337,-304L-312.2,-324.5L-321.2,-331.7L-331.2,-345.8L-370,-324.1L-366.6,-308.1L-359.6,-312.9L-349,-298.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-347.74,-316.166)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">46</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_47" transform="matrix(1,0,0,1,370.945,529.171)">
|
|
|
|
|
<path d="M-346.1,-391.5L-333.1,-391.5L-313.5,-395.1L-310.9,-382.6L-298.4,-366.3L-337.2,-344.6L-346.1,-391.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-332.784,-371.346)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">47</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_48" transform="matrix(1,0,0,1,356.766,430.893)">
|
|
|
|
|
<path d="M-344.8,-361.7L-316.2,-392.4L-313.6,-389.3L-311.9,-368.7L-294.1,-313.2L-323,-306.2L-330.7,-337.2L-337.6,-336.7L-337.8,-343.1C-337.9,-343.1 -339,-356.3 -344.8,-361.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-323.332,-339.841)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">48</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_50" transform="matrix(1,0,0,1,319.769,394.665)">
|
|
|
|
|
<path d="M-341.6,-372.8L-301.7,-363.1L-296.8,-358.7L-296.8,-355L-317.3,-332.7L-323.4,-334.9L-345.8,-335.6L-341.6,-372.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-331.875,-348.423)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">50</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_51" transform="matrix(0.965455,0.26057,0.26057,-0.965455,285.559,334.466)">
|
|
|
|
|
<path d="M-417.6,221.4L-378.2,221.7L-372.5,184.7L-412.2,176L-417.6,221.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.8808,0.2377,0.2304,-0.8536,-400.18,199.68)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">51</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_52" transform="matrix(0.977534,0.210778,0.210778,-0.977534,244.045,325.915)">
|
|
|
|
|
<path d="M-401.3,242.6L-363.4,242.8L-360.3,197.2L-392.5,190.6L-401.3,242.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.8918,0.1923,0.1864,-0.8643,-385.534,216.502)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">52</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_53" transform="matrix(0.999746,-0.0225323,-0.0225323,-0.999746,200.621,330.487)">
|
|
|
|
|
<path d="M-323.1,333L-290.2,333L-293.7,280.3L-324.2,282.3L-323.1,333Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.912,-0.0205552,-0.019922,-0.8839,-312.716,305.365)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">53</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_54" transform="matrix(1,0,0,1,164.065,382.716)">
|
|
|
|
|
<path d="M-327.9,-373.7L-301.6,-377.6L-294,-377.8L-294,-327.1L-327.9,-327.4L-327.9,-373.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-317.53,-350.4)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">54</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_55" transform="matrix(1,0,0,1,134.074,336.401)">
|
|
|
|
|
<path d="M-325.3,-282.6L-338.7,-301.1L-343.7,-314.6L-343.7,-319.1L-339.2,-324.1L-332.5,-327.1L-298,-327.3L-298,-281.1L-325.3,-282.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-323.767,-303.731)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">55</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_78" transform="matrix(1,0,0,1,328.967,301.571)">
|
|
|
|
|
<path d="M-342.4,-306.1L-341.6,-316.2L-333.1,-318.2L-327.3,-322.2L-306,-323.1L-295.8,-333.5L-268.1,-333.5L-249.8,-329.8L-238.5,-322.1L-239.8,-308.4L-244.9,-298.7L-253.8,-294.3L-270.8,-294.3L-342.4,-306.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="cp_79" transform="matrix(1,0,0,1,385.933,205.735)">
|
|
|
|
|
<path d="M-347.4,-260.6L-332.4,-258.4L-292.2,-257.7L-292.2,-293.5L-323.1,-295.1L-331.4,-302.9L-333.5,-313.7L-340.6,-286.6L-336.5,-282.5L-336.4,-277.6L-347.4,-260.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-317.712,-272.905)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">79</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_80" transform="matrix(1,0,0,1,443.861,206.205)">
|
|
|
|
|
<path d="M-352.5,-336.4L-352.5,-326.5L-350.2,-326.5L-350.2,-296.4L-379.2,-298.1L-387.2,-304.5L-390.7,-324.5L-395.6,-336.3L-404,-350.7L-389,-338.2L-352.5,-336.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-375.008,-316.584)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">80</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_89" transform="matrix(1,0,0,1,444.322,138.93)">
|
|
|
|
|
<path d="M-352.5,-272.6L-388,-273L-396,-280.9L-411.1,-291.7L-420.9,-301.3L-393.2,-300.7L-350.7,-303L-352.5,-272.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-376.148,-285.816)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">89</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_98" transform="matrix(1,0,0,1,457.222,120.161)">
|
|
|
|
|
<path d="M-353.6,-335.5L-357.3,-314.1L-362,-302.1L-409.8,-300.9L-415.1,-327.8L-353.6,-335.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-393.887,-312.476)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">98</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_97" transform="matrix(1,0,0,1,385.874,126.89)">
|
|
|
|
|
<path d="M-347.4,-334L-346,-313.1L-351.8,-306.4L-384,-302.6L-386.4,-301.7L-400.6,-328.9L-347.4,-334Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-380.346,-314.156)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">97</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_96" transform="matrix(1,0,0,1,323.794,147.709)">
|
|
|
|
|
<path d="M-341.9,-348.9L-328.1,-320.4L-366,-304L-372.3,-314.7L-389.6,-315.6L-396,-325.9L-381.3,-334.5L-341.9,-348.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-360.404,-323.384)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">96</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_90" transform="matrix(1,0,0,1,340.036,209.043)">
|
|
|
|
|
<path d="M-343.4,-343.4L-334.2,-308.2L-325.6,-308.2L-314.6,-312L-313.2,-323.9L-314.3,-333.5L-318.6,-342.7L-325.5,-346.3L-334.1,-346.3L-343.4,-343.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-332.409,-323.047)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">90</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_91" transform="matrix(1,0,0,1,308.776,172.62)">
|
|
|
|
|
<path d="M-340.6,-271.7L-302.9,-271.7L-312.1,-306.9L-333.7,-302.1L-338,-296.5L-340.6,-296.6L-340.6,-271.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-327.48,-282.062)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">91</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_92" transform="matrix(1,0,0,1,276.293,213.257)">
|
|
|
|
|
<path d="M-337.8,-333.5L-310.9,-338.5L-308.2,-337.2L-308.2,-312.3L-341.2,-306.5L-349.3,-306.5L-348.7,-328.5L-337.9,-331.4L-337.9,-333.5L-337.8,-333.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-337.113,-318.26)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">92</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_93" transform="matrix(1,0,0,1,233.616,214.481)">
|
|
|
|
|
<path d="M-334,-328.7L-334.6,-308.4L-306.5,-307.8L-305.8,-332.7L-313.9,-331.2L-334,-328.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-328.368,-315.028)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">93</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_94" transform="matrix(1,0,0,1,205.347,219.645)">
|
|
|
|
|
<path d="M-331.6,-339.1L-339,-312.4L-306.4,-313.6L-305.8,-333.9L-322.4,-335.9L-331.6,-339.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-329.08,-320.192)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">94</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_95" transform="matrix(1,0,0,1,201.949,196.948)">
|
|
|
|
|
<path d="M-331.3,-318L-340.6,-289.6L-344.2,-290.8L-378.8,-331.8L-353.6,-338L-351.2,-335.4L-353.4,-333.4L-340.1,-320.8L-337.1,-323.3L-331.3,-318Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-355.352,-310.209)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">95</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_81" transform="matrix(1,0,0,1,299.525,243.163)">
|
|
|
|
|
<path d="M-339.8,-291.1L-339.8,-321.7L-297.2,-323.2L-290.4,-318.4L-290.4,-308.8L-292.7,-297.9L-300.9,-289.3L-312.4,-283.1L-326.3,-291.1L-339.8,-291.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-323.474,-301.465)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">81</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_82" transform="matrix(1,0,0,1,241.044,268.969)">
|
|
|
|
|
<path d="M-334.7,-342.1L-334.7,-312.8L-317.3,-314.9L-281.3,-317L-281.3,-347.6L-313.9,-343.1L-334.7,-342.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-310.578,-327.615)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">82</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_83" transform="matrix(1,0,0,1,182.667,277.556)">
|
|
|
|
|
<path d="M-329.6,-351.5L-328.6,-325.4L-316.3,-321.3L-294.5,-321.3L-289.4,-319L-276.3,-321.3L-276.3,-350.6L-329.6,-351.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-309.859,-332.984)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">83</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_84" transform="matrix(1,0,0,1,139.009,270.362)">
|
|
|
|
|
<path d="M-325.7,-381.5L-299.3,-353.6L-285.9,-344.4L-284.9,-318.3L-362.8,-345.6L-325.7,-381.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="cp_85" transform="matrix(1,0,0,1,116.656,239.496)">
|
|
|
|
|
<path d="M-323.8,-373.4L-303.4,-350.6L-340.5,-314.7L-358.7,-324.1L-360.6,-339.3L-374.6,-364.8L-323.8,-373.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="cp_77" transform="matrix(1,0,0,1,48.4279,314.918)">
|
|
|
|
|
<path d="M-317.8,-358.7L-302.1,-360.8C-302.1,-360.8 -251.3,-341.5 -238.2,-336.5C-236.2,-335.7 -234,-335.3 -231.8,-335.3L-185,-335.3L-242.2,-328.9C-242.2,-328.9 -260.6,-325.2 -265.3,-321.3L-328.2,-322.3L-317.8,-358.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-305.58,-339.683)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">77</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_76" transform="matrix(1,0,0,1,31.0228,316.079)">
|
|
|
|
|
<path d="M-316.3,-275.1L-319.1,-289.7L-317.7,-302.6L-310.8,-323.5L-247.9,-322.5C-247.9,-322.5 -261,-312.4 -262.9,-301.6C-264.8,-290.7 -265,-286.8 -265,-286.8L-316.3,-275.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-295.875,-302.94)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">76</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_75" transform="matrix(1,0,0,1,66.9933,357.619)">
|
|
|
|
|
<path d="M-319.4,-275.4L-336.1,-292.6L-352.2,-316.6L-301,-328.3C-301,-328.3 -298.9,-307.8 -279,-295.7L-319.4,-275.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-323.384,-298.24)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">75</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_74" transform="matrix(1,0,0,1,144.272,395.677)">
|
|
|
|
|
<path d="M-326.2,-281.7L-375.3,-280.7L-376.8,-288.3L-396.7,-313.5L-356.3,-333.8C-356.3,-333.8 -333.2,-317.2 -326.2,-294.6L-326.2,-281.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-364.132,-303.755)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">74</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_73" transform="matrix(1,0,0,1,90.2,513.336)">
|
|
|
|
|
<path d="M-321.4,-394.2L-300.7,-391.7L-279.7,-391.7L-274,-367.1L-278.7,-346.4L-323.6,-347.4L-319.6,-365.7L-321.4,-394.2Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-302.675,-369.421)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">73</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_72" transform="matrix(1,0,0,1,128.491,518.441)">
|
|
|
|
|
<path d="M-324.8,-308.4L-357.4,-302.9L-376,-303.7L-369,-319.1L-361.8,-352.5L-316.9,-351.5L-324.8,-308.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-349.947,-327.344)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">72</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_71" transform="matrix(1,0,0,1,68.8498,615.91)">
|
|
|
|
|
<path d="M-319.6,-393.6L-297.6,-391.5L-274.5,-393.6L-271.5,-373.9L-274.9,-358.3L-330.2,-363.4L-319.6,-393.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-305.535,-377.017)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">71</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_70" transform="matrix(1,0,0,1,110.854,610.109)">
|
|
|
|
|
<path d="M-323.3,-319.7L-382.8,-330.6L-376.7,-342.7L-372.3,-357.7L-317,-352.6L-323.3,-319.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-355.418,-338.862)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">70</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_69" transform="matrix(1,0,0,1,104.704,640.741)">
|
|
|
|
|
<path d="M-322.7,-318.7L-365.1,-325.3L-385.8,-328L-385.8,-334L-376.5,-361.3L-317,-350.4L-322.7,-318.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-356.76,-338.112)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">69</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_2" transform="matrix(1,0,0,1,125.426,803.949)">
|
|
|
|
|
<path d="M-324.5,-450.8L-311.5,-432.2C-311.5,-432.2 -305.7,-425.5 -298.1,-430.1C-290.6,-434.7 -286.2,-437.7 -286.2,-437.7L-264.8,-406.4L-298,-384.3C-298,-384.3 -311.8,-380.1 -314.4,-394.3C-317,-408.5 -317.7,-419.4 -317.7,-419.4L-321.1,-419L-324.5,-450.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-300.488,-404.701)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">2</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_3" transform="matrix(0.546081,0.837733,0.837733,-0.546081,224.938,731.913)">
|
|
|
|
|
<path d="M-518.4,-86.5L-476.7,-85.9L-475.8,-122.4L-517,-123.5L-518.4,-86.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.4982,0.7642,0.7407,-0.4828,-498.017,-109.893)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">3</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_4" transform="matrix(0.580952,0.813938,0.813938,-0.580952,257.261,704.561)">
|
|
|
|
|
<path d="M-519.1,-70.8L-475.1,-70.1L-476.4,-107.9L-518.1,-106.7L-519.1,-70.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.53,0.7425,0.7197,-0.5137,-496.756,-95.941)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">4</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_5" transform="matrix(1,0,0,1,278.832,730.084)">
|
|
|
|
|
<path d="M-338,-433.2L-334.6,-385.2L-354.7,-371.5L-380.8,-406.9L-365,-418.7L-338,-433.2Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-357.522,-395.631)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">5</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_6" transform="matrix(1,0,0,1,319.885,713.83)">
|
|
|
|
|
<path d="M-341.6,-424.5L-343.1,-410.6L-346,-403L-367.6,-373.6L-375.7,-368.9L-379.1,-416.9L-356.5,-425.1L-341.6,-424.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-369.403,-398.637)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">6</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_7" transform="matrix(1,0,0,1,328.592,602.38)">
|
|
|
|
|
<path d="M-342.4,-325.3L-336.2,-346.1L-343.5,-358.9L-381,-359.8L-373.7,-322.2L-342.4,-325.3Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-360.922,-337.764)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">7</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_8" transform="matrix(1,0,0,1,241.811,642.433)">
|
|
|
|
|
<path d="M-334.8,-393.4L-309.4,-354.9L-286.9,-362.2L-294.2,-399.8L-309.4,-399.2L-334.8,-393.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-311.212,-371.654)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">8</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_9" transform="matrix(1,0,0,1,210.756,651.429)">
|
|
|
|
|
<path d="M-332,-387.7L-307.4,-347.7L-300.8,-352.1L-278.3,-364L-303.7,-402.5L-309.9,-400.8L-332,-387.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-309.706,-370.195)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">9</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_10" transform="matrix(0.623733,0.781638,0.781638,-0.623733,195.315,624.763)">
|
|
|
|
|
<path d="M-484.3,-59.8L-434.9,-59L-433,-28L-479.6,-22.3L-484.3,-59.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.569,0.7131,0.6911,-0.5515,-460.163,-49.6128)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">10</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_11" transform="matrix(0.472145,0.881521,0.881521,-0.472145,180.032,644.437)">
|
|
|
|
|
<path d="M-473.6,-151.9L-422.1,-151.2L-427.1,-113.8L-475.5,-123.5L-473.6,-151.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.4307,0.8042,0.7794,-0.4175,-447.497,-140.21)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">11</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_12" transform="matrix(1,0,0,1,149.951,662.313)">
|
|
|
|
|
<path d="M-326.7,-301L-351.9,-336.5C-351.9,-336.5 -349.9,-347.4 -341.7,-353.7C-333.5,-360 -327.5,-363.6 -327.5,-363.6L-302.6,-318.6L-326.7,-301Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-332.92,-328.655)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">12</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_64" transform="matrix(1,0,0,1,149.08,646.374)">
|
|
|
|
|
<path d="M-326.6,-425.6L-303.7,-425.6L-301.8,-379.3L-323.8,-366.2C-323.8,-366.2 -329.9,-361.8 -338.9,-366.8L-326.6,-425.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-323.941,-394.134)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">64</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_65" transform="matrix(1,0,0,1,226.938,626.6)">
|
|
|
|
|
<path d="M-333.4,-411L-328.8,-393.7L-343.3,-381.5L-379.5,-359.5L-381.4,-405.8L-366.3,-405.8L-333.4,-411Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-362.192,-386.517)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">65</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_62" transform="matrix(1,0,0,1,226.604,511.157)">
|
|
|
|
|
<path d="M-333.4,-302.9L-329.3,-310.1L-330.2,-345.2C-330.2,-345.2 -330.4,-348.2 -335.1,-348.2L-361,-348.2L-366.9,-300.9L-333.4,-302.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-354.415,-318.23)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">62</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_63" transform="matrix(1,0,0,1,151.21,508.838)">
|
|
|
|
|
<path d="M-326.8,-296.5L-318.6,-341.9C-318.6,-341.9 -316.6,-344.5 -311.9,-344.5C-307.2,-344.5 -285.6,-345.8 -285.6,-345.8L-291.5,-298.5L-326.8,-296.5Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-309.77,-316.123)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">63</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_56" transform="matrix(1,0,0,1,166.889,493.492)">
|
|
|
|
|
<path d="M-328.2,-373.6L-274.5,-375.1L-274.5,-345.2L-311.3,-342.7L-320.7,-343.4L-330,-347.4L-328.2,-373.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-309.054,-356.673)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">56</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_57" transform="matrix(0.0249922,0.999688,0.999688,-0.0249922,275.561,504.21)">
|
|
|
|
|
<path d="M-395.6,-317.3L-366.1,-317.3L-365.3,-374.1L-395.2,-373.4L-395.6,-317.3Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.0227994,0.912,0.8839,-0.0220971,-376.29,-350.051)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">57</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_58" transform="matrix(1,0,0,1,346.035,489.823)">
|
|
|
|
|
<path d="M-343.9,-376L-341.5,-348.9L-347.9,-345.7L-396.9,-343.8L-397.7,-373.3L-343.9,-376Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-375.113,-354.698)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">58</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_59" transform="matrix(1,0,0,1,344.367,407.088)">
|
|
|
|
|
<path d="M-343.7,-301.4L-399.9,-300.2L-401.4,-335.3L-363.4,-333.8C-363.4,-333.8 -350.3,-327.2 -345.9,-317.7L-343.7,-301.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-378.806,-318.83)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">59</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_60" transform="matrix(0.0195274,0.999809,0.999809,-0.0195274,274.658,396.586)">
|
|
|
|
|
<path d="M-333.2,-376.6L-295.4,-376.6L-296,-324.5L-331.1,-325.3L-333.2,-376.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.0178138,0.9121,0.884,-0.0172651,-314.493,-354.267)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">60</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_61" transform="matrix(1,0,0,1,167.723,404.587)">
|
|
|
|
|
<path d="M-328.3,-294.1L-326.6,-324C-326.6,-324 -323.7,-331.7 -315.9,-332.7C-308.1,-333.7 -276,-333.7 -276,-333.7L-275.2,-295.9L-328.3,-294.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-305.936,-315.656)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">61</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_29" transform="matrix(1,0,0,1,417.713,656.631)">
|
|
|
|
|
<path d="M-350.2,-411.4L-346.5,-363L-403.9,-368L-399.1,-390.7L-391.8,-406.6C-391.8,-406.6 -383.1,-409.4 -366.7,-410.4L-350.2,-411.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-380.391,-381.733)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">29</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_28" transform="matrix(0,1,1,0,466.864,649.107)">
|
|
|
|
|
<path d="M-405.6,-361.4L-356.7,-361.4L-355.5,-395.6L-403.9,-399.3L-405.6,-361.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0,0.9123,0.8842,0,-377.153,-388.372)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">28</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_27" transform="matrix(1,0,0,1,496.862,655.654)">
|
|
|
|
|
<path d="M-357.1,-414L-353.9,-374.3L-353,-367.4L-379.4,-362.9L-391.3,-363.2L-391.3,-412.1L-357.1,-414Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-379.676,-383.67)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">27</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_26" transform="matrix(1,0,0,1,534.776,650.573)">
|
|
|
|
|
<path d="M-360.5,-410.7L-359.6,-397.3L-361.8,-397.3L-360.7,-381.6L-358.7,-381.6L-357.8,-367.9L-391,-362.2L-391.9,-369.1L-395,-409L-360.5,-410.7Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-384.106,-382.094)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">26</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_25" transform="matrix(1,0,0,1,574.669,644.172)">
|
|
|
|
|
<path d="M-364,-406.2L-358.9,-367.5L-397.7,-361.5L-398.6,-375.2L-396.3,-375.4L-397.1,-391L-399.4,-390.9L-400.3,-404.3L-364,-406.2Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-386.561,-378.581)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">25</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_24" transform="matrix(0.054174,0.998532,0.998532,-0.054174,625.602,636.877)">
|
|
|
|
|
<path d="M-421,-346.6L-387.1,-346.5L-381.9,-389.6L-420.8,-392.6L-421,-346.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.0494211,0.9109,0.8829,-0.0478987,-399.549,-374.448)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">24</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_23" transform="matrix(0.0917995,0.995778,0.995778,-0.0917995,676.252,631.431)">
|
|
|
|
|
<path d="M-431.1,-332.6L-399.6,-332.5L-399.1,-382.6L-433,-381.4L-431.1,-332.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.0837452,0.9084,0.8804,-0.0811654,-413.138,-363.355)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">23</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_22" transform="matrix(1,0,0,1,710.424,589.712)">
|
|
|
|
|
<path d="M-375.9,-329.2L-402,-325.7L-405,-357L-368.6,-358.8C-368.6,-358.8 -357,-357.3 -355.5,-355.2L-357,-353.3C-357,-353.3 -344.9,-348.6 -344.6,-339.7L-344.1,-334.9L-347.9,-330.1L-375.9,-329.2Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-383.635,-338.596)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">22</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_21" transform="matrix(1,0,0,1,675.339,669.025)">
|
|
|
|
|
<path d="M-372.8,-400.3L-340.6,-404.6L-312.5,-405.8L-311.8,-399.8L-305.9,-397.6C-305.9,-397.6 -304.9,-389.2 -311.6,-381.7C-318.3,-374.2 -325,-370.2 -325,-370.2L-325.2,-366.6C-325.2,-366.6 -332.8,-363.2 -335.9,-362.8C-339.1,-362.4 -369.5,-358.8 -369.5,-358.8L-372.8,-400.3Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-350.362,-380.111)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">21</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_20" transform="matrix(0.995247,-0.0973857,-0.0973857,-0.995247,627.175,635.471)">
|
|
|
|
|
<path d="M-329.6,396.8L-287.3,396.7L-288,355.2L-331,353.4L-329.6,396.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9079,-0.088842,-0.0861053,-0.88,-316.527,369.713)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">20</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_19" transform="matrix(0.984505,-0.175359,-0.175359,-0.984505,579.23,645.989)">
|
|
|
|
|
<path d="M-291.8,423.6L-248.3,423.4L-253.2,380.1L-295.9,381.5L-291.8,423.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.8981,-0.16,-0.155,-0.8705,-280.914,396.912)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">19</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_18" transform="matrix(1,0,0,1,537.24,688.433)">
|
|
|
|
|
<path d="M-360.7,-401.9L-319.6,-408.4L-316.3,-366.2L-358.8,-360.2L-359.5,-372.8L-357.3,-373.1L-358.3,-389.1L-360.7,-389L-360.7,-401.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-343.519,-379.529)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">18</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_17" transform="matrix(1,0,0,1,491.791,694.671)">
|
|
|
|
|
<path d="M-356.7,-400.8L-315.2,-408.1L-315.2,-395.2L-318.1,-395.2L-316.9,-378.9L-313.9,-379L-313.2,-366.4L-354.6,-360.1L-356.7,-400.8Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-339.646,-378.347)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">17</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="cp_16" transform="matrix(1,0,0,1,447.728,703.384)">
|
|
|
|
|
<path d="M-352.8,-406.1L-334.6,-406.1L-312.6,-409.5L-310.5,-368.8L-338.1,-364.9L-357.2,-364.9L-352.8,-406.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-336.87,-380.956)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">16</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_15" transform="matrix(1,0,0,1,400.892,707.246)">
|
|
|
|
|
<path d="M-348.7,-410.9L-329.6,-409L-306,-410.1L-310.4,-369L-332.6,-369L-353.5,-372.9L-348.7,-410.9Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-334.111,-384.541)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">15</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="cp_14" transform="matrix(1,0,0,1,358.314,702.889)">
|
|
|
|
|
<path d="M-345,-410.1L-306.2,-406.5L-311,-368.3L-342.2,-375.7L-345.1,-385.1L-346.8,-398.3L-345,-410.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
<g transform="matrix(0.9123,0,0,0.8842,-331.36,-385.671)">
|
|
|
|
|
<text x="0px" y="0px" style="font-family:'LucidaGrande', 'Lucida Grande', sans-serif;font-weight:500;font-size:12px;fill:rgb(82,84,83);">14</text>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,447.728,777.284)">
|
|
|
|
|
<path d="M-352.8,-424.4L-342.2,-383.5L-352.8,-382.3L-392.6,-368.9L-428.3,-419.5L-425.8,-432.4L-389.6,-425.9C-389.6,-426 -368.7,-422.2 -352.8,-424.4Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,207.726,801.278)">
|
|
|
|
|
<path d="M-331.8,-390.1L-226.7,-457.6L-214.4,-460.5L-185.8,-456.4L-188.3,-443.5L-152.6,-392.9C-152.6,-392.9 -200.6,-366.7 -271.9,-309.3L-303.6,-333.7L-331.8,-390.1Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.998236,0.0586926,0.0586926,0.998236,248.211,514.402)">
|
|
|
|
|
<rect x="215.3" y="-364.9" width="101.2" height="53.8" 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-390.9,-353.2L-337.4,-353.1" 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="M-314.6,-477.6L-289.6,-491.6L-278.6,-465.3L-243.7,-438.7L-231.1,-445.6L-205.6,-412.8L-229.7,-393.9L-255.1,-389.8L-274.1,-390.5L-302.5,-404.7L-304.6,-425.7L-315.1,-448L-300,-457.6C-299.9,-457.5 -310.1,-465 -314.6,-477.6Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,40.9134,689.761)">
|
|
|
|
|
<path d="M-317.1,-244L-253.3,-251.6C-253.3,-251.6 -245.9,-254.6 -246.9,-261.8C-248,-269 -260.8,-359.8 -260.8,-359.8L-258.8,-367.7L-301.2,-374.3L-333.2,-378.2L-335,-359.8L-338.2,-319.9L-339.6,-295.7L-340,-280.2L-339.8,-268.6L-339.5,-264.4L-339,-258L-339,-245.4L-339.7,-232.8L-317.1,-244Z" style="fill:rgb(239,237,236);fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.761935,-0.647654,-0.647654,-0.761935,61.9314,134.094)">
|
|
|
|
|
<path d="M-53.5,453.6L-2.3,452.8" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.761945,-0.647642,-0.647642,-0.761945,59.6137,133.874)">
|
|
|
|
|
<path d="M-52.8,452C-37.9,451.8 -27.4,451.6 -3.4,451.3" 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-87,-452.9L-58.9,-453.3" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.564454,0.825464,0.825464,0.564454,159.712,136.356)">
|
|
|
|
|
<path d="M-83.4,-450.9L-59.7,-451.2" 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="M603.1,-617.4L592.1,-647.1L584.3,-655.1L575.9,-674L568.7,-685L569.5,-688.2L566,-692.8L576,-731.9L589.8,-769.4L622,-872.8L511.9,-895.4L441.7,-882.4L436.7,-848.8L352.4,-849.6L133.4,-844L102.5,-845.6L89.9,-854.4L76,-874.4L65.5,-906.1L54.7,-964.3L54.1,-1004.3L79.8,-1007.6L95,-1027.5L95.2,-1052.2L103.1,-1114.4L97.4,-1145.5L90.9,-1145.5L90.9,-1155.4L93.2,-1189.3L94.6,-1207.1L99.3,-1219.1L109.5,-1267.7L114.4,-1282.4L91.2,-1290L91.2,-1311.6L38.1,-1307.2L41.5,-1279.8L-4.8,-1281.1L-167.7,-1229.6L-233.8,-1270.9L-288.4,-1296.3L-313.4,-1281.7C-313.4,-1281.7 -299.5,-1240.4 -299.2,-1236.9C-298.8,-1233.4 -293.4,-1226.4 -293.4,-1226.4C-288.3,-1221.8 -288.4,-1219.4 -288.4,-1219.4C-282.3,-1215.2 -287.9,-1207.1 -282.1,-1171.7C-276.3,-1136.3 -280.1,-1126.4 -280.1,-1126.4L-274.9,-1105.1L-278.5,-1103.6L-274.2,-1077.1C-274.2,-1077.1 -288.3,-1025.1 -293.4,-1008.4C-298.5,-991.8 -288.4,-974.5 -288.4,-974.5C-288.4,-974.5 -281.1,-966.1 -254.3,-935.5C-227.5,-904.9 -236.6,-876.8 -236.6,-876.8L-248,-822.6L-265.5,-779.9C-293.4,-735.1 -292.6,-716.2 -292.6,-716.2C-292.6,-716.2 -302,-626.7 -299.1,-599.7C-296.2,-572.7 -305.6,-523.6 -305.3,-504.6C-304.9,-485.7 -288.7,-473.7 -288.7,-473.7L-303.8,-464.1L-293.3,-441.8L-291.2,-420.8L-262.8,-406.6L-243.8,-405.9L-218.4,-410L-194.3,-428.9L-155.4,-375.5L-135,-390L-169.9,-443.4L-163.8,-450.2L-122.8,-469.8L-73.3,-514.9L-33.4,-533.1L16,-567.4L42,-578C63.5,-597.3 67,-607.8 67,-607.8L107.9,-621.7L136.6,-613L173.7,-625.6L286.2,-627.3L368.9,-638.7C369.5,-643.6 386,-650.8 386,-650.8C386,-650.8 494.3,-650.1 517,-650.8C539.6,-651.5 548.7,-637.6 554.5,-610.6C560.3,-583.7 561,-541.6 561,-541.6L562,-410.3L902,-410.3L902,-617.7L603.1,-617.4Z" 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="M351.4,-243.9L382.8,-243.7L381.5,-309.1L350.1,-309.3L351.4,-243.9Z" 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-375.5,313.8L-344.1,314" 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="M365.8,-284.2L381.8,-284.1L381.2,-313.3L365.2,-313.4L365.8,-284.2Z" 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-378.5,315.5L-362.5,315.6" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.84744,0.530922,0.530922,0.84744,237.551,824.747)">
|
|
|
|
|
<rect x="-0.9" y="-523.9" width="69.4" height="37.9" style="fill:rgb(189,246,255);stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.834066,0.551746,0.551746,0.834066,316.104,756.211)">
|
|
|
|
|
<rect x="50" y="-509.5" width="26.3" height="29" style="fill:rgb(189,246,255);stroke:rgb(82,84,83);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.964669,0.263493,0.263493,0.964669,405.848,756.573)">
|
|
|
|
|
<rect x="211.4" y="-459.3" width="18.2" height="18.4" style="fill:none;stroke:rgb(0,170,125);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.740922,0.671603,0.671603,0.740922,375.547,732.498)">
|
|
|
|
|
<rect x="-2.7" y="-511.3" width="6.6" height="6.8" 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-508.9,-8.5L-502.5,-8.4" 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-6.4,510.6L0.1,510.5" style="fill:none;fill-rule:nonzero;stroke:rgb(0,170,125);stroke-width:1px;"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-0.696288,0.717785,0.717785,0.696288,396.983,729.636)">
|
|
|
|
|
<rect x="-24" y="-511.8" width="2.5" height="13.4" 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-508,-60.5L-499.9,-60.4" 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-508,-60.1L-499.9,-60" 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-336.5,384.3L-322.5,384.3" 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-391.9,-332.7L-387.7,-332.7" 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-248.4,449.2L-236.2,449.1" 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-443.2,-263.4L-437.9,-263.4" 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-443.3,-262.1L-438,-262.1" 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="M959.4,639.1L959.7,684.7" style="fill:none;fill-rule:nonzero;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="M965.1,656.7L962.6,702.3" style="fill:none;fill-rule:nonzero;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="M964.7,639.3L961.5,686" style="fill:none;fill-rule:nonzero;stroke:rgb(82,84,83);stroke-width:0.98px;stroke-miterlimit:1.5;stroke-dasharray:4.9,4.9,0,0;"/>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g id="arbres" transform="matrix(1.09617,0,0,1.13101,355.064,337.177)">
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218681,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.0353,850.419)">
|
|
|
|
|
<ellipse cx="13" cy="425.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.0353,850.419)">
|
|
|
|
|
<ellipse cx="13" cy="425.3" rx="9.9" ry="10.1" style="fill:url(#_Radial1);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218459,-1.05244)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000023248619700155029040000017548581472107517116_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,98.7322,814.818)">
|
|
|
|
|
<ellipse cx="47.4" cy="407.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,98.7322,814.818)">
|
|
|
|
|
<ellipse cx="47.4" cy="407.6" rx="9.9" ry="10.1" style="fill:url(#_Radial2);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218468,-1.05206)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000176746494183075824850000010365556715854495928_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-36.5924,698.517)">
|
|
|
|
|
<ellipse cx="-20" cy="349.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-36.5924,698.517)">
|
|
|
|
|
<ellipse cx="-20" cy="349.2" rx="9.9" ry="10.1" style="fill:url(#_Radial3);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218496,-1.05249)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000054252356669537542070000008680110856308138406_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,148.519,796.346)">
|
|
|
|
|
<ellipse cx="72.3" cy="398.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,148.519,796.346)">
|
|
|
|
|
<ellipse cx="72.3" cy="398.5" rx="9.9" ry="10.1" style="fill:url(#_Radial4);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219112,-1.05265)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000000193749991966510220000015965337881464992409_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,211.402,774.012)">
|
|
|
|
|
<ellipse cx="103.8" cy="387.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,211.402,774.012)">
|
|
|
|
|
<ellipse cx="103.8" cy="387.5" rx="9.9" ry="10.1" style="fill:url(#_Radial5);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218843,-1.05311)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000032606185819264884570000012458264258467632808_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,202.274,727.035)">
|
|
|
|
|
<ellipse cx="99.4" cy="364" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,202.274,727.035)">
|
|
|
|
|
<ellipse cx="99.4" cy="364" rx="9.9" ry="10.1" style="fill:url(#_Radial6);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21829,-1.05213)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000162352952732009611010000005537983055702176414_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,156.474,714.406)">
|
|
|
|
|
<ellipse cx="76.5" cy="357.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,156.474,714.406)">
|
|
|
|
|
<ellipse cx="76.5" cy="357.6" rx="9.9" ry="10.1" style="fill:url(#_Radial7);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218676,-1.0526)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000159462793553301671130000003245405518013106864_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,259.488,782.406)">
|
|
|
|
|
<ellipse cx="127.9" cy="391.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,259.488,782.406)">
|
|
|
|
|
<ellipse cx="127.9" cy="391.8" rx="9.9" ry="10.1" style="fill:url(#_Radial8);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21812,-1.05212)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000029006303773975252390000008974264030249789855_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,308.557,758)">
|
|
|
|
|
<ellipse cx="152.5" cy="379.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,308.557,758)">
|
|
|
|
|
<ellipse cx="152.5" cy="379.7" rx="9.9" ry="10.1" style="fill:url(#_Radial9);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217913,-1.05228)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000172405879166361281230000003060585859626049697_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,289.743,704.451)">
|
|
|
|
|
<ellipse cx="143.2" cy="352.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,289.743,704.451)">
|
|
|
|
|
<ellipse cx="143.2" cy="352.9" rx="9.9" ry="10.1" style="fill:url(#_Radial10);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218673,-1.0522)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000056392808651641322900000001213419218559905977_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,376.807,747.002)">
|
|
|
|
|
<ellipse cx="186.6" cy="374.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,376.807,747.002)">
|
|
|
|
|
<ellipse cx="186.6" cy="374.4" rx="9.9" ry="10.1" style="fill:url(#_Radial11);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218263,-1.05244)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000023964361477717957550000015046013002539144893_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,388.476,693.335)">
|
|
|
|
|
<ellipse cx="192.6" cy="347.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,388.476,693.335)">
|
|
|
|
|
<ellipse cx="192.6" cy="347.6" rx="9.9" ry="10.1" style="fill:url(#_Radial12);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219014,-1.05328)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000175302955137227125250000013240912965465926309_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,439.483,745.816)">
|
|
|
|
|
<ellipse cx="217.9" cy="374" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,439.483,745.816)">
|
|
|
|
|
<ellipse cx="217.9" cy="374" rx="9.9" ry="10.1" style="fill:url(#_Radial13);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21824,-1.05219)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000093877362651192693300000003992401411762725042_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,490.319,736.523)">
|
|
|
|
|
<ellipse cx="243.4" cy="369.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,490.319,736.523)">
|
|
|
|
|
<ellipse cx="243.4" cy="369.4" rx="9.9" ry="10.1" style="fill:url(#_Radial14);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218601,-1.05326)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000058575159186074135930000011943005054786112417_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,489.654,679.37)">
|
|
|
|
|
<ellipse cx="243.2" cy="340.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,489.654,679.37)">
|
|
|
|
|
<ellipse cx="243.2" cy="340.9" rx="9.9" ry="10.1" style="fill:url(#_Radial15);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218808,-1.05319)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000015314409829121624170000012998660882844666788_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,557.041,733.186)">
|
|
|
|
|
<ellipse cx="276.8" cy="367.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,557.041,733.186)">
|
|
|
|
|
<ellipse cx="276.8" cy="367.9" rx="9.9" ry="10.1" style="fill:url(#_Radial16);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217576,-1.05307)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000098195278845839113860000001662073371261235885_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,604.52,731.032)">
|
|
|
|
|
<ellipse cx="300.5" cy="367" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,604.52,731.032)">
|
|
|
|
|
<ellipse cx="300.5" cy="367" rx="9.9" ry="10.1" style="fill:url(#_Radial17);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219261,-1.05287)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000140722373239714047920000007752691139189907384_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,570.444,664.184)">
|
|
|
|
|
<ellipse cx="283.6" cy="333.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,570.444,664.184)">
|
|
|
|
|
<ellipse cx="283.6" cy="333.5" rx="9.9" ry="10.1" style="fill:url(#_Radial18);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217576,-1.05215)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000141432491215924005240000006676006295053558175_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,660.383,715.974)">
|
|
|
|
|
<ellipse cx="328.5" cy="359.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,660.383,715.974)">
|
|
|
|
|
<ellipse cx="328.5" cy="359.6" rx="9.9" ry="10.1" style="fill:url(#_Radial19);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217576,-1.05248)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000083769111257052361930000000407011969983174334_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,660.066,649.868)">
|
|
|
|
|
<ellipse cx="328.5" cy="326.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,660.066,649.868)">
|
|
|
|
|
<ellipse cx="328.5" cy="326.5" rx="9.9" ry="10.1" style="fill:url(#_Radial20);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218577,-1.05197)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000102503054599864045980000017280831368860487068_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,708.079,710.729)">
|
|
|
|
|
<ellipse cx="352.3" cy="357.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,708.079,710.729)">
|
|
|
|
|
<ellipse cx="352.3" cy="357.1" rx="9.9" ry="10.1" style="fill:url(#_Radial21);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218704,-1.05261)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000011714485718398763730000004605044326946404542_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,768.063,690.713)">
|
|
|
|
|
<ellipse cx="382.4" cy="347.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,768.063,690.713)">
|
|
|
|
|
<ellipse cx="382.4" cy="347.2" rx="9.9" ry="10.1" style="fill:url(#_Radial22);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218938,-1.05247)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000172411593287243728700000013594839210024432556_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,728.58,637.503)">
|
|
|
|
|
<ellipse cx="362.8" cy="320.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,728.58,637.503)">
|
|
|
|
|
<ellipse cx="362.8" cy="320.5" rx="9.9" ry="10.1" style="fill:url(#_Radial23);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218911,-1.05285)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000152234038819119484720000013616527760480631173_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,830.792,678.797)">
|
|
|
|
|
<ellipse cx="413.8" cy="341.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,830.792,678.797)">
|
|
|
|
|
<ellipse cx="413.8" cy="341.4" rx="9.9" ry="10.1" style="fill:url(#_Radial24);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219155,-1.05228)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000068665716864621270460000007968567327362386091_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,840.489,635.834)">
|
|
|
|
|
<ellipse cx="418.7" cy="319.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,840.489,635.834)">
|
|
|
|
|
<ellipse cx="418.7" cy="319.9" rx="9.9" ry="10.1" style="fill:url(#_Radial25);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218447,-1.05224)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000152948192553495485780000002529095552590531770_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,784.019,599.538)">
|
|
|
|
|
<ellipse cx="390.6" cy="301.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,784.019,599.538)">
|
|
|
|
|
<ellipse cx="390.6" cy="301.7" rx="9.9" ry="10.1" style="fill:url(#_Radial26);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218399,-1.05275)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000002362598791960470770000003019176389065323661_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,906.07,671.169)">
|
|
|
|
|
<ellipse cx="451.4" cy="337.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,906.07,671.169)">
|
|
|
|
|
<ellipse cx="451.4" cy="337.8" rx="9.9" ry="10.1" style="fill:url(#_Radial27);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218625,-1.05187)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000111162633438001000740000001839297305043942578_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,908.092,610.5)">
|
|
|
|
|
<ellipse cx="452.6" cy="307.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,908.092,610.5)">
|
|
|
|
|
<ellipse cx="452.6" cy="307.4" rx="9.9" ry="10.1" style="fill:url(#_Radial28);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218484,-1.05223)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000040572193633232975410000016032643482888455296_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,949.949,743.115)">
|
|
|
|
|
<ellipse cx="473.2" cy="373.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,949.949,743.115)">
|
|
|
|
|
<ellipse cx="473.2" cy="373.8" rx="9.9" ry="10.1" style="fill:url(#_Radial29);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218539,-1.05217)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000041275707945374038520000010226060914538273451_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1067.73,750.304)">
|
|
|
|
|
<ellipse cx="532.1" cy="377.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1067.73,750.304)">
|
|
|
|
|
<ellipse cx="532.1" cy="377.7" rx="9.9" ry="10.1" style="fill:url(#_Radial30);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218365,-1.05331)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000066483847402592823420000011642720693137168052_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1143.4,726.893)">
|
|
|
|
|
<ellipse cx="570" cy="366.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1143.4,726.893)">
|
|
|
|
|
<ellipse cx="570" cy="366.2" rx="9.9" ry="10.1" style="fill:url(#_Radial31);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218335,-1.05274)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000129923102667830065030000017771917495603220649_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1117.69,669.827)">
|
|
|
|
|
<ellipse cx="557.2" cy="337.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1117.69,669.827)">
|
|
|
|
|
<ellipse cx="557.2" cy="337.6" rx="9.9" ry="10.1" style="fill:url(#_Radial32);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218386,-1.05183)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000167367262400563902810000015260749577534851468_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1084.87,688.688)">
|
|
|
|
|
<ellipse cx="540.8" cy="347" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1084.87,688.688)">
|
|
|
|
|
<ellipse cx="540.8" cy="347" rx="9.9" ry="10.1" style="fill:url(#_Radial33);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218731,-1.05286)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000126306002239845484770000009389918774521683876_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1055.36,668.756)">
|
|
|
|
|
<ellipse cx="526.1" cy="336.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1055.36,668.756)">
|
|
|
|
|
<ellipse cx="526.1" cy="336.9" rx="9.9" ry="10.1" style="fill:url(#_Radial34);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218489,-1.0523)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000148661265496258972480000013149602435817520770_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,985.795,610.075)">
|
|
|
|
|
<ellipse cx="491.4" cy="307.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,985.795,610.075)">
|
|
|
|
|
<ellipse cx="491.4" cy="307.4" rx="9.9" ry="10.1" style="fill:url(#_Radial35);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218432,-1.05213)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000021106943770063836470000017978213508130568335_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1104.19,601.474)">
|
|
|
|
|
<ellipse cx="550.6" cy="303.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1104.19,601.474)">
|
|
|
|
|
<ellipse cx="550.6" cy="303.4" rx="9.9" ry="10.1" style="fill:url(#_Radial36);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21841,-1.05295)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000028309220353196233490000009678938441112866951_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1118.14,529.554)">
|
|
|
|
|
<ellipse cx="557.8" cy="267.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1118.14,529.554)">
|
|
|
|
|
<ellipse cx="557.8" cy="267.5" rx="9.9" ry="10.1" style="fill:url(#_Radial37);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218417,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000178915671192874501640000014627283169018907837_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1144.72,473.423)">
|
|
|
|
|
<ellipse cx="571.2" cy="239.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1144.72,473.423)">
|
|
|
|
|
<ellipse cx="571.2" cy="239.5" rx="9.9" ry="10.1" style="fill:url(#_Radial38);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218349,-1.05224)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000072254311248221238870000016626251369228033956_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1084.8,451.011)">
|
|
|
|
|
<ellipse cx="541.3" cy="228.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1084.8,451.011)">
|
|
|
|
|
<ellipse cx="541.3" cy="228.1" rx="9.9" ry="10.1" style="fill:url(#_Radial39);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218119,-1.05264)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000161618290149719893670000002999848263082130357_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1032.55,444.84)">
|
|
|
|
|
<ellipse cx="515.2" cy="224.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1032.55,444.84)">
|
|
|
|
|
<ellipse cx="515.2" cy="224.9" rx="9.9" ry="10.1" style="fill:url(#_Radial40);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218523,-1.05212)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000023250564762999734100000012183552032294503596_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1032.17,520.386)">
|
|
|
|
|
<ellipse cx="514.8" cy="262.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1032.17,520.386)">
|
|
|
|
|
<ellipse cx="514.8" cy="262.7" rx="9.9" ry="10.1" style="fill:url(#_Radial41);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218397,-1.05274)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000063633028187278674760000013019693866740205476_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,975.999,518.395)">
|
|
|
|
|
<ellipse cx="486.8" cy="261.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,975.999,518.395)">
|
|
|
|
|
<ellipse cx="486.8" cy="261.5" rx="9.9" ry="10.1" style="fill:url(#_Radial42);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218519,-1.05268)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000110447508830127552740000007527554276419325824_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,978.439,447.632)">
|
|
|
|
|
<ellipse cx="488.1" cy="226.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,978.439,447.632)">
|
|
|
|
|
<ellipse cx="488.1" cy="226.2" rx="9.9" ry="10.1" style="fill:url(#_Radial43);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218444,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000139974556393540568950000004734458629334055054_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,910.687,525.448)">
|
|
|
|
|
<ellipse cx="454.1" cy="264.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,910.687,525.448)">
|
|
|
|
|
<ellipse cx="454.1" cy="264.9" rx="9.9" ry="10.1" style="fill:url(#_Radial44);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21909,-1.05204)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000085245863095760619480000017334472634039162540_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,915.957,441.63)">
|
|
|
|
|
<ellipse cx="456.9" cy="223" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,915.957,441.63)">
|
|
|
|
|
<ellipse cx="456.9" cy="223" rx="9.9" ry="10.1" style="fill:url(#_Radial45);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21873,-1.05234)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000011716239020137830360000015543706088271378082_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,901.371,390.221)">
|
|
|
|
|
<ellipse cx="449.7" cy="197.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,901.371,390.221)">
|
|
|
|
|
<ellipse cx="449.7" cy="197.3" rx="9.9" ry="10.1" style="fill:url(#_Radial46);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218359,-1.05259)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000158715806704961990680000002816555998079441076_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,951.974,397.124)">
|
|
|
|
|
<ellipse cx="475" cy="200.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,951.974,397.124)">
|
|
|
|
|
<ellipse cx="475" cy="200.8" rx="9.9" ry="10.1" style="fill:url(#_Radial47);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218406,-1.05237)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000068666288940998824900000011800012927338470054_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,854.443,379.202)">
|
|
|
|
|
<ellipse cx="426.3" cy="191.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,854.443,379.202)">
|
|
|
|
|
<ellipse cx="426.3" cy="191.7" rx="9.9" ry="10.1" style="fill:url(#_Radial48);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218465,-1.05299)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000105422441563580502220000000849273907502471081_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,849.346,522.399)">
|
|
|
|
|
<ellipse cx="423.4" cy="263.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,849.346,522.399)">
|
|
|
|
|
<ellipse cx="423.4" cy="263.2" rx="9.9" ry="10.1" style="fill:url(#_Radial49);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218062,-1.05223)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000008834646543358692440000005944860220291752602_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,858.908,462.751)">
|
|
|
|
|
<ellipse cx="428.3" cy="233.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,858.908,462.751)">
|
|
|
|
|
<ellipse cx="428.3" cy="233.4" rx="9.9" ry="10.1" style="fill:url(#_Radial50);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218666,-1.0533)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000131331890815253966620000008041782515665779857_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,852.187,424.11)">
|
|
|
|
|
<ellipse cx="425.1" cy="214.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,852.187,424.11)">
|
|
|
|
|
<ellipse cx="425.1" cy="214.1" rx="9.9" ry="10.1" style="fill:url(#_Radial51);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218351,-1.0522)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000012466984427639630580000000272177012597739678_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,799.808,517.19)">
|
|
|
|
|
<ellipse cx="398.7" cy="260.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,799.808,517.19)">
|
|
|
|
|
<ellipse cx="398.7" cy="260.5" rx="9.9" ry="10.1" style="fill:url(#_Radial52);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217803,-1.05301)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000138547021375768974820000003570946219285924496_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,795.449,455.556)">
|
|
|
|
|
<ellipse cx="396.6" cy="229.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,795.449,455.556)">
|
|
|
|
|
<ellipse cx="396.6" cy="229.7" rx="9.9" ry="10.1" style="fill:url(#_Radial53);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218316,-1.05293)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000104707301929049255380000007644849673576332171_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,749.058,423.994)">
|
|
|
|
|
<ellipse cx="373.5" cy="213.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,749.058,423.994)">
|
|
|
|
|
<ellipse cx="373.5" cy="213.8" rx="9.9" ry="10.1" style="fill:url(#_Radial54);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218436,-1.05255)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000069373269561327716790000011418608754155587237_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,778.086,385.409)">
|
|
|
|
|
<ellipse cx="388.1" cy="194.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,778.086,385.409)">
|
|
|
|
|
<ellipse cx="388.1" cy="194.6" rx="9.9" ry="10.1" style="fill:url(#_Radial55);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218502,-1.05261)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000087406588616164110530000018188235118252629171_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,666.727,418.45)">
|
|
|
|
|
<ellipse cx="332.4" cy="210.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,666.727,418.45)">
|
|
|
|
|
<ellipse cx="332.4" cy="210.8" rx="9.9" ry="10.1" style="fill:url(#_Radial56);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218613,-1.05224)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000103958755004161474000000001832118996275835305_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,608.473,378.091)">
|
|
|
|
|
<ellipse cx="303.3" cy="190.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,608.473,378.091)">
|
|
|
|
|
<ellipse cx="303.3" cy="190.5" rx="9.9" ry="10.1" style="fill:url(#_Radial57);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.2179,-1.0524)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000172425578127979265180000008854367711822135977_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,548.806,412.205)">
|
|
|
|
|
<ellipse cx="273.4" cy="207.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,548.806,412.205)">
|
|
|
|
|
<ellipse cx="273.4" cy="207.4" rx="9.9" ry="10.1" style="fill:url(#_Radial58);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218247,-1.05241)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000110459588875230360080000001587710472551174278_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,498.661,380.837)">
|
|
|
|
|
<ellipse cx="248.4" cy="191.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,498.661,380.837)">
|
|
|
|
|
<ellipse cx="248.4" cy="191.6" rx="9.9" ry="10.1" style="fill:url(#_Radial59);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218527,-1.05315)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000046312132272697743690000006453105628002932669_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,447.594,416.478)">
|
|
|
|
|
<ellipse cx="222.8" cy="209.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,447.594,416.478)">
|
|
|
|
|
<ellipse cx="222.8" cy="209.3" rx="9.9" ry="10.1" style="fill:url(#_Radial60);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218955,-1.05274)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000087408387273996957850000011078864400600582587_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,394.971,387.144)">
|
|
|
|
|
<ellipse cx="196.6" cy="194.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,394.971,387.144)">
|
|
|
|
|
<ellipse cx="196.6" cy="194.5" rx="9.9" ry="10.1" style="fill:url(#_Radial61);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218217,-1.05243)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000088110063414601032260000003827288494337663626_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,343.277,428.349)">
|
|
|
|
|
<ellipse cx="170.6" cy="215" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,343.277,428.349)">
|
|
|
|
|
<ellipse cx="170.6" cy="215" rx="9.9" ry="10.1" style="fill:url(#_Radial62);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218295,-1.05291)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000036952538552524629440000005250674226046939274_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,291.15,392.29)">
|
|
|
|
|
<ellipse cx="144.6" cy="196.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,291.15,392.29)">
|
|
|
|
|
<ellipse cx="144.6" cy="196.8" rx="9.9" ry="10.1" style="fill:url(#_Radial63);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218942,-1.05239)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000139288262720539868030000011016676175533050271_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,238.057,431.947)">
|
|
|
|
|
<ellipse cx="118" cy="216.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,238.057,431.947)">
|
|
|
|
|
<ellipse cx="118" cy="216.5" rx="9.9" ry="10.1" style="fill:url(#_Radial64);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219015,-1.05315)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000111900387438316314410000015601406626103403685_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,138.413,448.291)">
|
|
|
|
|
<ellipse cx="68.1" cy="224.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,138.413,448.291)">
|
|
|
|
|
<ellipse cx="68.1" cy="224.5" rx="9.9" ry="10.1" style="fill:url(#_Radial65);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219217,-1.05263)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000172441287396328288630000008974700577286788485_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,173.429,365.887)">
|
|
|
|
|
<ellipse cx="85.8" cy="183.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,173.429,365.887)">
|
|
|
|
|
<ellipse cx="85.8" cy="183.4" rx="9.9" ry="10.1" style="fill:url(#_Radial66);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218567,-1.05202)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000155863613763239139920000004771781483563882418_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,147.137,328.248)">
|
|
|
|
|
<ellipse cx="72.8" cy="164.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,147.137,328.248)">
|
|
|
|
|
<ellipse cx="72.8" cy="164.5" rx="9.9" ry="10.1" style="fill:url(#_Radial67);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218798,-1.0516)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000045581609007209828270000010673545556296486335_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,102.343,348.6)">
|
|
|
|
|
<ellipse cx="50.3" cy="174.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,102.343,348.6)">
|
|
|
|
|
<ellipse cx="50.3" cy="174.5" rx="9.9" ry="10.1" style="fill:url(#_Radial68);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218809,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000050630091781610247740000008013541703660380859_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,92.8572,242.282)">
|
|
|
|
|
<ellipse cx="45.8" cy="121.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,92.8572,242.282)">
|
|
|
|
|
<ellipse cx="45.8" cy="121.4" rx="9.9" ry="10.1" style="fill:url(#_Radial69);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218537,-1.05244)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000166666320837254706950000007491833498432680383_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,113.629,199.023)">
|
|
|
|
|
<ellipse cx="56.3" cy="99.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,113.629,199.023)">
|
|
|
|
|
<ellipse cx="56.3" cy="99.8" rx="9.9" ry="10.1" style="fill:url(#_Radial70);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219186,-1.05263)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000150094557515305201440000013202335058720758179_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,43.3453,177.801)">
|
|
|
|
|
<ellipse cx="21.2" cy="89" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,43.3453,177.801)">
|
|
|
|
|
<ellipse cx="21.2" cy="89" rx="9.9" ry="10.1" style="fill:url(#_Radial71);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219242,-1.05168)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000168837573382970629400000011443988837978966441_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,4.9466,256.463)">
|
|
|
|
|
<ellipse cx="1.9" cy="128.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,4.9466,256.463)">
|
|
|
|
|
<ellipse cx="1.9" cy="128.2" rx="9.9" ry="10.1" style="fill:url(#_Radial72);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218343,-1.05299)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000105418071052318036420000010172848014156789380_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-102.209,263.874)">
|
|
|
|
|
<ellipse cx="-51.7" cy="131.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-102.209,263.874)">
|
|
|
|
|
<ellipse cx="-51.7" cy="131.7" rx="9.9" ry="10.1" style="fill:url(#_Radial73);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218186,-1.05319)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000089553489204382766150000004940277272856876171_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-215.596,258.191)">
|
|
|
|
|
<ellipse cx="-108.4" cy="128.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-215.596,258.191)">
|
|
|
|
|
<ellipse cx="-108.4" cy="128.6" rx="9.9" ry="10.1" style="fill:url(#_Radial74);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219015,-1.05176)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000057146439737074749500000003742095159302153115_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-320.848,264.649)">
|
|
|
|
|
<ellipse cx="-161.1" cy="131.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-320.848,264.649)">
|
|
|
|
|
<ellipse cx="-161.1" cy="131.6" rx="9.9" ry="10.1" style="fill:url(#_Radial75);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218469,-1.05306)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000132770796118349640190000012015070402840209294_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-330.956,352.75)">
|
|
|
|
|
<ellipse cx="-166.3" cy="175.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-330.956,352.75)">
|
|
|
|
|
<ellipse cx="-166.3" cy="175.6" rx="9.9" ry="10.1" style="fill:url(#_Radial76);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217874,-1.05329)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000159447961319644273840000002989377629163028879_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-343.991,406.477)">
|
|
|
|
|
<ellipse cx="-173" cy="202.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-343.991,406.477)">
|
|
|
|
|
<ellipse cx="-173" cy="202.4" rx="9.9" ry="10.1" style="fill:url(#_Radial77);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218544,-1.05185)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000168802422447045585590000007554925849048561331_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-278.575,415.13)">
|
|
|
|
|
<ellipse cx="-140.3" cy="206.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-278.575,415.13)">
|
|
|
|
|
<ellipse cx="-140.3" cy="206.9" rx="9.9" ry="10.1" style="fill:url(#_Radial78);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218556,-1.05215)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000119111851239463682000000012259687273121061790_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-270.04,355.605)">
|
|
|
|
|
<ellipse cx="-135.9" cy="177.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-270.04,355.605)">
|
|
|
|
|
<ellipse cx="-135.9" cy="177.2" rx="9.9" ry="10.1" style="fill:url(#_Radial79);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219348,-1.05215)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000093884481395084313840000000774578241042797502_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-209.283,348.589)">
|
|
|
|
|
<ellipse cx="-105.5" cy="173.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-209.283,348.589)">
|
|
|
|
|
<ellipse cx="-105.5" cy="173.8" rx="9.9" ry="10.1" style="fill:url(#_Radial80);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217942,-1.05301)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000003788995000503642020000007741722222621342632_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-208.774,399.032)">
|
|
|
|
|
<ellipse cx="-105.3" cy="199" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-208.774,399.032)">
|
|
|
|
|
<ellipse cx="-105.3" cy="199" rx="9.9" ry="10.1" style="fill:url(#_Radial81);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219241,-1.05246)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000178889801876054592010000003580009951827819157_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-358.938,520.53)">
|
|
|
|
|
<ellipse cx="-180.7" cy="259.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-358.938,520.53)">
|
|
|
|
|
<ellipse cx="-180.7" cy="259.4" rx="9.9" ry="10.1" style="fill:url(#_Radial82);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21905,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000008149344983837770600000006112270001792619145_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-395.726,657.028)">
|
|
|
|
|
<ellipse cx="-199.4" cy="327.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-395.726,657.028)">
|
|
|
|
|
<ellipse cx="-199.4" cy="327.6" rx="9.9" ry="10.1" style="fill:url(#_Radial83);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218917,-1.05307)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000047019199589139400790000006226767331822762687_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-306.168,678.224)">
|
|
|
|
|
<ellipse cx="-154.7" cy="338.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-306.168,678.224)">
|
|
|
|
|
<ellipse cx="-154.7" cy="338.4" rx="9.9" ry="10.1" style="fill:url(#_Radial84);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218557,-1.05262)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000042710134971241720470000014675446183079126698_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-336.802,627.035)">
|
|
|
|
|
<ellipse cx="-169.9" cy="312.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-336.802,627.035)">
|
|
|
|
|
<ellipse cx="-169.9" cy="312.7" rx="9.9" ry="10.1" style="fill:url(#_Radial85);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218056,-1.05296)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000140730425663560201830000000705477109924891316_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-281.445,600.057)">
|
|
|
|
|
<ellipse cx="-142.2" cy="299.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-281.445,600.057)">
|
|
|
|
|
<ellipse cx="-142.2" cy="299.4" rx="9.9" ry="10.1" style="fill:url(#_Radial86);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218857,-1.05253)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000147193900742423161400000008842254850986445995_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-251.171,635.233)">
|
|
|
|
|
<ellipse cx="-127.1" cy="317" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-251.171,635.233)">
|
|
|
|
|
<ellipse cx="-127.1" cy="317" rx="9.9" ry="10.1" style="fill:url(#_Radial87);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218033,-1.05236)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000127016058216500032750000010415917288389381270_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-226.415,557.185)">
|
|
|
|
|
<ellipse cx="-114.5" cy="278" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-226.415,557.185)">
|
|
|
|
|
<ellipse cx="-114.5" cy="278" rx="9.9" ry="10.1" style="fill:url(#_Radial88);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219087,-1.05302)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000039842538951249783550000002923895003925591955_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-198.681,596.758)">
|
|
|
|
|
<ellipse cx="-100.8" cy="297.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-198.681,596.758)">
|
|
|
|
|
<ellipse cx="-100.8" cy="297.9" rx="9.9" ry="10.1" style="fill:url(#_Radial89);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21863,-1.05261)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000158720120839425176450000000097585750802155411_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-172.516,520.338)">
|
|
|
|
|
<ellipse cx="-87.5" cy="259.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-172.516,520.338)">
|
|
|
|
|
<ellipse cx="-87.5" cy="259.8" rx="9.9" ry="10.1" style="fill:url(#_Radial90);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218768,-1.05241)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000103233279496029690570000004087068839842211262_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-103.249,507.663)">
|
|
|
|
|
<ellipse cx="-52.8" cy="253.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-103.249,507.663)">
|
|
|
|
|
<ellipse cx="-52.8" cy="253.6" rx="9.9" ry="10.1" style="fill:url(#_Radial91);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218649,-1.0529)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000075144786858302531200000013156448982128179357_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-93.6523,549.358)">
|
|
|
|
|
<ellipse cx="-48.1" cy="274.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-93.6523,549.358)">
|
|
|
|
|
<ellipse cx="-48.1" cy="274.5" rx="9.9" ry="10.1" style="fill:url(#_Radial92);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218392,-1.05307)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000035494573775044074820000004362541823428771467_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-31.0942,500.037)">
|
|
|
|
|
<ellipse cx="-16.7" cy="249.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-31.0942,500.037)">
|
|
|
|
|
<ellipse cx="-16.7" cy="249.9" rx="9.9" ry="10.1" style="fill:url(#_Radial93);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218901,-1.05285)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000152959221926354906020000018272648965724841659_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-30.7649,545.099)">
|
|
|
|
|
<ellipse cx="-16.7" cy="272.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-30.7649,545.099)">
|
|
|
|
|
<ellipse cx="-16.7" cy="272.5" rx="9.9" ry="10.1" style="fill:url(#_Radial94);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218956,-1.05246)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000110463229853552081850000011654896598847635376_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-47.1754,602.249)">
|
|
|
|
|
<ellipse cx="-25" cy="301" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-47.1754,602.249)">
|
|
|
|
|
<ellipse cx="-25" cy="301" rx="9.9" ry="10.1" style="fill:url(#_Radial95);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218931,-1.05258)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000012431613845172320240000003441463481746195109_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-115.511,612.509)">
|
|
|
|
|
<ellipse cx="-59.2" cy="306" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-115.511,612.509)">
|
|
|
|
|
<ellipse cx="-59.2" cy="306" rx="9.9" ry="10.1" style="fill:url(#_Radial96);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218931,-1.05304)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000134959953480171071670000000418947693775969953_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-115.242,668.463)">
|
|
|
|
|
<ellipse cx="-59.2" cy="334" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-115.242,668.463)">
|
|
|
|
|
<ellipse cx="-59.2" cy="334" rx="9.9" ry="10.1" style="fill:url(#_Radial97);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218734,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000163790827906001769910000010349221235788025773_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-195.712,662.792)">
|
|
|
|
|
<ellipse cx="-99.4" cy="330.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-195.712,662.792)">
|
|
|
|
|
<ellipse cx="-99.4" cy="330.9" rx="9.9" ry="10.1" style="fill:url(#_Radial98);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21932,-1.05283)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000074406721012275059740000006202723063811899795_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-162.413,699.3)">
|
|
|
|
|
<ellipse cx="-82.9" cy="349.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-162.413,699.3)">
|
|
|
|
|
<ellipse cx="-82.9" cy="349.3" rx="9.9" ry="10.1" style="fill:url(#_Radial99);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218831,-1.05275)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000021105511751941737110000010051175031845800845_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-251.578,705.322)">
|
|
|
|
|
<ellipse cx="-127.5" cy="352.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-251.578,705.322)">
|
|
|
|
|
<ellipse cx="-127.5" cy="352.1" rx="9.9" ry="10.1" style="fill:url(#_Radial100);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218966,-1.05235)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000027595564925244772360000007687513102219638407_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-224.149,747.754)">
|
|
|
|
|
<ellipse cx="-113.9" cy="373.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-224.149,747.754)">
|
|
|
|
|
<ellipse cx="-113.9" cy="373.3" rx="9.9" ry="10.1" style="fill:url(#_Radial101);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218352,-1.05184)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000013185422905965163820000000414781091602465970_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-307.049,749.91)">
|
|
|
|
|
<ellipse cx="-155.3" cy="374.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-307.049,749.91)">
|
|
|
|
|
<ellipse cx="-155.3" cy="374.2" rx="9.9" ry="10.1" style="fill:url(#_Radial102);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218355,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000162328894748889185810000001518430202491404950_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-282.966,791.237)">
|
|
|
|
|
<ellipse cx="-143.4" cy="394.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-282.966,791.237)">
|
|
|
|
|
<ellipse cx="-143.4" cy="394.9" rx="9.9" ry="10.1" style="fill:url(#_Radial103);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218954,-1.05234)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000081648709264223969840000014762353307216038545_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-355.288,832.512)">
|
|
|
|
|
<ellipse cx="-179.6" cy="415.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-355.288,832.512)">
|
|
|
|
|
<ellipse cx="-179.6" cy="415.4" rx="9.9" ry="10.1" style="fill:url(#_Radial104);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218602,-1.05197)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000003063986545380205190000003991237997597373335_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-379.289,786.957)">
|
|
|
|
|
<ellipse cx="-191.5" cy="392.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-379.289,786.957)">
|
|
|
|
|
<ellipse cx="-191.5" cy="392.6" rx="9.9" ry="10.1" style="fill:url(#_Radial105);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217146,-1.05321)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000124141996696853454220000015762158664432156600_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-399.045,987.251)">
|
|
|
|
|
<ellipse cx="-201.9" cy="492.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-399.045,987.251)">
|
|
|
|
|
<ellipse cx="-201.9" cy="492.7" rx="9.9" ry="10.1" style="fill:url(#_Radial106);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218867,-1.05236)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000163074406654159434780000005467245391424418213_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-359.68,1040.37)">
|
|
|
|
|
<ellipse cx="-182.3" cy="519.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-359.68,1040.37)">
|
|
|
|
|
<ellipse cx="-182.3" cy="519.3" rx="9.9" ry="10.1" style="fill:url(#_Radial107);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.220604,-1.05229)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000001629373974194872280000018217027720586115483_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-459.548,1136.85)">
|
|
|
|
|
<ellipse cx="-232.5" cy="567.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-459.548,1136.85)">
|
|
|
|
|
<ellipse cx="-232.5" cy="567.3" rx="9.9" ry="10.1" style="fill:url(#_Radial108);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.214312,-1.05209)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000139291136612045101590000010230572836031125138_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-494.451,1108.85)">
|
|
|
|
|
<ellipse cx="-249.9" cy="553.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-494.451,1108.85)">
|
|
|
|
|
<ellipse cx="-249.9" cy="553.2" rx="9.9" ry="10.1" style="fill:url(#_Radial109);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.214629,-1.05224)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000088131107153539329030000013044775110339368847_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-540.367,1041.01)">
|
|
|
|
|
<ellipse cx="-272.7" cy="519.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-540.367,1041.01)">
|
|
|
|
|
<ellipse cx="-272.7" cy="519.2" rx="9.9" ry="10.1" style="fill:url(#_Radial110);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.220296,-1.05267)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000106838278697235840380000018393646411046648963_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-584.302,1042.36)">
|
|
|
|
|
<ellipse cx="-294.7" cy="519.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-584.302,1042.36)">
|
|
|
|
|
<ellipse cx="-294.7" cy="519.8" rx="9.9" ry="10.1" style="fill:url(#_Radial111);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218007,-1.05216)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000121262180389115036940000012823495101563934866_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-590.632,996.796)">
|
|
|
|
|
<ellipse cx="-297.7" cy="497" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-590.632,996.796)">
|
|
|
|
|
<ellipse cx="-297.7" cy="497" rx="9.9" ry="10.1" style="fill:url(#_Radial112);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.215502,-1.05326)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000127006300919156974550000012274405362567130496_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-582.289,940.026)">
|
|
|
|
|
<ellipse cx="-293.4" cy="468.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-582.289,940.026)">
|
|
|
|
|
<ellipse cx="-293.4" cy="468.6" rx="9.9" ry="10.1" style="fill:url(#_Radial113);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219568,-1.05219)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000159466220492202507520000004330345778737426569_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-585.202,889.14)">
|
|
|
|
|
<ellipse cx="-294.7" cy="443.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-585.202,889.14)">
|
|
|
|
|
<ellipse cx="-294.7" cy="443.2" rx="9.9" ry="10.1" style="fill:url(#_Radial114);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217127,-1.0522)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000048469468857124854180000018306818704548069803_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-538.582,875.878)">
|
|
|
|
|
<ellipse cx="-271.4" cy="436.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-538.582,875.878)">
|
|
|
|
|
<ellipse cx="-271.4" cy="436.6" rx="9.9" ry="10.1" style="fill:url(#_Radial115);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221862,-1.05288)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000132776315313658764800000007025234704841728931_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-445.49,882.528)">
|
|
|
|
|
<ellipse cx="-224.9" cy="440.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-445.49,882.528)">
|
|
|
|
|
<ellipse cx="-224.9" cy="440.2" rx="9.9" ry="10.1" style="fill:url(#_Radial116);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.222738,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000000931327031640000020000006779952831658178208_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-423.71,855.894)">
|
|
|
|
|
<ellipse cx="-213.9" cy="426.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-423.71,855.894)">
|
|
|
|
|
<ellipse cx="-213.9" cy="426.9" rx="9.9" ry="10.1" style="fill:url(#_Radial117);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221855,-1.05298)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000181786098676534215300000012155857384877611146_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-427.775,796.342)">
|
|
|
|
|
<ellipse cx="-215.8" cy="397.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-427.775,796.342)">
|
|
|
|
|
<ellipse cx="-215.8" cy="397.1" rx="9.9" ry="10.1" style="fill:url(#_Radial118);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.220916,-1.05279)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000178922052428912509940000004271351115980695722_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-432.426,757.4)">
|
|
|
|
|
<ellipse cx="-218" cy="377.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-432.426,757.4)">
|
|
|
|
|
<ellipse cx="-218" cy="377.7" rx="9.9" ry="10.1" style="fill:url(#_Radial119);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.96632,-5.47825e-08,5.47825e-08,0.96632,0.226784,-1.05186)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000039847799251487350160000008435464557732182443_">
|
|
|
|
|
<g transform="matrix(-1,0.00961035,-0.00961035,-1,-453.023,639.725)">
|
|
|
|
|
<ellipse cx="-228" cy="318.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961035,-0.00961035,-1,-453.023,639.725)">
|
|
|
|
|
<ellipse cx="-228" cy="318.8" rx="9.9" ry="10.1" style="fill:url(#_Radial120);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.214883,-1.05249)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000099648189733980823210000012306237925456664714_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-494.146,633.46)">
|
|
|
|
|
<ellipse cx="-248.6" cy="315.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-494.146,633.46)">
|
|
|
|
|
<ellipse cx="-248.6" cy="315.5" rx="9.9" ry="10.1" style="fill:url(#_Radial121);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.215362,-1.05177)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000118376068195591704510000017309246408607912584_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-554.294,623.341)">
|
|
|
|
|
<ellipse cx="-278.6" cy="310.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-554.294,623.341)">
|
|
|
|
|
<ellipse cx="-278.6" cy="310.3" rx="9.9" ry="10.1" style="fill:url(#_Radial122);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.215695,-1.05304)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000179622564879142487280000008336260609641311901_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-531.447,564.556)">
|
|
|
|
|
<ellipse cx="-267.1" cy="281" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-531.447,564.556)">
|
|
|
|
|
<ellipse cx="-267.1" cy="281" rx="9.9" ry="10.1" style="fill:url(#_Radial123);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21662,-1.05249)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000091700697551861671800000010112027979725578648_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-483.754,571.649)">
|
|
|
|
|
<ellipse cx="-243.3" cy="284.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-483.754,571.649)">
|
|
|
|
|
<ellipse cx="-243.3" cy="284.7" rx="9.9" ry="10.1" style="fill:url(#_Radial124);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218465,-1.05228)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000167364368938078472310000015686940499496298907_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-515.422,509.087)">
|
|
|
|
|
<ellipse cx="-258.9" cy="253.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-515.422,509.087)">
|
|
|
|
|
<ellipse cx="-258.9" cy="253.3" rx="9.9" ry="10.1" style="fill:url(#_Radial125);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.215942,-1.05172)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000176747564605902924930000006873534258060776576_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-465.407,509.164)">
|
|
|
|
|
<ellipse cx="-233.9" cy="253.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-465.407,509.164)">
|
|
|
|
|
<ellipse cx="-233.9" cy="253.5" rx="9.9" ry="10.1" style="fill:url(#_Radial126);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.216571,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000076574889538045988630000012675693498834829451_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-482.439,428.43)">
|
|
|
|
|
<ellipse cx="-242.2" cy="213.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-482.439,428.43)">
|
|
|
|
|
<ellipse cx="-242.2" cy="213.1" rx="9.9" ry="10.1" style="fill:url(#_Radial127);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219639,-1.05242)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000031183698882153963810000008070072898149679781_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-435.663,423.442)">
|
|
|
|
|
<ellipse cx="-218.8" cy="210.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-435.663,423.442)">
|
|
|
|
|
<ellipse cx="-218.8" cy="210.7" rx="9.9" ry="10.1" style="fill:url(#_Radial128);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.215984,-1.05307)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000019671767769848528320000006227772094847921825_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-457.046,336.933)">
|
|
|
|
|
<ellipse cx="-229.3" cy="167.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-457.046,336.933)">
|
|
|
|
|
<ellipse cx="-229.3" cy="167.4" rx="9.9" ry="10.1" style="fill:url(#_Radial129);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221336,-1.0522)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000032633234541145479620000008246713630462028690_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-405.938,334.273)">
|
|
|
|
|
<ellipse cx="-203.8" cy="166.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-405.938,334.273)">
|
|
|
|
|
<ellipse cx="-203.8" cy="166.2" rx="9.9" ry="10.1" style="fill:url(#_Radial130);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221787,-1.05269)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000093158731951224305530000010361017162204399784_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-456.197,288.417)">
|
|
|
|
|
<ellipse cx="-228.8" cy="143.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-456.197,288.417)">
|
|
|
|
|
<ellipse cx="-228.8" cy="143.1" rx="9.9" ry="10.1" style="fill:url(#_Radial131);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221688,-1.05293)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000165944672791413239810000006339166632117458869_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-390.088,215.917)">
|
|
|
|
|
<ellipse cx="-195.6" cy="107" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-390.088,215.917)">
|
|
|
|
|
<ellipse cx="-195.6" cy="107" rx="9.9" ry="10.1" style="fill:url(#_Radial132);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218874,-1.05185)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000131352935816384594010000014729524281704645033_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-465.068,209.202)">
|
|
|
|
|
<ellipse cx="-233" cy="103.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-465.068,209.202)">
|
|
|
|
|
<ellipse cx="-233" cy="103.5" rx="9.9" ry="10.1" style="fill:url(#_Radial133);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218559,-1.05223)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000103265522070053273790000016984652389250781082_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-495.126,163.664)">
|
|
|
|
|
<ellipse cx="-248" cy="80.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-495.126,163.664)">
|
|
|
|
|
<ellipse cx="-248" cy="80.6" rx="9.9" ry="10.1" style="fill:url(#_Radial134);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217613,-1.05275)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000084489975740204691620000015971324992000485528_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-453.838,136.41)">
|
|
|
|
|
<ellipse cx="-227.2" cy="67.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-453.838,136.41)">
|
|
|
|
|
<ellipse cx="-227.2" cy="67.1" rx="9.9" ry="10.1" style="fill:url(#_Radial135);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.214444,-1.05212)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000110429129183834789690000017947967789135158711_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-553.263,89.2333)">
|
|
|
|
|
<ellipse cx="-276.8" cy="43.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-553.263,89.2333)">
|
|
|
|
|
<ellipse cx="-276.8" cy="43.3" rx="9.9" ry="10.1" style="fill:url(#_Radial136);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.220129,-1.05265)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000088812573393989606020000001488645901559721613_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-499.947,65.0871)">
|
|
|
|
|
<ellipse cx="-250.1" cy="31.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-499.947,65.0871)">
|
|
|
|
|
<ellipse cx="-250.1" cy="31.3" rx="9.9" ry="10.1" style="fill:url(#_Radial137);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221873,-1.05217)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000072279147642268894570000005770115559066939281_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-569.967,37.4567)">
|
|
|
|
|
<ellipse cx="-285.1" cy="17.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-569.967,37.4567)">
|
|
|
|
|
<ellipse cx="-285.1" cy="17.4" rx="9.9" ry="10.1" style="fill:url(#_Radial138);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221972,-1.05222)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000009552321757832948310000017295664406293755523_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-546.501,-21.2837)">
|
|
|
|
|
<ellipse cx="-273.2" cy="-12" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-546.501,-21.2837)">
|
|
|
|
|
<ellipse cx="-273.2" cy="-12" rx="9.9" ry="10.1" style="fill:url(#_Radial139);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219693,-1.05241)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000129922500127793122290000013761404936968984753_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-486.57,-18.7492)">
|
|
|
|
|
<ellipse cx="-243.2" cy="-10.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-486.57,-18.7492)">
|
|
|
|
|
<ellipse cx="-243.2" cy="-10.5" rx="9.9" ry="10.1" style="fill:url(#_Radial140);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221561,-1.05258)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000075120560161225737340000006462491646625379736_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-537.008,-76.0308)">
|
|
|
|
|
<ellipse cx="-268.3" cy="-39.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-537.008,-76.0308)">
|
|
|
|
|
<ellipse cx="-268.3" cy="-39.3" rx="9.9" ry="10.1" style="fill:url(#_Radial141);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.222291,-1.05278)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000017513648371537810230000018023513866777269164_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-460.488,-256.107)">
|
|
|
|
|
<ellipse cx="-229.6" cy="-129.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-460.488,-256.107)">
|
|
|
|
|
<ellipse cx="-229.6" cy="-129.2" rx="9.9" ry="10.1" style="fill:url(#_Radial142);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221228,-1.05289)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000049222819877036371030000000701117425490528693_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-456.446,-156.489)">
|
|
|
|
|
<ellipse cx="-227.8" cy="-79.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-456.446,-156.489)">
|
|
|
|
|
<ellipse cx="-227.8" cy="-79.3" rx="9.9" ry="10.1" style="fill:url(#_Radial143);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21558,-1.05224)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000000194913480286054550000008100145290576251265_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-460.611,-106.369)">
|
|
|
|
|
<ellipse cx="-230.1" cy="-54.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-460.611,-106.369)">
|
|
|
|
|
<ellipse cx="-230.1" cy="-54.3" rx="9.9" ry="10.1" style="fill:url(#_Radial144);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21701,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000099623261868916076620000015157484528185324421_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-421.686,-131.064)">
|
|
|
|
|
<ellipse cx="-210.5" cy="-66.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-421.686,-131.064)">
|
|
|
|
|
<ellipse cx="-210.5" cy="-66.5" rx="9.9" ry="10.1" style="fill:url(#_Radial145);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218722,-1.05229)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000176765960736491280700000012061013856309129364_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-386.324,-76.6918)">
|
|
|
|
|
<ellipse cx="-193" cy="-39.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-386.324,-76.6918)">
|
|
|
|
|
<ellipse cx="-193" cy="-39.3" rx="9.9" ry="10.1" style="fill:url(#_Radial146);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218494,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000057117341132044853860000003549402389176141485_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-348.482,-109.843)">
|
|
|
|
|
<ellipse cx="-174" cy="-55.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-348.482,-109.843)">
|
|
|
|
|
<ellipse cx="-174" cy="-55.8" rx="9.9" ry="10.1" style="fill:url(#_Radial147);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219143,-1.05216)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000141442088735800213770000013658325653689930630_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-314.761,-146.991)">
|
|
|
|
|
<ellipse cx="-157" cy="-74.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-314.761,-146.991)">
|
|
|
|
|
<ellipse cx="-157" cy="-74.3" rx="9.9" ry="10.1" style="fill:url(#_Radial148);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219113,-1.05252)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000104695502732907040680000015970739504946666943_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-249.792,-86.7259)">
|
|
|
|
|
<ellipse cx="-124.7" cy="-44" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-249.792,-86.7259)">
|
|
|
|
|
<ellipse cx="-124.7" cy="-44" rx="9.9" ry="10.1" style="fill:url(#_Radial149);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218797,-1.05295)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000146494266709295720030000014663580960478265008_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-220.889,-131.107)">
|
|
|
|
|
<ellipse cx="-110.1" cy="-66.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-220.889,-131.107)">
|
|
|
|
|
<ellipse cx="-110.1" cy="-66.1" rx="9.9" ry="10.1" style="fill:url(#_Radial150);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218237,-1.05275)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000109717642401816109680000004186666885269278853_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-204.486,-87.1673)">
|
|
|
|
|
<ellipse cx="-102" cy="-44.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-204.486,-87.1673)">
|
|
|
|
|
<ellipse cx="-102" cy="-44.1" rx="9.9" ry="10.1" style="fill:url(#_Radial151);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217909,-1.05286)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000060015769566747246330000015810818137230167683_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-177.902,-133.548)">
|
|
|
|
|
<ellipse cx="-88.6" cy="-67.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-177.902,-133.548)">
|
|
|
|
|
<ellipse cx="-88.6" cy="-67.2" rx="9.9" ry="10.1" style="fill:url(#_Radial152);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217924,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000062194388178216259000000014205045176781819579_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-174.906,-88.7207)">
|
|
|
|
|
<ellipse cx="-87.2" cy="-44.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-174.906,-88.7207)">
|
|
|
|
|
<ellipse cx="-87.2" cy="-44.8" rx="9.9" ry="10.1" style="fill:url(#_Radial153);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219008,-1.05247)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000121982617470147009390000010659519965091486397_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-144.401,-88.3497)">
|
|
|
|
|
<ellipse cx="-72" cy="-44.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-144.401,-88.3497)">
|
|
|
|
|
<ellipse cx="-72" cy="-44.5" rx="9.9" ry="10.1" style="fill:url(#_Radial154);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219311,-1.05221)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000043441422152575687600000007300812566530511766_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-75.5004,-143.183)">
|
|
|
|
|
<ellipse cx="-37.4" cy="-71.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-75.5004,-143.183)">
|
|
|
|
|
<ellipse cx="-37.4" cy="-71.8" rx="9.9" ry="10.1" style="fill:url(#_Radial155);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218879,-1.05281)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000137830602233308674520000004033766814564991876_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-8.8052,-152.223)">
|
|
|
|
|
<ellipse cx="-4" cy="-76.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-8.8052,-152.223)">
|
|
|
|
|
<ellipse cx="-4" cy="-76.1" rx="9.9" ry="10.1" style="fill:url(#_Radial156);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218343,-1.05209)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000133516419229354121080000011663404379934026641_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,2.6436,-115.701)">
|
|
|
|
|
<ellipse cx="1.6" cy="-57.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,2.6436,-115.701)">
|
|
|
|
|
<ellipse cx="1.6" cy="-57.8" rx="9.9" ry="10.1" style="fill:url(#_Radial157);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218533,-1.05216)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000114062584168405435360000015067796012051576712_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-52.1811,-93.5409)">
|
|
|
|
|
<ellipse cx="-25.9" cy="-46.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-52.1811,-93.5409)">
|
|
|
|
|
<ellipse cx="-25.9" cy="-46.9" rx="9.9" ry="10.1" style="fill:url(#_Radial158);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221937,-1.05223)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000155858215779162611980000011808283104647600563_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-406.968,45.6193)">
|
|
|
|
|
<ellipse cx="-203.6" cy="21.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-406.968,45.6193)">
|
|
|
|
|
<ellipse cx="-203.6" cy="21.8" rx="9.9" ry="10.1" style="fill:url(#_Radial159);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.221418,-1.05293)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000101824246293466415510000004034675267332849318_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-389.598,97.7944)">
|
|
|
|
|
<ellipse cx="-195" cy="48" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-389.598,97.7944)">
|
|
|
|
|
<ellipse cx="-195" cy="48" rx="9.9" ry="10.1" style="fill:url(#_Radial160);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218212,-1.05197)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000017516848671537685480000014772770207628933050_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-327.38,32.7321)">
|
|
|
|
|
<ellipse cx="-163.8" cy="15.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-327.38,32.7321)">
|
|
|
|
|
<ellipse cx="-163.8" cy="15.6" rx="9.9" ry="10.1" style="fill:url(#_Radial161);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219063,-1.05209)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000096039670978880162840000010782079450547005578_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-329.788,88.0569)">
|
|
|
|
|
<ellipse cx="-165.1" cy="43.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-329.788,88.0569)">
|
|
|
|
|
<ellipse cx="-165.1" cy="43.2" rx="9.9" ry="10.1" style="fill:url(#_Radial162);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219528,-1.05207)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000040541331894283330970000007288683157415395501_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-256.783,27.4468)">
|
|
|
|
|
<ellipse cx="-128.5" cy="13.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-256.783,27.4468)">
|
|
|
|
|
<ellipse cx="-128.5" cy="13.1" rx="9.9" ry="10.1" style="fill:url(#_Radial163);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218609,-1.05268)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000154393946439001634080000007771279987456043905_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-256.824,85.0207)">
|
|
|
|
|
<ellipse cx="-128.6" cy="41.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-256.824,85.0207)">
|
|
|
|
|
<ellipse cx="-128.6" cy="41.9" rx="9.9" ry="10.1" style="fill:url(#_Radial164);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218197,-1.05183)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000161602271037994487210000003152590901050265524_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-193.583,27.0439)">
|
|
|
|
|
<ellipse cx="-96.9" cy="13.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-193.583,27.0439)">
|
|
|
|
|
<ellipse cx="-96.9" cy="13.1" rx="9.9" ry="10.1" style="fill:url(#_Radial165);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219478,-1.05329)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000088821744562105195690000001641294631699902356_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-194.232,83.8265)">
|
|
|
|
|
<ellipse cx="-97.3" cy="41.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-194.232,83.8265)">
|
|
|
|
|
<ellipse cx="-97.3" cy="41.4" rx="9.9" ry="10.1" style="fill:url(#_Radial166);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218995,-1.0516)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000168108554362356449760000000635852314248544657_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-124.428,39.4742)">
|
|
|
|
|
<ellipse cx="-62.3" cy="19.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-124.428,39.4742)">
|
|
|
|
|
<ellipse cx="-62.3" cy="19.4" rx="9.9" ry="10.1" style="fill:url(#_Radial167);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218519,-1.05167)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000149342097960672481750000002291363419652066191_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-128.265,82.754)">
|
|
|
|
|
<ellipse cx="-64.3" cy="41.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-128.265,82.754)">
|
|
|
|
|
<ellipse cx="-64.3" cy="41.1" rx="9.9" ry="10.1" style="fill:url(#_Radial168);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218328,-1.05209)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000150781400304686625460000007094011367368080032_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-45.7124,55.5849)">
|
|
|
|
|
<ellipse cx="-23" cy="27.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-45.7124,55.5849)">
|
|
|
|
|
<ellipse cx="-23" cy="27.7" rx="9.9" ry="10.1" style="fill:url(#_Radial169);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218533,-1.05263)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000160909145920854784860000001377393818959487888_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-50.8723,90.0501)">
|
|
|
|
|
<ellipse cx="-25.7" cy="44.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-50.8723,90.0501)">
|
|
|
|
|
<ellipse cx="-25.7" cy="44.9" rx="9.9" ry="10.1" style="fill:url(#_Radial170);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218349,-1.05238)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000060020175570914797380000011711245113305148843_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,13.7367,101.029)">
|
|
|
|
|
<ellipse cx="6.6" cy="50.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,13.7367,101.029)">
|
|
|
|
|
<ellipse cx="6.6" cy="50.5" rx="9.9" ry="10.1" style="fill:url(#_Radial171);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218003,-1.05195)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000046321688345590022810000014196186571224021421_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,62.8645,9.6234)">
|
|
|
|
|
<ellipse cx="31.4" cy="5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,62.8645,9.6234)">
|
|
|
|
|
<ellipse cx="31.4" cy="5" rx="9.9" ry="10.1" style="fill:url(#_Radial172);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218216,-1.05254)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000086666693111724440790000001116558389195462786_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,107.943,8.7799)">
|
|
|
|
|
<ellipse cx="54" cy="4.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,107.943,8.7799)">
|
|
|
|
|
<ellipse cx="54" cy="4.6" rx="9.9" ry="10.1" style="fill:url(#_Radial173);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217985,-1.05201)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000181074297913799226820000011526284183488470190_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,156.71,0.1361)">
|
|
|
|
|
<ellipse cx="78.4" cy="0.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,156.71,0.1361)">
|
|
|
|
|
<ellipse cx="78.4" cy="0.4" rx="9.9" ry="10.1" style="fill:url(#_Radial174);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218509,-1.05268)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000083081180487762252170000009132755789658836609_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,155.025,-49.0301)">
|
|
|
|
|
<ellipse cx="77.6" cy="-24.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,155.025,-49.0301)">
|
|
|
|
|
<ellipse cx="77.6" cy="-24.1" rx="9.9" ry="10.1" style="fill:url(#_Radial175);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219193,-1.05297)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000103237484614038088810000014129371909143378599_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,90.6265,-109.675)">
|
|
|
|
|
<ellipse cx="45.6" cy="-54.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,90.6265,-109.675)">
|
|
|
|
|
<ellipse cx="45.6" cy="-54.6" rx="9.9" ry="10.1" style="fill:url(#_Radial176);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218862,-1.05265)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000013887021669766876780000008847675279306020781_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,121.652,-125.787)">
|
|
|
|
|
<ellipse cx="61.1" cy="-62.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,121.652,-125.787)">
|
|
|
|
|
<ellipse cx="61.1" cy="-62.6" rx="9.9" ry="10.1" style="fill:url(#_Radial177);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218015,-1.0521)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000021121719189194695150000007845021095930619802_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,89.4735,-168.814)">
|
|
|
|
|
<ellipse cx="45.1" cy="-84.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,89.4735,-168.814)">
|
|
|
|
|
<ellipse cx="45.1" cy="-84.2" rx="9.9" ry="10.1" style="fill:url(#_Radial178);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219333,-1.05182)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000096056085466270308850000008459590638684906642_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,128.292,-205.578)">
|
|
|
|
|
<ellipse cx="64.6" cy="-102.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,128.292,-205.578)">
|
|
|
|
|
<ellipse cx="64.6" cy="-102.5" rx="9.9" ry="10.1" style="fill:url(#_Radial179);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218653,-1.05238)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000008129904295765989690000010789071375490600591_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,110.621,-269.219)">
|
|
|
|
|
<ellipse cx="56" cy="-134.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,110.621,-269.219)">
|
|
|
|
|
<ellipse cx="56" cy="-134.3" rx="9.9" ry="10.1" style="fill:url(#_Radial180);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218871,-1.0525)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000076600016934119450490000015177158259774980286_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.0006,-269.423)">
|
|
|
|
|
<ellipse cx="15.6" cy="-134.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.0006,-269.423)">
|
|
|
|
|
<ellipse cx="15.6" cy="-134.6" rx="9.9" ry="10.1" style="fill:url(#_Radial181);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218759,-1.05242)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000054263541990821933780000013809492576278899593_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,44.5192,-214.765)">
|
|
|
|
|
<ellipse cx="22.8" cy="-107.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,44.5192,-214.765)">
|
|
|
|
|
<ellipse cx="22.8" cy="-107.3" rx="9.9" ry="10.1" style="fill:url(#_Radial182);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218689,-1.05273)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000119105741752165383590000016854517609195498686_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-12.6892,-211.022)">
|
|
|
|
|
<ellipse cx="-5.8" cy="-105.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-12.6892,-211.022)">
|
|
|
|
|
<ellipse cx="-5.8" cy="-105.5" rx="9.9" ry="10.1" style="fill:url(#_Radial183);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218542,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000026872505536655030210000015378798759174335670_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-90.3444,-205.807)">
|
|
|
|
|
<ellipse cx="-44.7" cy="-103.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-90.3444,-205.807)">
|
|
|
|
|
<ellipse cx="-44.7" cy="-103.1" rx="9.9" ry="10.1" style="fill:url(#_Radial184);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218417,-1.05243)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000057870291719768523380000012452918005921899401_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-155.995,-195.862)">
|
|
|
|
|
<ellipse cx="-77.5" cy="-98.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-155.995,-195.862)">
|
|
|
|
|
<ellipse cx="-77.5" cy="-98.3" rx="9.9" ry="10.1" style="fill:url(#_Radial185);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218912,-1.05165)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000078023010700255812260000001952434141311996324_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-82.9642,-327.007)">
|
|
|
|
|
<ellipse cx="-40.7" cy="-163.7" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-82.9642,-327.007)">
|
|
|
|
|
<ellipse cx="-40.7" cy="-163.7" rx="9.9" ry="10.1" style="fill:url(#_Radial186);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218948,-1.05257)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000114074205854194323920000006195172475996590256_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-37.9391,-344.778)">
|
|
|
|
|
<ellipse cx="-18.1" cy="-172.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-37.9391,-344.778)">
|
|
|
|
|
<ellipse cx="-18.1" cy="-172.5" rx="9.9" ry="10.1" style="fill:url(#_Radial187);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218517,-1.0544)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000085940118165030588460000011276742454504556716_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-117.879,-368.441)">
|
|
|
|
|
<ellipse cx="-58.1" cy="-184.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-117.879,-368.441)">
|
|
|
|
|
<ellipse cx="-58.1" cy="-184.5" rx="9.9" ry="10.1" style="fill:url(#_Radial188);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21843,-1.05299)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000024711547462745272340000005019776105621802380_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-134.411,-339.201)">
|
|
|
|
|
<ellipse cx="-66.4" cy="-169.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-134.411,-339.201)">
|
|
|
|
|
<ellipse cx="-66.4" cy="-169.9" rx="9.9" ry="10.1" style="fill:url(#_Radial189);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21922,-1.05269)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000165214825278606313710000006059478494838079392_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,66.1199,-403.879)">
|
|
|
|
|
<ellipse cx="34" cy="-201.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,66.1199,-403.879)">
|
|
|
|
|
<ellipse cx="34" cy="-201.8" rx="9.9" ry="10.1" style="fill:url(#_Radial190);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218827,-1.05362)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000047038807426266587750000011489485577822746284_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,100.014,-388.841)">
|
|
|
|
|
<ellipse cx="50.9" cy="-194.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,100.014,-388.841)">
|
|
|
|
|
<ellipse cx="50.9" cy="-194.2" rx="9.9" ry="10.1" style="fill:url(#_Radial191);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218121,-1.05459)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000078766967270989970150000018217425349225548944_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,183.8,-391.406)">
|
|
|
|
|
<ellipse cx="92.8" cy="-195.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,183.8,-391.406)">
|
|
|
|
|
<ellipse cx="92.8" cy="-195.3" rx="9.9" ry="10.1" style="fill:url(#_Radial192);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219033,-1.05427)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000126323039627225023570000007859203758710903425_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,181.551,-454.887)">
|
|
|
|
|
<ellipse cx="91.9" cy="-227" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,181.551,-454.887)">
|
|
|
|
|
<ellipse cx="91.9" cy="-227" rx="9.9" ry="10.1" style="fill:url(#_Radial193);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218703,-1.05987)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000013905498900967281580000014378404719954141110_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,142.322,-475.222)">
|
|
|
|
|
<ellipse cx="72.3" cy="-237.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,142.322,-475.222)">
|
|
|
|
|
<ellipse cx="72.3" cy="-237.3" rx="9.9" ry="10.1" style="fill:url(#_Radial194);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218648,-1.05655)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000021823195804104557440000014924449781826605448_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,50.6335,-465.166)">
|
|
|
|
|
<ellipse cx="26.4" cy="-232.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,50.6335,-465.166)">
|
|
|
|
|
<ellipse cx="26.4" cy="-232.5" rx="9.9" ry="10.1" style="fill:url(#_Radial195);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218146,-1.04973)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000127008606952544557300000017442089058905227654_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-206.217,-396.283)">
|
|
|
|
|
<ellipse cx="-102.2" cy="-198.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-206.217,-396.283)">
|
|
|
|
|
<ellipse cx="-102.2" cy="-198.6" rx="9.9" ry="10.1" style="fill:url(#_Radial196);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218737,-1.05634)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000051344089591525910480000010078563701107514759_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-267.03,-377.04)">
|
|
|
|
|
<ellipse cx="-132.6" cy="-189.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-267.03,-377.04)">
|
|
|
|
|
<ellipse cx="-132.6" cy="-189.2" rx="9.9" ry="10.1" style="fill:url(#_Radial197);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219378,-1.05177)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000110428595678995334480000007310644099592137876_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-215.88,-196.668)">
|
|
|
|
|
<ellipse cx="-107.5" cy="-98.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-215.88,-196.668)">
|
|
|
|
|
<ellipse cx="-107.5" cy="-98.9" rx="9.9" ry="10.1" style="fill:url(#_Radial198);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218753,-1.05237)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000042729717376810022540000007198644035804852635_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-320.331,-230.507)">
|
|
|
|
|
<ellipse cx="-159.6" cy="-116" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-320.331,-230.507)">
|
|
|
|
|
<ellipse cx="-159.6" cy="-116" rx="9.9" ry="10.1" style="fill:url(#_Radial199);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218931,-1.05256)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000124143103720840662330000004130153731798907566_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-283.793,-204.389)">
|
|
|
|
|
<ellipse cx="-141.4" cy="-102.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-283.793,-204.389)">
|
|
|
|
|
<ellipse cx="-141.4" cy="-102.9" rx="9.9" ry="10.1" style="fill:url(#_Radial200);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.220632,-1.0523)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000137829975437889858930000007046342716207328646_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-392.714,-187.733)">
|
|
|
|
|
<ellipse cx="-195.9" cy="-94.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-392.714,-187.733)">
|
|
|
|
|
<ellipse cx="-195.9" cy="-94.8" rx="9.9" ry="10.1" style="fill:url(#_Radial201);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219042,-1.05255)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000069370115310412992910000011860072504078728355_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-591.86,830.806)">
|
|
|
|
|
<ellipse cx="-297.9" cy="414" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-591.86,830.806)">
|
|
|
|
|
<ellipse cx="-297.9" cy="414" rx="9.9" ry="10.1" style="fill:url(#_Radial202);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.224444,-1.05216)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000014627103621787746340000013256495064514272131_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-591.578,777.806)">
|
|
|
|
|
<ellipse cx="-297.7" cy="387.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-591.578,777.806)">
|
|
|
|
|
<ellipse cx="-297.7" cy="387.5" rx="9.9" ry="10.1" style="fill:url(#_Radial203);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218922,-1.0523)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000055700111304853040090000005920535721962383749_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-589.495,722.773)">
|
|
|
|
|
<ellipse cx="-296.5" cy="360" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-589.495,722.773)">
|
|
|
|
|
<ellipse cx="-296.5" cy="360" rx="9.9" ry="10.1" style="fill:url(#_Radial204);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218495,-1.05283)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000044895959242852065040000000349324000625726337_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-586.301,661.901)">
|
|
|
|
|
<ellipse cx="-294.7" cy="329.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-586.301,661.901)">
|
|
|
|
|
<ellipse cx="-294.7" cy="329.5" rx="9.9" ry="10.1" style="fill:url(#_Radial205);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218719,-1.05259)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000052816716481673862900000003495813794115672202_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-307.853,467.456)">
|
|
|
|
|
<ellipse cx="-155" cy="233" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-307.853,467.456)">
|
|
|
|
|
<ellipse cx="-155" cy="233" rx="9.9" ry="10.1" style="fill:url(#_Radial206);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219048,-1.05216)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000176736223319247262640000003029351802058575012_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-302.304,521.736)">
|
|
|
|
|
<ellipse cx="-152.4" cy="260.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-302.304,521.736)">
|
|
|
|
|
<ellipse cx="-152.4" cy="260.1" rx="9.9" ry="10.1" style="fill:url(#_Radial207);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.2191,-1.05301)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000134966475301115705440000009560227971041332905_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-211.819,447.401)">
|
|
|
|
|
<ellipse cx="-107" cy="223.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-211.819,447.401)">
|
|
|
|
|
<ellipse cx="-107" cy="223.2" rx="9.9" ry="10.1" style="fill:url(#_Radial208);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218543,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000013179302318023504690000015185787506138329508_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-318.68,192.635)">
|
|
|
|
|
<ellipse cx="-159.8" cy="95.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-318.68,192.635)">
|
|
|
|
|
<ellipse cx="-159.8" cy="95.6" rx="9.9" ry="10.1" style="fill:url(#_Radial209);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21893,-1.05267)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000160913057966183698000000002666755730544371598_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-260.548,212.856)">
|
|
|
|
|
<ellipse cx="-130.8" cy="105.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-260.548,212.856)">
|
|
|
|
|
<ellipse cx="-130.8" cy="105.8" rx="9.9" ry="10.1" style="fill:url(#_Radial210);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218531,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000029738987083015151840000005523043655510152850_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-209.498,202.177)">
|
|
|
|
|
<ellipse cx="-105.2" cy="100.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-209.498,202.177)">
|
|
|
|
|
<ellipse cx="-105.2" cy="100.6" rx="9.9" ry="10.1" style="fill:url(#_Radial211);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218463,-1.05283)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000120539759626942224430000006486430718377754809_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-212.715,155.278)">
|
|
|
|
|
<ellipse cx="-106.7" cy="77.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-212.715,155.278)">
|
|
|
|
|
<ellipse cx="-106.7" cy="77.1" rx="9.9" ry="10.1" style="fill:url(#_Radial212);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219185,-1.05227)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000123404690514442056290000017532778723796836262_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-150.345,212.478)">
|
|
|
|
|
<ellipse cx="-75.7" cy="105.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-150.345,212.478)">
|
|
|
|
|
<ellipse cx="-75.7" cy="105.9" rx="9.9" ry="10.1" style="fill:url(#_Radial213);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218348,-1.05201)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000132070864498806062270000012989349261666068874_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-101.109,208.48)">
|
|
|
|
|
<ellipse cx="-51.1" cy="104" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-101.109,208.48)">
|
|
|
|
|
<ellipse cx="-51.1" cy="104" rx="9.9" ry="10.1" style="fill:url(#_Radial214);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218514,-1.05223)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000016057113894094274500000008359841263298395064_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-111.075,153.445)">
|
|
|
|
|
<ellipse cx="-55.9" cy="76.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-111.075,153.445)">
|
|
|
|
|
<ellipse cx="-55.9" cy="76.5" rx="9.9" ry="10.1" style="fill:url(#_Radial215);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21928,-1.05277)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000049928630811286787930000010614125376042636731_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-50.3324,209.416)">
|
|
|
|
|
<ellipse cx="-25.7" cy="104.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-50.3324,209.416)">
|
|
|
|
|
<ellipse cx="-25.7" cy="104.6" rx="9.9" ry="10.1" style="fill:url(#_Radial216);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218982,-1.05195)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000033362969819975684750000012688749831669227424_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-4.5606,199.895)">
|
|
|
|
|
<ellipse cx="-2.8" cy="99.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,-4.5606,199.895)">
|
|
|
|
|
<ellipse cx="-2.8" cy="99.9" rx="9.9" ry="10.1" style="fill:url(#_Radial217);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219282,-1.05191)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000069392382502591254330000009708988198312281746_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,36.3555,646.959)">
|
|
|
|
|
<ellipse cx="16.6" cy="323.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,36.3555,646.959)">
|
|
|
|
|
<ellipse cx="16.6" cy="323.6" rx="9.9" ry="10.1" style="fill:url(#_Radial218);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218471,-1.05252)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000101820301015032110410000014754495760220277923_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.2121,603.642)">
|
|
|
|
|
<ellipse cx="13.7" cy="301.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,30.2121,603.642)">
|
|
|
|
|
<ellipse cx="13.7" cy="301.9" rx="9.9" ry="10.1" style="fill:url(#_Radial219);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218244,-1.05237)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000125589508095321607730000016285995980887739824_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,77.2063,579.61)">
|
|
|
|
|
<ellipse cx="37.2" cy="290" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,77.2063,579.61)">
|
|
|
|
|
<ellipse cx="37.2" cy="290" rx="9.9" ry="10.1" style="fill:url(#_Radial220);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218327,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000005965351029989856660000001238778084605689223_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,103.536,614.574)">
|
|
|
|
|
<ellipse cx="50.3" cy="307.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,103.536,614.574)">
|
|
|
|
|
<ellipse cx="50.3" cy="307.5" rx="9.9" ry="10.1" style="fill:url(#_Radial221);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21899,-1.05289)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000167354283121411927120000008472566996550172340_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,182.904,657.497)">
|
|
|
|
|
<ellipse cx="89.9" cy="329.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,182.904,657.497)">
|
|
|
|
|
<ellipse cx="89.9" cy="329.2" rx="9.9" ry="10.1" style="fill:url(#_Radial222);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218326,-1.05269)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000060723247205303563780000015053091432064131728_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,189.812,612.644)">
|
|
|
|
|
<ellipse cx="93.4" cy="306.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,189.812,612.644)">
|
|
|
|
|
<ellipse cx="93.4" cy="306.8" rx="9.9" ry="10.1" style="fill:url(#_Radial223);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218286,-1.0525)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000102535158269294388320000001873347246886600849_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,274.729,609.091)">
|
|
|
|
|
<ellipse cx="135.9" cy="305.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,274.729,609.091)">
|
|
|
|
|
<ellipse cx="135.9" cy="305.2" rx="9.9" ry="10.1" style="fill:url(#_Radial224);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218286,-1.05202)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000180329425831915935120000015530535815101445278_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,276.676,650.791)">
|
|
|
|
|
<ellipse cx="136.8" cy="326.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,276.676,650.791)">
|
|
|
|
|
<ellipse cx="136.8" cy="326.1" rx="9.9" ry="10.1" style="fill:url(#_Radial225);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217948,-1.05266)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000170973352601608990980000004903851692196752548_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,358.561,589.127)">
|
|
|
|
|
<ellipse cx="177.9" cy="295.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,358.561,589.127)">
|
|
|
|
|
<ellipse cx="177.9" cy="295.4" rx="9.9" ry="10.1" style="fill:url(#_Radial226);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219108,-1.05246)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000168098082351475584190000014827374639782690732_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,361.646,646.122)">
|
|
|
|
|
<ellipse cx="179.3" cy="323.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,361.646,646.122)">
|
|
|
|
|
<ellipse cx="179.3" cy="323.9" rx="9.9" ry="10.1" style="fill:url(#_Radial227);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218387,-1.05191)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000051378004557887229570000016646380128565358240_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,438.001,578.648)">
|
|
|
|
|
<ellipse cx="217.6" cy="290.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,438.001,578.648)">
|
|
|
|
|
<ellipse cx="217.6" cy="290.4" rx="9.9" ry="10.1" style="fill:url(#_Radial228);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219062,-1.05253)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000111905716920678889420000015171892701831983270_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,444.687,625.122)">
|
|
|
|
|
<ellipse cx="220.8" cy="313.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,444.687,625.122)">
|
|
|
|
|
<ellipse cx="220.8" cy="313.6" rx="9.9" ry="10.1" style="fill:url(#_Radial229);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218626,-1.05244)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000136403807847499116480000008883069876044317841_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,527.543,560.683)">
|
|
|
|
|
<ellipse cx="262.4" cy="281.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,527.543,560.683)">
|
|
|
|
|
<ellipse cx="262.4" cy="281.6" rx="9.9" ry="10.1" style="fill:url(#_Radial230);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217961,-1.05245)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000078008373161418046670000012416442348306879158_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,530.973,606.696)">
|
|
|
|
|
<ellipse cx="264" cy="304.6" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,530.973,606.696)">
|
|
|
|
|
<ellipse cx="264" cy="304.6" rx="9.9" ry="10.1" style="fill:url(#_Radial231);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218832,-1.05253)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000051372154875860196570000017264924615038329262_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,611.109,552.819)">
|
|
|
|
|
<ellipse cx="304.2" cy="277.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,611.109,552.819)">
|
|
|
|
|
<ellipse cx="304.2" cy="277.9" rx="9.9" ry="10.1" style="fill:url(#_Radial232);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218664,-1.05336)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000123400106492649766490000008178822761221972909_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,615.799,600.623)">
|
|
|
|
|
<ellipse cx="306.5" cy="301.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,615.799,600.623)">
|
|
|
|
|
<ellipse cx="306.5" cy="301.8" rx="9.9" ry="10.1" style="fill:url(#_Radial233);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217855,-1.05163)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000057147893664386382030000009987896541613440170_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,710.84,583.124)">
|
|
|
|
|
<ellipse cx="354" cy="293.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,710.84,583.124)">
|
|
|
|
|
<ellipse cx="354" cy="293.3" rx="9.9" ry="10.1" style="fill:url(#_Radial234);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.219013,-1.05204)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000060734582348327790210000005545868006087029162_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,724.097,507.24)">
|
|
|
|
|
<ellipse cx="360.8" cy="255.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,724.097,507.24)">
|
|
|
|
|
<ellipse cx="360.8" cy="255.4" rx="9.9" ry="10.1" style="fill:url(#_Radial235);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.217891,-1.05296)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000058567473082871955690000001984021687248323239_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,677.532,511.32)">
|
|
|
|
|
<ellipse cx="337.5" cy="257.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,677.532,511.32)">
|
|
|
|
|
<ellipse cx="337.5" cy="257.3" rx="9.9" ry="10.1" style="fill:url(#_Radial236);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218665,-1.05217)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000051363001883345894540000010196349889077171594_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,614.417,489.885)">
|
|
|
|
|
<ellipse cx="306" cy="246.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,614.417,489.885)">
|
|
|
|
|
<ellipse cx="306" cy="246.4" rx="9.9" ry="10.1" style="fill:url(#_Radial237);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218137,-1.05301)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000060715264652190303830000017762890532924229005_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,567.856,527.695)">
|
|
|
|
|
<ellipse cx="282.7" cy="265.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,567.856,527.695)">
|
|
|
|
|
<ellipse cx="282.7" cy="265.2" rx="9.9" ry="10.1" style="fill:url(#_Radial238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218644,-1.05271)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000164499720665897758630000005877056242566143922_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,518.898,521.357)">
|
|
|
|
|
<ellipse cx="258.2" cy="261.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,518.898,521.357)">
|
|
|
|
|
<ellipse cx="258.2" cy="261.9" rx="9.9" ry="10.1" style="fill:url(#_Radial239);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21875,-1.05248)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000158733834747443225970000001959470051862681995_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,516.995,487.967)">
|
|
|
|
|
<ellipse cx="257.3" cy="245.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,516.995,487.967)">
|
|
|
|
|
<ellipse cx="257.3" cy="245.2" rx="9.9" ry="10.1" style="fill:url(#_Radial240);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218169,-1.05244)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000092431156487615938200000017077593652258692280_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,425.805,486.696)">
|
|
|
|
|
<ellipse cx="211.7" cy="244.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,425.805,486.696)">
|
|
|
|
|
<ellipse cx="211.7" cy="244.4" rx="9.9" ry="10.1" style="fill:url(#_Radial241);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218659,-1.05225)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000178910965842167509040000002553597917645655968_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,431.121,536.045)">
|
|
|
|
|
<ellipse cx="214.3" cy="269.1" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,431.121,536.045)">
|
|
|
|
|
<ellipse cx="214.3" cy="269.1" rx="9.9" ry="10.1" style="fill:url(#_Radial242);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218662,-1.0518)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000041287537475147760250000013835731882128913289_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,354.903,549.22)">
|
|
|
|
|
<ellipse cx="176.1" cy="275.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,354.903,549.22)">
|
|
|
|
|
<ellipse cx="176.1" cy="275.5" rx="9.9" ry="10.1" style="fill:url(#_Radial243);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.21925,-1.05298)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000149356007911148480080000006723592394974261898_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,351.365,493.316)">
|
|
|
|
|
<ellipse cx="174.5" cy="247.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,351.365,493.316)">
|
|
|
|
|
<ellipse cx="174.5" cy="247.5" rx="9.9" ry="10.1" style="fill:url(#_Radial244);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218807,-1.05291)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000139291777503927643020000009274355461523097263_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,285.722,496.531)">
|
|
|
|
|
<ellipse cx="141.7" cy="249" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,285.722,496.531)">
|
|
|
|
|
<ellipse cx="141.7" cy="249" rx="9.9" ry="10.1" style="fill:url(#_Radial245);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218554,-1.05182)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000005267091854987805040000004822174174807432857_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,286.015,564.929)">
|
|
|
|
|
<ellipse cx="141.7" cy="283.2" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,286.015,564.929)">
|
|
|
|
|
<ellipse cx="141.7" cy="283.2" rx="9.9" ry="10.1" style="fill:url(#_Radial246);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218534,-1.0525)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000046315138418973077960000002417857002467452813_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,212.062,565.656)">
|
|
|
|
|
<ellipse cx="104.7" cy="283.3" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,212.062,565.656)">
|
|
|
|
|
<ellipse cx="104.7" cy="283.3" rx="9.9" ry="10.1" style="fill:url(#_Radial247);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218669,-1.05295)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000172411809766500985950000009573694739603854984_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,213.817,500.688)">
|
|
|
|
|
<ellipse cx="105.7" cy="250.9" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,213.817,500.688)">
|
|
|
|
|
<ellipse cx="105.7" cy="250.9" rx="9.9" ry="10.1" style="fill:url(#_Radial248);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218239,-1.05255)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000031887223718334122210000012815622607119162246_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,99.1902,655.152)">
|
|
|
|
|
<ellipse cx="48" cy="327.8" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,99.1902,655.152)">
|
|
|
|
|
<ellipse cx="48" cy="327.8" rx="9.9" ry="10.1" style="fill:url(#_Radial249);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218153,-1.05197)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000174588369565594148350000008673938123109508765_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,55.3806,508.777)">
|
|
|
|
|
<ellipse cx="26.5" cy="254.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,55.3806,508.777)">
|
|
|
|
|
<ellipse cx="26.5" cy="254.5" rx="9.9" ry="10.1" style="fill:url(#_Radial250);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218138,-1.05235)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000108995546935342865480000017119967809928609190_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,136.72,509.365)">
|
|
|
|
|
<ellipse cx="67.1" cy="255" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,136.72,509.365)">
|
|
|
|
|
<ellipse cx="67.1" cy="255" rx="9.9" ry="10.1" style="fill:url(#_Radial251);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218414,-1.0529)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000078022812372007910420000000750833237937831070_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,143.834,570.129)">
|
|
|
|
|
<ellipse cx="70.5" cy="285.4" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,143.834,570.129)">
|
|
|
|
|
<ellipse cx="70.5" cy="285.4" rx="9.9" ry="10.1" style="fill:url(#_Radial252);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.966177,0,0,0.966177,0.218579,-1.05248)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<g id="tree_00000008136537101786602530000002866454710818232763_">
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1074.51,523.9)">
|
|
|
|
|
<ellipse cx="536" cy="264.5" rx="10.3" ry="10.5" style="fill:rgb(246,250,238);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(-1,0.00961041,-0.00961041,-1,1074.51,523.9)">
|
|
|
|
|
<ellipse cx="536" cy="264.5" rx="9.9" ry="10.1" style="fill:url(#_Radial253);"/>
|
|
|
|
|
</g>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="aigua" 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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="427" cy="969.3" r="12.4" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-360.7,-720.4C-360.4,-721.2 -360.5,-722.1 -361,-722.8C-361.5,-723.5 -362.3,-723.9 -363.1,-723.9L-367.8,-723.9C-368.1,-723.9 -368.4,-723.7 -368.5,-723.4C-368.5,-723.1 -368.5,-722.8 -368.3,-722.6L-364.9,-719.3C-364.3,-718.7 -363.4,-718.5 -362.6,-718.7C-361.7,-718.9 -361,-719.5 -360.7,-720.4ZM-366.1,-722.4L-363.2,-722.4C-362.8,-722.4 -362.5,-722.2 -362.3,-721.9C-361.9,-721.3 -362.2,-720.3 -363,-720.1C-363.4,-720 -363.8,-720.1 -364,-720.4L-366.1,-722.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-666.8,-661L-672.2,-661C-672.7,-661 -673.1,-661.4 -673.1,-661.8L-673.1,-665.1L-688,-665.1C-688.5,-665.1 -688.9,-665.5 -688.9,-665.9C-688.9,-666.3 -688.5,-666.7 -688,-666.7L-672.1,-666.7C-671.6,-666.7 -671.2,-666.3 -671.2,-665.9L-671.2,-662.6L-667.7,-662.6L-667.7,-667C-667.7,-668.8 -669.2,-670.3 -671,-670.3L-688,-670.3C-688.5,-670.3 -688.9,-670.7 -688.9,-671.1C-688.9,-671.5 -688.5,-671.9 -688,-671.9L-671,-671.9C-668.2,-671.9 -665.9,-669.7 -665.9,-667L-665.9,-661.8C-665.8,-661.4 -666.3,-661 -666.8,-661Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-653.9,-691.1C-653.9,-691.6 -654.3,-692 -654.7,-692L-658.9,-692C-659.3,-692 -659.7,-691.6 -659.7,-691.1C-659.7,-690.6 -659.3,-690.2 -658.9,-690.2L-654.7,-690.2C-654.2,-690.2 -653.9,-690.6 -653.9,-691.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-678.6,-655.7L-688.3,-655.7C-688.8,-655.7 -689.2,-656.1 -689.2,-656.5C-689.2,-656.9 -688.8,-657.3 -688.3,-657.3L-678.6,-657.3C-678.1,-657.3 -677.7,-656.9 -677.7,-656.5C-677.7,-656.1 -678.1,-655.7 -678.6,-655.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="391.5" cy="980.2" r="12.1" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-325,-767.5C-324.7,-768.3 -324.8,-769.2 -325.3,-769.9C-325.8,-770.6 -326.6,-771 -327.4,-771L-332.1,-771C-332.4,-771 -332.7,-770.8 -332.8,-770.5C-332.9,-770.2 -332.8,-769.9 -332.6,-769.7L-329.2,-766.4C-328.6,-765.8 -327.7,-765.6 -326.9,-765.8C-326,-766.1 -325.3,-766.7 -325,-767.5ZM-330.4,-769.5L-327.5,-769.5C-327.1,-769.5 -326.8,-769.3 -326.6,-769C-326.2,-768.4 -326.5,-767.4 -327.3,-767.2C-327.7,-767.1 -328.1,-767.2 -328.3,-767.5L-330.4,-769.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-737.9,-641.7L-743.3,-641.7C-743.8,-641.7 -744.2,-642.1 -744.2,-642.5L-744.2,-645.8L-759.2,-645.8C-759.7,-645.8 -760.1,-646.2 -760.1,-646.6C-760.1,-647 -759.7,-647.4 -759.2,-647.4L-743.3,-647.4C-742.8,-647.4 -742.4,-647 -742.4,-646.6L-742.4,-643.3L-738.9,-643.3L-738.9,-647.7C-738.9,-649.5 -740.4,-651 -742.2,-651L-759.2,-651C-759.7,-651 -760.1,-651.4 -760.1,-651.8C-760.1,-652.2 -759.7,-652.6 -759.2,-652.6L-742.2,-652.6C-739.4,-652.6 -737.1,-650.4 -737.1,-647.7L-737.1,-642.5C-737,-642.1 -737.4,-641.7 -737.9,-641.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-634.6,-762.3C-634.6,-762.8 -635,-763.2 -635.4,-763.2L-639.6,-763.2C-640,-763.2 -640.4,-762.8 -640.4,-762.3C-640.4,-761.8 -640,-761.4 -639.6,-761.4L-635.4,-761.4C-634.9,-761.4 -634.6,-761.8 -634.6,-762.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-749.8,-636.4L-759.5,-636.4C-760,-636.4 -760.4,-636.8 -760.4,-637.2C-760.4,-637.6 -760,-638 -759.5,-638L-749.8,-638C-749.3,-638 -748.9,-637.6 -748.9,-637.2C-748.9,-636.8 -749.3,-636.4 -749.8,-636.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="415.5" cy="984.5" r="11.7" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-331.7,-729.2C-331.4,-730 -331.5,-730.9 -332,-731.6C-332.5,-732.3 -333.3,-732.7 -334.1,-732.7L-338.8,-732.7C-339.1,-732.7 -339.4,-732.5 -339.5,-732.2C-339.6,-731.9 -339.5,-731.6 -339.3,-731.4L-335.9,-728.1C-335.3,-727.5 -334.4,-727.3 -333.6,-727.5C-332.7,-727.8 -332,-728.4 -331.7,-729.2ZM-337.1,-731.3L-334.2,-731.3C-333.8,-731.3 -333.5,-731.1 -333.3,-730.8C-332.9,-730.2 -333.2,-729.2 -334,-729C-334.4,-728.9 -334.8,-729 -335,-729.3L-337.1,-731.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-689.8,-634L-695.2,-634C-695.7,-634 -696.1,-634.4 -696.1,-634.8L-696.1,-638.1L-711,-638.1C-711.5,-638.1 -711.9,-638.5 -711.9,-638.9C-711.9,-639.3 -711.5,-639.7 -711,-639.7L-695.1,-639.7C-694.6,-639.7 -694.2,-639.3 -694.2,-638.9L-694.2,-635.6L-690.7,-635.6L-690.7,-640C-690.7,-641.8 -692.2,-643.3 -694,-643.3L-711,-643.3C-711.5,-643.3 -711.9,-643.7 -711.9,-644.1C-711.9,-644.5 -711.5,-644.9 -711,-644.9L-694,-644.9C-691.2,-644.9 -688.9,-642.7 -688.9,-640L-688.9,-634.8C-688.9,-634.4 -689.3,-634 -689.8,-634Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-626.9,-714.2C-626.9,-714.7 -627.3,-715.1 -627.7,-715.1L-631.9,-715.1C-632.3,-715.1 -632.7,-714.7 -632.7,-714.2C-632.7,-713.7 -632.3,-713.3 -631.9,-713.3L-627.7,-713.3C-627.2,-713.3 -626.9,-713.7 -626.9,-714.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-701.7,-628.7L-711.4,-628.7C-711.9,-628.7 -712.3,-629.1 -712.3,-629.5C-712.3,-629.9 -711.9,-630.3 -711.4,-630.3L-701.7,-630.3C-701.2,-630.3 -700.8,-629.9 -700.8,-629.5C-700.8,-629 -701.2,-628.7 -701.7,-628.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="445.1" cy="992.4" r="11.3" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-336.3,-680.6C-336,-681.4 -336.1,-682.3 -336.6,-683C-337.1,-683.7 -337.9,-684.1 -338.7,-684.1L-343.4,-684.1C-343.7,-684.1 -344,-683.9 -344.1,-683.6C-344.3,-683.3 -344.1,-683 -343.9,-682.8L-340.5,-679.5C-339.9,-678.9 -339,-678.7 -338.2,-678.9C-337.3,-679.1 -336.6,-679.8 -336.3,-680.6ZM-341.6,-682.6L-338.7,-682.6C-338.3,-682.6 -338,-682.4 -337.8,-682.1C-337.4,-681.5 -337.7,-680.5 -338.5,-680.3C-338.9,-680.2 -339.3,-680.3 -339.5,-680.6L-341.6,-682.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-630.4,-620L-635.8,-620C-636.3,-620 -636.7,-620.4 -636.7,-620.8L-636.7,-624.1L-651.6,-624.1C-652.1,-624.1 -652.5,-624.5 -652.5,-624.9C-652.5,-625.3 -652.1,-625.7 -651.6,-625.7L-635.7,-625.7C-635.2,-625.7 -634.8,-625.3 -634.8,-624.9L-634.8,-621.6L-631.3,-621.6L-631.3,-626C-631.3,-627.8 -632.8,-629.3 -634.6,-629.3L-651.6,-629.3C-652.1,-629.3 -652.5,-629.7 -652.5,-630.1C-652.5,-630.5 -652.1,-630.9 -651.6,-630.9L-634.6,-630.9C-631.8,-630.9 -629.5,-628.7 -629.5,-626L-629.5,-620.8C-629.5,-620.4 -629.9,-620 -630.4,-620Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-612.9,-654.8C-612.9,-655.3 -613.3,-655.7 -613.7,-655.7L-617.9,-655.7C-618.3,-655.7 -618.7,-655.3 -618.7,-654.8C-618.7,-654.3 -618.3,-653.9 -617.9,-653.9L-613.7,-653.9C-613.2,-653.9 -612.9,-654.3 -612.9,-654.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-642.2,-614.7L-651.9,-614.7C-652.4,-614.7 -652.8,-615.1 -652.8,-615.5C-652.8,-615.9 -652.4,-616.3 -651.9,-616.3L-642.2,-616.3C-641.7,-616.3 -641.3,-615.9 -641.3,-615.5C-641.3,-615.1 -641.7,-614.7 -642.2,-614.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="447" cy="1009.6" r="11.1" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-311.5,-668.3C-311.2,-669.1 -311.3,-670 -311.8,-670.7C-312.3,-671.4 -313.1,-671.8 -313.9,-671.8L-318.6,-671.8C-318.9,-671.8 -319.2,-671.6 -319.3,-671.3C-319.4,-671 -319.3,-670.7 -319.1,-670.5L-315.7,-667.2C-315.1,-666.6 -314.2,-666.4 -313.4,-666.6C-312.5,-666.9 -311.8,-667.5 -311.5,-668.3ZM-316.9,-670.3L-314,-670.3C-313.6,-670.3 -313.3,-670.1 -313.1,-669.8C-312.7,-669.2 -313,-668.2 -313.8,-668C-314.2,-667.9 -314.6,-668 -314.8,-668.3L-316.9,-670.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-626.6,-589.4L-632,-589.4C-632.5,-589.4 -632.9,-589.8 -632.9,-590.2L-632.9,-593.5L-647.9,-593.5C-648.4,-593.5 -648.8,-593.9 -648.8,-594.3C-648.8,-594.7 -648.4,-595.1 -647.9,-595.1L-632,-595.1C-631.5,-595.1 -631.1,-594.7 -631.1,-594.3L-631.1,-591L-627.6,-591L-627.6,-595.4C-627.6,-597.2 -629.1,-598.7 -630.9,-598.7L-647.9,-598.7C-648.4,-598.7 -648.8,-599.1 -648.8,-599.5C-648.8,-599.9 -648.4,-600.3 -647.9,-600.3L-630.9,-600.3C-628.1,-600.3 -625.8,-598.1 -625.8,-595.4L-625.8,-590.2C-625.7,-589.7 -626.1,-589.4 -626.6,-589.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-582.2,-651C-582.2,-651.5 -582.6,-651.9 -583,-651.9L-587.2,-651.9C-587.6,-651.9 -588,-651.5 -588,-651C-588,-650.5 -587.6,-650.1 -587.2,-650.1L-583,-650.1C-582.6,-650.1 -582.2,-650.5 -582.2,-651Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-638.5,-584L-648.2,-584C-648.7,-584 -649.1,-584.4 -649.1,-584.8C-649.1,-585.2 -648.7,-585.6 -648.2,-585.6L-638.5,-585.6C-638,-585.6 -637.6,-585.2 -637.6,-584.8C-637.6,-584.4 -638,-584 -638.5,-584Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="423.3" cy="1022.6" r="11.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-279.1,-696.6C-278.8,-697.4 -278.9,-698.3 -279.4,-699C-279.9,-699.7 -280.7,-700.1 -281.5,-700.1L-286.2,-700.1C-286.5,-700.1 -286.8,-699.9 -286.9,-699.6C-287,-699.3 -286.9,-699 -286.7,-698.8L-283.3,-695.5C-282.7,-694.9 -281.8,-694.7 -281,-694.9C-280.1,-695.1 -279.4,-695.8 -279.1,-696.6ZM-284.4,-698.6L-281.5,-698.6C-281.1,-698.6 -280.8,-698.4 -280.6,-698.1C-280.2,-697.5 -280.5,-696.5 -281.3,-696.3C-281.7,-696.2 -282.1,-696.3 -282.3,-696.6L-284.4,-698.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-674.1,-566.2L-679.5,-566.2C-680,-566.2 -680.4,-566.6 -680.4,-567L-680.4,-570.3L-695.3,-570.3C-695.8,-570.3 -696.2,-570.7 -696.2,-571.1C-696.2,-571.5 -695.8,-571.9 -695.3,-571.9L-679.4,-571.9C-678.9,-571.9 -678.5,-571.5 -678.5,-571.1L-678.5,-567.8L-675,-567.8L-675,-572.2C-675,-574 -676.5,-575.5 -678.3,-575.5L-695.3,-575.5C-695.8,-575.5 -696.2,-575.9 -696.2,-576.3C-696.2,-576.7 -695.8,-577.1 -695.3,-577.1L-678.3,-577.1C-675.5,-577.1 -673.2,-574.9 -673.2,-572.2L-673.2,-567C-673.2,-566.6 -673.6,-566.2 -674.1,-566.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-559.1,-698.5C-559.1,-699 -559.5,-699.4 -559.9,-699.4L-564.1,-699.4C-564.5,-699.4 -564.9,-699 -564.9,-698.5C-564.9,-698 -564.5,-697.6 -564.1,-697.6L-559.9,-697.6C-559.4,-697.6 -559.1,-698 -559.1,-698.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-685.9,-560.9L-695.6,-560.9C-696.1,-560.9 -696.5,-561.3 -696.5,-561.7C-696.5,-562.1 -696.1,-562.5 -695.6,-562.5L-685.9,-562.5C-685.4,-562.5 -685,-562.1 -685,-561.7C-685,-561.3 -685.4,-560.9 -685.9,-560.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="433.1" cy="1034.6" r="11.4" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-266.5,-675.3C-266.2,-676.1 -266.3,-677 -266.8,-677.7C-267.3,-678.4 -268.1,-678.8 -268.9,-678.8L-273.6,-678.8C-273.9,-678.8 -274.2,-678.6 -274.3,-678.3C-274.4,-678 -274.3,-677.7 -274.1,-677.5L-270.7,-674.2C-270.1,-673.6 -269.2,-673.4 -268.4,-673.6C-267.5,-673.9 -266.8,-674.5 -266.5,-675.3ZM-271.9,-677.3L-269,-677.3C-268.6,-677.3 -268.3,-677.1 -268.1,-676.8C-267.7,-676.2 -268,-675.2 -268.8,-675C-269.2,-674.9 -269.6,-675 -269.8,-675.3L-271.9,-677.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-654.4,-544.8L-659.8,-544.8C-660.3,-544.8 -660.7,-545.2 -660.7,-545.6L-660.7,-548.9L-675.6,-548.9C-676.1,-548.9 -676.5,-549.3 -676.5,-549.7C-676.5,-550.1 -676.1,-550.5 -675.6,-550.5L-659.7,-550.5C-659.2,-550.5 -658.8,-550.1 -658.8,-549.7L-658.8,-546.4L-655.3,-546.4L-655.3,-550.8C-655.3,-552.6 -656.8,-554.1 -658.6,-554.1L-675.6,-554.1C-676.1,-554.1 -676.5,-554.5 -676.5,-554.9C-676.5,-555.3 -676.1,-555.7 -675.6,-555.7L-658.6,-555.7C-655.8,-555.7 -653.5,-553.5 -653.5,-550.8L-653.5,-545.6C-653.5,-545.2 -653.9,-544.8 -654.4,-544.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-537.7,-678.8C-537.7,-679.3 -538.1,-679.7 -538.5,-679.7L-542.7,-679.7C-543.1,-679.7 -543.5,-679.3 -543.5,-678.8C-543.5,-678.3 -543.1,-677.9 -542.7,-677.9L-538.5,-677.9C-538,-677.9 -537.7,-678.3 -537.7,-678.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-666.3,-539.5L-676,-539.5C-676.5,-539.5 -676.9,-539.9 -676.9,-540.3C-676.9,-540.7 -676.5,-541.1 -676,-541.1L-666.3,-541.1C-665.8,-541.1 -665.4,-540.7 -665.4,-540.3C-665.4,-539.9 -665.8,-539.5 -666.3,-539.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="380.6" cy="970.5" r="11.8" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-333.5,-789.1C-333.2,-789.9 -333.3,-790.8 -333.8,-791.5C-334.3,-792.2 -335.1,-792.6 -335.9,-792.6L-340.6,-792.5C-340.9,-792.5 -341.2,-792.3 -341.3,-792C-341.4,-791.7 -341.3,-791.4 -341.1,-791.2L-337.7,-787.9C-337.1,-787.3 -336.2,-787.1 -335.4,-787.3C-334.4,-787.6 -333.8,-788.2 -333.5,-789.1ZM-338.8,-791.1L-335.9,-791.1C-335.5,-791.1 -335.2,-790.9 -335,-790.6C-334.6,-790 -334.9,-789 -335.7,-788.8C-336.1,-788.7 -336.5,-788.8 -336.7,-789.1L-338.8,-791.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,-248.51,50.4133)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,0,19.3071)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-759.7,-658.9L-765.1,-658.9C-765.6,-658.9 -766,-659.3 -766,-659.7L-766,-663L-781,-663C-781.5,-663 -781.9,-663.4 -781.9,-663.8C-781.9,-664.2 -781.5,-664.6 -781,-664.6L-765.1,-664.6C-764.6,-664.6 -764.2,-664.2 -764.2,-663.8L-764.2,-660.5L-760.7,-660.5L-760.7,-664.9C-760.7,-666.7 -762.2,-668.2 -764,-668.2L-781,-668.2C-781.5,-668.2 -781.9,-668.6 -781.9,-669C-781.9,-669.4 -781.5,-669.8 -781,-669.8L-764,-669.8C-761.2,-669.8 -758.9,-667.6 -758.9,-664.9L-758.9,-659.7C-758.8,-659.2 -759.2,-658.9 -759.7,-658.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0,1,1,0,11.2377,2.8778)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-651.7,-784.1C-651.7,-784.6 -652.1,-785 -652.5,-785L-656.7,-785C-657.1,-785 -657.5,-784.6 -657.5,-784.1C-657.5,-783.6 -657.1,-783.2 -656.7,-783.2L-652.5,-783.2C-652.1,-783.2 -651.7,-783.6 -651.7,-784.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,3.5497,0.5)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-771.6,-653.6L-781.3,-653.6C-781.8,-653.6 -782.2,-654 -782.2,-654.4C-782.2,-654.8 -781.8,-655.2 -781.3,-655.2L-771.6,-655.2C-771.1,-655.2 -770.7,-654.8 -770.7,-654.4C-770.7,-654 -771.1,-653.6 -771.6,-653.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="extintors" 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)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="433.2" cy="985.6" r="12.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-474.2,-23C-474.8,-23 -475.3,-23.5 -475.3,-24.1L-475.4,-55.9C-475.4,-58 -474.6,-59.9 -473.1,-61.3C-471.6,-62.7 -469.6,-63.6 -467.5,-63.6C-463.1,-63.6 -459.5,-60.1 -459.5,-55.9L-459.4,-24.1L-461.7,-24.1L-461.8,-55.9C-461.8,-58.9 -464.4,-61.4 -467.5,-61.4C-469,-61.4 -470.4,-60.8 -471.5,-59.8C-472.6,-58.8 -473.1,-57.4 -473.1,-55.9L-473,-24.1C-473.1,-23.5 -473.6,-23 -474.2,-23Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-478.9,-37.3C-479.5,-37.3 -480,-37.8 -480,-38.4L-480,-57C-480,-63.1 -474.9,-68.1 -468.5,-68.1C-467.9,-68.1 -467.4,-67.6 -467.4,-67C-467.4,-66.4 -467.9,-65.9 -468.5,-65.9C-473.6,-65.9 -477.7,-61.9 -477.7,-57L-477.7,-38.5C-477.8,-37.8 -478.3,-37.3 -478.9,-37.3Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-462.6,-65.9L-468.5,-65.9C-469.1,-65.9 -469.6,-66.4 -469.6,-67C-469.6,-67.6 -469.1,-68.1 -468.5,-68.1L-462.6,-68.1C-462,-68.1 -461.5,-67.6 -461.5,-67C-461.5,-66.4 -462,-65.9 -462.6,-65.9Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1100.5,1269.8C-1100.9,1270.3 -1101.4,1270.8 -1102,1271.1L-1107.9,1274.5C-1109.7,1275.5 -1111.7,1275.2 -1112.4,1273.8C-1113.1,1272.4 -1112.2,1270.4 -1110.4,1269.4L-1104.5,1266C-1102.7,1265 -1100.7,1265.3 -1100,1266.7C-1099.5,1267.6 -1099.8,1268.8 -1100.5,1269.8Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,280.963,113.516)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="427.3" cy="992.8" r="11.9" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-475.3,-4.9C-475.9,-4.9 -476.4,-5.4 -476.4,-6L-476.5,-37.8C-476.5,-40.8 -479.1,-43.3 -482.2,-43.3C-483.7,-43.3 -485.1,-42.7 -486.2,-41.7C-487.2,-40.7 -487.8,-39.3 -487.8,-37.8L-487.7,-6L-490,-6L-490.1,-37.8C-490.1,-39.8 -489.3,-41.8 -487.8,-43.2C-486.3,-44.6 -484.3,-45.5 -482.2,-45.5C-477.8,-45.5 -474.2,-42 -474.2,-37.8L-474.1,-6C-474.2,-5.4 -474.7,-4.9 -475.3,-4.9Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-493.6,-19.3C-494.2,-19.3 -494.7,-19.8 -494.7,-20.4L-494.7,-38.9C-494.7,-45 -489.6,-50 -483.2,-50C-482.6,-50 -482.1,-49.5 -482.1,-48.9C-482.1,-48.3 -482.6,-47.8 -483.2,-47.8C-488.3,-47.8 -492.4,-43.8 -492.4,-38.9L-492.4,-20.4C-492.5,-19.7 -493,-19.3 -493.6,-19.3Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-477.4,-47.8L-483.4,-47.8C-484,-47.8 -484.5,-48.3 -484.5,-48.9C-484.5,-49.5 -484,-50 -483.4,-50L-477.4,-50C-476.8,-50 -476.3,-49.5 -476.3,-48.9C-476.3,-48.3 -476.7,-47.8 -477.4,-47.8Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1094.1,1292.7C-1094.5,1293.2 -1095,1293.7 -1095.6,1294L-1101.5,1297.4C-1103.3,1298.4 -1105.3,1298.1 -1106,1296.7C-1106.7,1295.3 -1105.8,1293.3 -1104,1292.3L-1098.1,1288.9C-1096.3,1287.9 -1094.3,1288.2 -1093.6,1289.6C-1093.1,1290.5 -1093.4,1291.7 -1094.1,1292.7Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,757.289,230.755)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="385.5" cy="979.2" r="11.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-581.5,-40.1L-581.6,-71.9C-581.6,-74.9 -584.2,-77.4 -587.3,-77.4C-588.8,-77.4 -590.2,-76.8 -591.3,-75.8C-592.3,-74.8 -592.9,-73.4 -592.9,-71.9L-592.8,-40.1L-595.1,-40.1L-595.2,-71.9C-595.2,-73.9 -594.4,-75.9 -592.9,-77.3C-591.4,-78.8 -589.4,-79.6 -587.3,-79.6C-582.9,-79.6 -579.3,-76.1 -579.3,-71.9L-579.2,-40.1L-581.5,-40.1Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-598.7,-53.4C-599.3,-53.4 -599.8,-53.9 -599.8,-54.5L-599.8,-73C-599.8,-79.1 -594.7,-84.1 -588.3,-84.1C-587.7,-84.1 -587.2,-83.6 -587.2,-83C-587.2,-82.4 -587.7,-81.9 -588.3,-81.9C-593.4,-81.9 -597.5,-77.9 -597.5,-73L-597.5,-54.5C-597.6,-53.9 -598.1,-53.4 -598.7,-53.4Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-582.4,-81.9L-588.4,-81.9C-589,-81.9 -589.5,-82.4 -589.5,-83C-589.5,-83.6 -589,-84.1 -588.4,-84.1L-582.4,-84.1C-581.8,-84.1 -581.3,-83.6 -581.3,-83C-581.3,-82.4 -581.8,-81.9 -582.4,-81.9Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1205.8,1382.7C-1206.2,1383.2 -1206.7,1383.7 -1207.3,1384L-1213.2,1387.4C-1215,1388.4 -1217,1388.1 -1217.7,1386.7C-1218.4,1385.3 -1217.5,1383.3 -1215.7,1382.3L-1209.8,1378.9C-1208,1377.9 -1206,1378.2 -1205.3,1379.6C-1204.8,1380.5 -1205,1381.7 -1205.8,1382.7Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,61.9819,288.194)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="446.5" cy="972.5" r="12.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-428.1,-56.8L-428.2,-88.6C-428.2,-91.6 -430.8,-94.1 -433.9,-94.1C-435.4,-94.1 -436.8,-93.5 -437.9,-92.5C-439,-91.5 -439.5,-90.1 -439.5,-88.6L-439.4,-56.8C-439.4,-56.2 -439.9,-55.7 -440.5,-55.7C-441.1,-55.7 -441.6,-56.2 -441.6,-56.8L-441.7,-88.6C-441.7,-90.7 -440.9,-92.6 -439.4,-94C-437.9,-95.4 -435.9,-96.3 -433.8,-96.3C-429.4,-96.3 -425.8,-92.8 -425.8,-88.6L-425.7,-56.8" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
|
|
|
|
<path d="M-425.8,-56.8L-428.1,-56.8" style="fill:none;fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-445.3,-70.1C-445.9,-70.1 -446.4,-70.6 -446.4,-71.2L-446.4,-89.7C-446.4,-95.8 -441.3,-100.8 -434.9,-100.8C-434.3,-100.8 -433.8,-100.3 -433.8,-99.7C-433.8,-99.1 -434.3,-98.6 -434.9,-98.6C-440,-98.6 -444.1,-94.6 -444.1,-89.7L-444.1,-71.2C-444.2,-70.6 -444.7,-70.1 -445.3,-70.1Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-429,-98.6L-434.9,-98.6C-435.5,-98.6 -436,-99.1 -436,-99.7C-436,-100.3 -435.5,-100.8 -434.9,-100.8L-429,-100.8C-428.4,-100.8 -427.9,-100.3 -427.9,-99.7C-427.9,-99.1 -428.4,-98.6 -429,-98.6Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1106.9,1221.4C-1107.3,1221.9 -1107.8,1222.4 -1108.4,1222.7L-1114.3,1226.1C-1116.1,1227.1 -1118.1,1226.8 -1118.8,1225.4C-1119.5,1224 -1118.6,1222 -1116.8,1221L-1110.9,1217.6C-1109.1,1216.6 -1107.1,1216.9 -1106.4,1218.3C-1105.9,1219.2 -1106.2,1220.4 -1106.9,1221.4Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,354.753,-132.628)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="420.8" cy="1021.3" r="12" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-491.6,66.8C-492.2,66.8 -492.7,66.3 -492.7,65.7L-492.8,33.9C-492.8,30.9 -495.4,28.4 -498.5,28.4C-500,28.4 -501.4,29 -502.5,30C-503.5,31 -504.1,32.4 -504.1,33.9L-504,65.7L-506.3,65.7L-506.4,33.9C-506.4,31.9 -505.6,29.9 -504.1,28.5C-502.6,27.1 -500.6,26.2 -498.5,26.2C-494.1,26.2 -490.5,29.7 -490.5,33.9L-490.4,65.7C-490.4,66.3 -490.9,66.8 -491.6,66.8Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-509.9,52.4C-510.5,52.4 -511,51.9 -511,51.3L-511,32.8C-511,26.7 -505.9,21.7 -499.5,21.7C-498.9,21.7 -498.4,22.2 -498.4,22.8C-498.4,23.4 -498.9,23.9 -499.5,23.9C-504.6,23.9 -508.7,27.9 -508.7,32.8L-508.7,51.3C-508.8,51.9 -509.3,52.4 -509.9,52.4Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-493.6,23.9L-499.6,23.9C-500.2,23.9 -500.7,23.4 -500.7,22.8C-500.7,22.2 -500.2,21.7 -499.6,21.7L-493.6,21.7C-493,21.7 -492.5,22.2 -492.5,22.8C-492.5,23.4 -493,23.9 -493.6,23.9Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1037.2,1341.2C-1037.6,1341.7 -1038.1,1342.2 -1038.7,1342.5L-1044.6,1345.9C-1046.4,1346.9 -1048.4,1346.6 -1049.1,1345.2C-1049.8,1343.8 -1048.9,1341.8 -1047.1,1340.8L-1041.2,1337.4C-1039.4,1336.4 -1037.4,1336.7 -1036.7,1338.1C-1036.2,1339 -1036.5,1340.2 -1037.2,1341.2Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,186.798,-264.903)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="435.6" cy="1036.6" r="11.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-454.5,105.4C-455.1,105.4 -455.6,104.9 -455.6,104.3L-455.7,72.5C-455.7,69.5 -458.3,67 -461.4,67C-462.9,67 -464.3,67.6 -465.4,68.6C-466.4,69.6 -467,71 -467,72.5L-466.9,104.3L-469.2,104.3L-469.3,72.5C-469.3,70.5 -468.5,68.5 -467,67.1C-465.5,65.7 -463.5,64.8 -461.4,64.8C-457,64.8 -453.4,68.3 -453.4,72.5L-453.3,104.3C-453.4,104.9 -453.9,105.4 -454.5,105.4Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-472.9,91C-473.5,91 -474,90.5 -474,89.9L-474,71.4C-474,65.3 -468.9,60.3 -462.5,60.3C-461.9,60.3 -461.4,60.8 -461.4,61.4C-461.4,62 -461.9,62.5 -462.5,62.5C-467.6,62.5 -471.7,66.5 -471.7,71.4L-471.7,89.9C-471.7,90.5 -472.2,91 -472.9,91Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-456.6,62.5L-462.6,62.5C-463.2,62.5 -463.7,62 -463.7,61.4C-463.7,60.8 -463.2,60.3 -462.6,60.3L-456.6,60.3C-456,60.3 -455.5,60.8 -455.5,61.4C-455.5,62 -455.9,62.5 -456.6,62.5Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-972.4,1321.4C-972.8,1321.9 -973.3,1322.4 -973.9,1322.7L-979.8,1326.1C-981.6,1327.1 -983.6,1326.8 -984.3,1325.4C-985,1324 -984.1,1322 -982.3,1321L-976.4,1317.6C-974.6,1316.6 -972.6,1316.9 -971.9,1318.3C-971.4,1319.2 -971.6,1320.4 -972.4,1321.4Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,27.9156,-42.5261)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-275.068,-537.852)">
|
|
|
|
|
<g>
|
|
|
|
|
<circle cx="449.5" cy="1010.8" r="12.2" style="fill:white;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</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)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-419.5,40.6C-420.1,40.6 -420.6,40.1 -420.6,39.5L-420.7,7.7C-420.7,4.7 -423.3,2.2 -426.4,2.2C-427.9,2.2 -429.3,2.8 -430.4,3.8C-431.4,4.8 -432,6.2 -432,7.7L-431.9,39.5L-434.2,39.5L-434.3,7.7C-434.3,5.7 -433.5,3.7 -432,2.3C-430.5,0.9 -428.5,-0 -426.4,-0C-422,-0 -418.4,3.5 -418.4,7.7L-418.3,39.5C-418.3,40.1 -418.8,40.6 -419.5,40.6Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.23,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-437.8,26.2C-438.4,26.2 -438.9,25.7 -438.9,25.1L-438.9,6.6C-438.9,0.5 -433.8,-4.5 -427.4,-4.5C-426.8,-4.5 -426.3,-4 -426.3,-3.4C-426.3,-2.8 -426.8,-2.3 -427.4,-2.3C-432.5,-2.3 -436.6,1.7 -436.6,6.6L-436.6,25.1C-436.7,25.7 -437.2,26.2 -437.8,26.2Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-1788.4,-2319.16)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-421.5,-2.3L-427.5,-2.3C-428.1,-2.3 -428.6,-2.8 -428.6,-3.4C-428.6,-4 -428.1,-4.5 -427.5,-4.5L-421.5,-4.5C-420.9,-4.5 -420.4,-4 -420.4,-3.4C-420.4,-2.8 -420.9,-2.3 -421.5,-2.3Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.691414,1.3698,-1.48223,1.02399,-76.0238,-2221.49)">
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-1008.5,1257.1C-1008.9,1257.6 -1009.4,1258.1 -1010,1258.4L-1015.9,1261.8C-1017.7,1262.8 -1019.7,1262.5 -1020.4,1261.1C-1021.1,1259.7 -1020.2,1257.7 -1018.4,1256.7L-1012.5,1253.3C-1010.7,1252.3 -1008.7,1252.6 -1008,1254C-1007.5,1254.9 -1007.7,1256.1 -1008.5,1257.1Z" style="fill:rgb(255,100,70);fill-rule:nonzero;"/>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
</g>
|
|
|
|
|
<g id="icones_x5F_serveis">
|
|
|
|
|
<g id="informacio" transform="matrix(1.09617,0,0,1.13101,-119.735,-121.76)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,-184.767,-65.7387)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="443.8" cy="951.5" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-2882.4,-3350.2C-2933,-3350.2 -2974.2,-3390.1 -2974.2,-3439.2C-2974.2,-3488.2 -2933,-3528.1 -2882.4,-3528.1C-2831.8,-3528.1 -2790.6,-3488.2 -2790.6,-3439.2C-2790.6,-3390.1 -2831.8,-3350.2 -2882.4,-3350.2ZM-2882.4,-3519.9C-2928.4,-3519.9 -2965.8,-3483.6 -2965.8,-3439.1C-2965.8,-3394.5 -2928.4,-3358.3 -2882.4,-3358.3C-2836.4,-3358.3 -2799,-3394.6 -2799,-3439.1C-2799,-3483.7 -2836.4,-3519.9 -2882.4,-3519.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.108606,0,0,0.108606,572.07,1259.34)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-2875.1,-3392.6C-2881.4,-3392.6 -2886.6,-3397.6 -2886.6,-3403.7L-2886.6,-3439.1C-2886.6,-3440.7 -2888,-3442.1 -2889.7,-3442.1C-2892,-3442.1 -2893.9,-3443.9 -2893.9,-3446.2C-2893.9,-3448.4 -2892,-3450.3 -2889.7,-3450.3C-2883.4,-3450.3 -2878.2,-3445.3 -2878.2,-3439.2L-2878.2,-3403.8C-2878.2,-3402.2 -2876.8,-3400.8 -2875.1,-3400.8C-2872.8,-3400.8 -2870.9,-3399 -2870.9,-3396.7C-2870.9,-3394.4 -2872.7,-3392.6 -2875.1,-3392.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.108606,0,0,0.108606,572.07,1259.34)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="-2886" cy="-3478" r="6.9" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="botiga" transform="matrix(1.09617,0,0,1.13101,-118.103,-127.896)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,-163.128,-26.8124)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="441.8" cy="947.6" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3781,-4474.4C-3784,-4474.4 -3786.4,-4476.8 -3786.4,-4479.7L-3786.4,-4529.2C-3786.4,-4532.1 -3784,-4534.5 -3781,-4534.5C-3778,-4534.5 -3775.6,-4532.1 -3775.6,-4529.2L-3775.6,-4479.7C-3775.6,-4476.8 -3778,-4474.4 -3781,-4474.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3832.1,-4552.2C-3833.4,-4552.2 -3834.6,-4552.6 -3835.7,-4553.5C-3838,-4555.4 -3838.2,-4558.7 -3836.2,-4560.9L-3785.1,-4617.5C-3783,-4619.8 -3779,-4619.8 -3776.9,-4617.5L-3725.8,-4560.9C-3723.8,-4558.7 -3724.1,-4555.4 -3726.3,-4553.5C-3728.5,-4551.6 -3732,-4551.8 -3733.9,-4554L-3780.9,-4606.1L-3827.9,-4554C-3829.1,-4552.8 -3830.6,-4552.2 -3832.1,-4552.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3706,-4446.1L-3855.9,-4446.1C-3862.3,-4446.1 -3867.7,-4450.7 -3868.5,-4456.9L-3881.2,-4548.8C-3881.2,-4549 -3881.3,-4550.2 -3881.3,-4550.4C-3881.3,-4557.2 -3875.6,-4562.7 -3868.6,-4562.7L-3693.4,-4562.7C-3686.4,-4562.7 -3680.7,-4557.2 -3680.7,-4550.4C-3680.7,-4550.2 -3680.8,-4549 -3680.8,-4548.8L-3693.5,-4456.8C-3694.3,-4450.7 -3699.7,-4446.1 -3706,-4446.1ZM-3868.5,-4552.2C-3869.5,-4552.2 -3870.4,-4551.3 -3870.4,-4550.4L-3857.7,-4458.3C-3857.6,-4457.4 -3856.8,-4456.7 -3855.8,-4456.7L-3706,-4456.7C-3705.1,-4456.7 -3704.3,-4457.4 -3704.1,-4458.3L-3691.4,-4550.3C-3691.4,-4551.5 -3692.3,-4552.4 -3693.3,-4552.4L-3868.5,-4552.4L-3868.5,-4552.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3737.9,-4474.4L-3738.4,-4474.4C-3741.4,-4474.7 -3743.6,-4477.3 -3743.3,-4480.1L-3738.2,-4529.6C-3737.9,-4532.5 -3735.3,-4534.6 -3732.3,-4534.3C-3729.3,-4534 -3727.1,-4531.4 -3727.4,-4528.6L-3732.5,-4479.1C-3732.8,-4476.4 -3735.2,-4474.4 -3737.9,-4474.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0841447,0,0,0.0841447,596.241,1301.24)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3824,-4474.4C-3826.8,-4474.4 -3829.1,-4476.4 -3829.4,-4479.1L-3834.5,-4528.6C-3834.8,-4531.5 -3832.6,-4534.1 -3829.6,-4534.3C-3826.5,-4534.6 -3824,-4532.5 -3823.7,-4529.6L-3818.6,-4480.1C-3818.3,-4477.2 -3820.5,-4474.6 -3823.5,-4474.4L-3824,-4474.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="restaurant" transform="matrix(1.09617,0,0,1.13101,-123.07,-111.656)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,-107.495,-76.5679)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="437.3" cy="951.7" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4391,-5565.4C-4394.4,-5565.4 -4397.1,-5568.3 -4397.1,-5571.9L-4397.1,-5614.3C-4397.1,-5617.9 -4394.4,-5620.8 -4391,-5620.8C-4387.6,-5620.8 -4384.9,-5617.9 -4384.9,-5614.3L-4384.9,-5571.9C-4384.9,-5568.2 -4387.6,-5565.4 -4391,-5565.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,523.387,1129.37)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4391,-5445.1C-4394.4,-5445.1 -4397.1,-5448 -4397.1,-5451.6L-4397.1,-5536.5C-4397.1,-5540.1 -4394.4,-5543 -4391,-5543C-4387.6,-5543 -4384.9,-5540.1 -4384.9,-5536.5L-4384.9,-5451.6C-4384.9,-5448 -4387.6,-5445.1 -4391,-5445.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,523.387,1129.37)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4274.2,-5445.1C-4277.6,-5445.1 -4280.3,-5448 -4280.3,-5451.6L-4280.3,-5494.6L-4325.3,-5494.6C-4328.7,-5494.6 -4331.4,-5497.5 -4331.4,-5501.1C-4331.4,-5505 -4330.8,-5597.7 -4276.4,-5620.3C-4274.5,-5621.1 -4272.4,-5620.8 -4270.7,-5619.6C-4269,-5618.4 -4268,-5616.4 -4268,-5614.3L-4268,-5451.6C-4268.1,-5448 -4270.8,-5445.1 -4274.2,-5445.1ZM-4318.9,-5507.6L-4280.3,-5507.6L-4280.3,-5603.8C-4312,-5582.6 -4317.9,-5526.6 -4318.9,-5507.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,523.387,1129.37)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4391,-5530C-4414.5,-5530 -4433.6,-5548.8 -4433.6,-5571.8L-4426.2,-5615.4C-4425.6,-5618.9 -4422.4,-5621.1 -4419.1,-5620.6C-4415.8,-5620 -4413.6,-5616.6 -4414.2,-5613.1L-4421.5,-5570.7C-4421.4,-5555.9 -4407.8,-5543 -4391,-5543C-4374.3,-5543 -4360.6,-5556 -4360.6,-5571.9L-4367.8,-5613.2C-4368.4,-5616.7 -4366.2,-5620.1 -4362.9,-5620.7C-4359.6,-5621.2 -4356.4,-5619 -4355.8,-5615.5L-4348.5,-5573.1C-4348.4,-5548.8 -4367.5,-5530 -4391,-5530Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="piscina" transform="matrix(1.09617,0,0,1.13101,-121.791,-118.099)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,-68.9207,-161.218)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="433.8" cy="962.2" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3546,-4206.7L-3619,-4206.7C-3621.8,-4206.7 -3624,-4208.9 -3624,-4211.7C-3624,-4214.5 -3621.7,-4216.7 -3619,-4216.7L-3546,-4216.7C-3543.2,-4216.7 -3541,-4214.5 -3541,-4211.7C-3541,-4208.9 -3543.2,-4206.7 -3546,-4206.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3546,-4178.4L-3619,-4178.4C-3621.8,-4178.4 -3624,-4180.6 -3624,-4183.4C-3624,-4186.2 -3621.7,-4188.4 -3619,-4188.4L-3546,-4188.4C-3543.2,-4188.4 -3541,-4186.2 -3541,-4183.4C-3541,-4180.6 -3543.2,-4178.4 -3546,-4178.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3546,-4150.1L-3619,-4150.1C-3621.8,-4150.1 -3624,-4152.3 -3624,-4155.1C-3624,-4157.9 -3621.7,-4160.1 -3619,-4160.1L-3546,-4160.1C-3543.2,-4160.1 -3541,-4157.9 -3541,-4155.1C-3541,-4152.3 -3543.2,-4150.1 -3546,-4150.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3619,-4131.2C-3621.8,-4131.2 -3624,-4133.4 -3624,-4136.2L-3624,-4232.9C-3624,-4235.7 -3621.7,-4237.9 -3619,-4237.9C-3616.3,-4237.9 -3614,-4235.7 -3614,-4232.9L-3614,-4136.2C-3613.9,-4133.4 -3616.2,-4131.2 -3619,-4131.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3546,-4129.5C-3548.8,-4129.5 -3551,-4131.7 -3551,-4134.5L-3551,-4232.9C-3551,-4235.7 -3548.7,-4237.9 -3546,-4237.9C-3543.2,-4237.9 -3541,-4235.7 -3541,-4232.9L-3541,-4134.5C-3541,-4131.7 -3543.2,-4129.5 -3546,-4129.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3538.7,-4093.5C-3551.1,-4093.5 -3557.6,-4097.7 -3563.3,-4101.4C-3568.5,-4104.8 -3573,-4107.7 -3582.5,-4107.7C-3592,-4107.7 -3596.5,-4104.8 -3601.7,-4101.4C-3607.4,-4097.7 -3613.9,-4093.5 -3626.3,-4093.5C-3638.7,-4093.5 -3645.2,-4097.7 -3650.9,-4101.4C-3656.1,-4104.8 -3660.6,-4107.7 -3670.1,-4107.7C-3672.9,-4107.7 -3675.1,-4109.9 -3675.1,-4112.7C-3675.1,-4115.5 -3672.8,-4117.7 -3670.1,-4117.7C-3657.7,-4117.7 -3651.2,-4113.5 -3645.5,-4109.8C-3640.3,-4106.4 -3635.8,-4103.5 -3626.3,-4103.5C-3616.8,-4103.5 -3612.3,-4106.4 -3607.1,-4109.8C-3601.4,-4113.5 -3594.9,-4117.7 -3582.5,-4117.7C-3570.1,-4117.7 -3563.6,-4113.5 -3557.9,-4109.8C-3552.7,-4106.4 -3548.2,-4103.5 -3538.7,-4103.5C-3529.2,-4103.5 -3524.7,-4106.4 -3519.5,-4109.8C-3513.8,-4113.5 -3507.3,-4117.7 -3494.9,-4117.7C-3492.1,-4117.7 -3489.9,-4115.5 -3489.9,-4112.7C-3489.9,-4109.9 -3492.2,-4107.7 -3494.9,-4107.7C-3504.4,-4107.7 -3508.9,-4104.8 -3514.1,-4101.4C-3519.8,-4097.7 -3526.3,-4093.5 -3538.7,-4093.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,555.687,1109.18)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3538.7,-4058.1C-3551.1,-4058.1 -3557.6,-4062.3 -3563.3,-4066C-3568.5,-4069.4 -3573,-4072.3 -3582.5,-4072.3C-3592,-4072.3 -3596.5,-4069.4 -3601.7,-4066C-3607.4,-4062.3 -3613.9,-4058.1 -3626.3,-4058.1C-3638.7,-4058.1 -3645.2,-4062.3 -3650.9,-4066C-3656.1,-4069.4 -3660.6,-4072.3 -3670.1,-4072.3C-3672.9,-4072.3 -3675.1,-4074.5 -3675.1,-4077.3C-3675.1,-4080.1 -3672.8,-4082.3 -3670.1,-4082.3C-3657.7,-4082.3 -3651.2,-4078.1 -3645.5,-4074.4C-3640.3,-4071 -3635.8,-4068.1 -3626.3,-4068.1C-3616.8,-4068.1 -3612.3,-4071 -3607.1,-4074.4C-3601.4,-4078.1 -3594.9,-4082.3 -3582.5,-4082.3C-3570.1,-4082.3 -3563.6,-4078.1 -3557.9,-4074.4C-3552.7,-4071 -3548.2,-4068.1 -3538.7,-4068.1C-3529.2,-4068.1 -3524.7,-4071 -3519.5,-4074.4C-3513.8,-4078.1 -3507.3,-4082.3 -3494.9,-4082.3C-3492.1,-4082.3 -3489.9,-4080.1 -3489.9,-4077.3C-3489.9,-4074.5 -3492.2,-4072.3 -3494.9,-4072.3C-3504.4,-4072.3 -3508.9,-4069.4 -3514.1,-4066C-3519.8,-4062.3 -3526.3,-4058.1 -3538.7,-4058.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="bar" transform="matrix(1.09617,0,0,1.13101,-126.138,-117.605)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,-127.743,-105.108)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="439.3" cy="955.6" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4642.6,-4593.8C-4643.6,-4593.8 -4644.6,-4594 -4645.6,-4594.4C-4676.2,-4608 -4695.9,-4637.7 -4695.9,-4670.1L-4695.9,-4712.5C-4695.9,-4715.6 -4693,-4718 -4689.4,-4718L-4528.8,-4718C-4525.2,-4718 -4522.3,-4715.5 -4522.3,-4712.5L-4522.3,-4670.1C-4522.3,-4637.7 -4542,-4608 -4572.6,-4594.4C-4575.8,-4593 -4579.7,-4594 -4581.4,-4596.7C-4583.1,-4599.4 -4581.8,-4602.8 -4578.6,-4604.2C-4552.3,-4615.9 -4535.3,-4641.7 -4535.3,-4670L-4535.3,-4706.9L-4682.8,-4706.9L-4682.8,-4670C-4682.8,-4641.7 -4665.8,-4615.9 -4639.5,-4604.2C-4636.3,-4602.8 -4635.1,-4599.4 -4636.7,-4596.7C-4638,-4594.9 -4640.3,-4593.8 -4642.6,-4593.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,492.798,1062.47)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4638.3,-4735.3C-4641.9,-4735.3 -4644.8,-4737.8 -4644.8,-4740.8L-4644.8,-4769.1C-4644.8,-4772.2 -4641.9,-4774.6 -4638.3,-4774.6C-4634.7,-4774.6 -4631.8,-4772.1 -4631.8,-4769.1L-4631.8,-4740.8C-4631.8,-4737.8 -4634.7,-4735.3 -4638.3,-4735.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,492.798,1062.47)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4609.1,-4735.3C-4612.7,-4735.3 -4615.6,-4737.8 -4615.6,-4740.8L-4615.6,-4769.1C-4615.6,-4772.2 -4612.7,-4774.6 -4609.1,-4774.6C-4605.5,-4774.6 -4602.6,-4772.1 -4602.6,-4769.1L-4602.6,-4740.8C-4602.6,-4737.8 -4605.6,-4735.3 -4609.1,-4735.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,492.798,1062.47)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4580,-4735.3C-4583.6,-4735.3 -4586.5,-4737.8 -4586.5,-4740.8L-4586.5,-4769.1C-4586.5,-4772.2 -4583.6,-4774.6 -4580,-4774.6C-4576.4,-4774.6 -4573.5,-4772.1 -4573.5,-4769.1L-4573.5,-4740.8C-4573.4,-4737.8 -4576.4,-4735.3 -4580,-4735.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,492.798,1062.47)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4528.9,-4593.8L-4689.5,-4593.8C-4693.1,-4593.8 -4696,-4596.3 -4696,-4599.3C-4696,-4602.3 -4693.1,-4604.8 -4689.5,-4604.8L-4528.9,-4604.8C-4525.3,-4604.8 -4522.4,-4602.3 -4522.4,-4599.3C-4522.4,-4596.3 -4525.3,-4593.8 -4528.9,-4593.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,492.798,1062.47)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4528.9,-4643.4L-4532,-4643.4C-4535.6,-4643.4 -4538.5,-4645.9 -4538.5,-4648.9C-4538.5,-4652 -4535.6,-4654.4 -4532,-4654.4L-4528.9,-4654.4C-4516.6,-4654.4 -4506.2,-4664.8 -4506.2,-4677.2L-4506.2,-4684.3C-4506.2,-4696.6 -4516.6,-4707.1 -4528.9,-4707.1C-4532.5,-4707.1 -4535.4,-4709.6 -4535.4,-4712.6C-4535.4,-4715.6 -4532.5,-4718.1 -4528.9,-4718.1C-4509.2,-4718.1 -4493.2,-4702.9 -4493.2,-4684.3L-4493.2,-4677.2C-4493.2,-4658.5 -4509.2,-4643.4 -4528.9,-4643.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="parc" transform="matrix(1.09617,0,0,1.13101,-121.791,-118.099)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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,73.9971,-187.673)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="421.3" cy="965.2" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3564.4,-3784.9L-3666.6,-3784.9C-3673.3,-3784.9 -3678.8,-3790.2 -3678.8,-3796.7L-3678.8,-3892.8C-3678.8,-3893.4 -3679.1,-3894 -3679.5,-3894.4L-3689.8,-3904.4C-3692.1,-3906.6 -3693.4,-3909.6 -3693.4,-3912.7L-3693.4,-3952.2C-3693.4,-3958.7 -3687.9,-3964 -3681.2,-3964L-3666.6,-3964C-3659.9,-3964 -3654.4,-3958.7 -3654.4,-3952.2L-3654.4,-3938C-3654.4,-3936.7 -3653.3,-3935.7 -3652,-3935.7L-3637.4,-3935.7C-3636.1,-3935.7 -3635,-3936.8 -3635,-3938L-3635,-3952.2C-3635,-3958.7 -3629.5,-3964 -3622.8,-3964L-3608.2,-3964C-3601.5,-3964 -3596,-3958.7 -3596,-3952.2L-3596,-3938C-3596,-3936.7 -3594.9,-3935.7 -3593.6,-3935.7L-3579,-3935.7C-3577.7,-3935.7 -3576.6,-3936.8 -3576.6,-3938L-3576.6,-3952.2C-3576.6,-3958.7 -3571.1,-3964 -3564.4,-3964L-3549.8,-3964C-3543.1,-3964 -3537.6,-3958.7 -3537.6,-3952.2L-3537.6,-3912.7C-3537.6,-3909.6 -3538.9,-3906.6 -3541.2,-3904.4L-3551.5,-3894.4C-3551.9,-3894 -3552.2,-3893.4 -3552.2,-3892.8L-3552.2,-3796.7C-3552.3,-3790.2 -3557.7,-3784.9 -3564.4,-3784.9ZM-3681.2,-3954.7C-3682.5,-3954.7 -3683.6,-3953.6 -3683.6,-3952.4L-3683.6,-3912.9C-3683.6,-3912.3 -3683.3,-3911.7 -3682.9,-3911.2L-3672.6,-3901.2C-3670.3,-3899 -3669,-3896 -3669,-3892.9L-3669,-3796.8C-3669,-3795.5 -3667.9,-3794.5 -3666.6,-3794.5L-3564.4,-3794.5C-3563.1,-3794.5 -3562,-3795.6 -3562,-3796.8L-3562,-3892.9C-3562,-3896 -3560.7,-3899.1 -3558.4,-3901.2L-3548.1,-3911.2C-3547.7,-3911.6 -3547.4,-3912.2 -3547.4,-3912.8L-3547.4,-3952.3C-3547.4,-3953.6 -3548.5,-3954.6 -3549.8,-3954.6L-3564.4,-3954.6C-3565.7,-3954.6 -3566.8,-3953.5 -3566.8,-3952.3L-3566.8,-3938.1C-3566.8,-3931.6 -3572.3,-3926.3 -3579,-3926.3L-3593.6,-3926.3C-3600.3,-3926.3 -3605.8,-3931.6 -3605.8,-3938.1L-3605.8,-3952.3C-3605.8,-3953.6 -3606.9,-3954.6 -3608.2,-3954.6L-3622.8,-3954.6C-3624.1,-3954.6 -3625.2,-3953.5 -3625.2,-3952.3L-3625.2,-3938.1C-3625.2,-3931.6 -3630.7,-3926.3 -3637.4,-3926.3L-3652,-3926.3C-3658.7,-3926.3 -3664.2,-3931.6 -3664.2,-3938.1L-3664.2,-3952.3C-3664.2,-3953.6 -3665.3,-3954.6 -3666.6,-3954.6L-3681.2,-3954.6L-3681.2,-3954.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(2.00442,0,0,1.77974,-356.413,-505.421)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3593.6,-3784.9C-3596.3,-3784.9 -3598.5,-3787 -3598.5,-3789.6L-3598.5,-3853.3C-3598.5,-3862.4 -3606.1,-3869.8 -3615.5,-3869.8C-3624.9,-3869.8 -3632.5,-3862.4 -3632.5,-3853.3L-3632.5,-3789.6C-3632.5,-3787 -3634.7,-3784.9 -3637.4,-3784.9C-3640.1,-3784.9 -3642.3,-3787 -3642.3,-3789.6L-3642.3,-3853.3C-3642.3,-3867.6 -3630.3,-3879.3 -3615.5,-3879.3C-3600.7,-3879.3 -3588.7,-3867.7 -3588.7,-3853.3L-3588.7,-3789.6C-3588.8,-3787 -3590.9,-3784.9 -3593.6,-3784.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="deixalleria" transform="matrix(1.09617,0,0,1.13101,-122.887,-119.23)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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 id="deixalles" transform="matrix(1,0,0,1,-15.9158,9.18776)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="443" cy="940.1" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3624.4,-4639.1L-3785,-4639.1C-3788,-4639.1 -3790.4,-4641.4 -3790.4,-4644.3C-3790.4,-4647.2 -3788,-4649.5 -3785,-4649.5L-3624.4,-4649.5C-3621.4,-4649.5 -3619,-4647.2 -3619,-4644.3C-3619,-4641.4 -3621.4,-4639.1 -3624.4,-4639.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3726.5,-4540C-3729.5,-4540 -3731.9,-4542.3 -3731.9,-4545.2L-3731.9,-4601.8C-3731.9,-4604.7 -3729.5,-4607 -3726.5,-4607C-3723.5,-4607 -3721.1,-4604.7 -3721.1,-4601.8L-3721.1,-4545.2C-3721.2,-4542.4 -3723.6,-4540 -3726.5,-4540Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3682.7,-4540C-3685.7,-4540 -3688.1,-4542.3 -3688.1,-4545.2L-3688.1,-4601.8C-3688.1,-4604.7 -3685.7,-4607 -3682.7,-4607C-3679.7,-4607 -3677.3,-4604.7 -3677.3,-4601.8L-3677.3,-4545.2C-3677.4,-4542.4 -3679.8,-4540 -3682.7,-4540Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3646.2,-4497.6L-3763,-4497.6C-3770,-4497.6 -3775.7,-4503.1 -3775.7,-4509.9L-3775.7,-4644.3C-3775.7,-4647.2 -3773.3,-4649.5 -3770.3,-4649.5C-3767.3,-4649.5 -3764.9,-4647.2 -3764.9,-4644.3L-3764.9,-4509.9C-3764.9,-4508.9 -3764,-4508.1 -3763,-4508.1L-3646.2,-4508.1C-3645.2,-4508.1 -3644.3,-4509 -3644.3,-4509.9L-3644.3,-4644.3C-3644.3,-4647.2 -3641.9,-4649.5 -3638.9,-4649.5C-3635.9,-4649.5 -3633.5,-4647.2 -3633.5,-4644.3L-3633.5,-4509.9C-3633.6,-4503.1 -3639.3,-4497.6 -3646.2,-4497.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3668.1,-4639.1C-3671.1,-4639.1 -3673.5,-4641.4 -3673.5,-4644.3L-3673.5,-4658.4C-3673.5,-4663.2 -3677.7,-4667.3 -3682.7,-4667.3L-3726.5,-4667.3C-3731.5,-4667.3 -3735.7,-4663.2 -3735.7,-4658.4L-3735.7,-4644.3C-3735.7,-4641.4 -3738.1,-4639.1 -3741.1,-4639.1C-3744.1,-4639.1 -3746.5,-4641.4 -3746.5,-4644.3L-3746.5,-4658.4C-3746.5,-4669.1 -3737.6,-4677.8 -3726.5,-4677.8L-3682.7,-4677.8C-3671.7,-4677.8 -3662.7,-4669.1 -3662.7,-4658.4L-3662.7,-4644.3C-3662.8,-4641.4 -3665.2,-4639.1 -3668.1,-4639.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="440.6" cy="942" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4339.3,-5171C-4340.9,-5171 -4342.5,-5171.6 -4343.7,-5172.8L-4365.6,-5194C-4366.8,-5195.1 -4367.4,-5196.7 -4367.4,-5198.3C-4367.4,-5199.9 -4366.7,-5201.4 -4365.6,-5202.5L-4343.7,-5223.7C-4341.3,-5226 -4337.4,-5226 -4334.9,-5223.7C-4332.4,-5221.4 -4332.5,-5217.5 -4334.9,-5215.2L-4352.4,-5198.2L-4334.9,-5181.2C-4332.5,-5178.9 -4332.5,-5175 -4334.9,-5172.7C-4336.1,-5171.6 -4337.7,-5171 -4339.3,-5171Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4308.4,-5280.6C-4308.9,-5280.6 -4309.5,-5280.7 -4310,-5280.8L-4339.9,-5288.6C-4343.2,-5289.5 -4345.2,-5292.8 -4344.3,-5296C-4343.4,-5299.2 -4340,-5301.1 -4336.7,-5300.3L-4312.8,-5294.1L-4306.4,-5317.3C-4305.5,-5320.5 -4302.1,-5322.4 -4298.8,-5321.6C-4295.5,-5320.7 -4293.5,-5317.4 -4294.4,-5314.2L-4302.4,-5285.2C-4302.8,-5283.7 -4303.9,-5282.3 -4305.3,-5281.5C-4306.3,-5280.9 -4307.4,-5280.6 -4308.4,-5280.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4406,-5251.6C-4408.7,-5251.6 -4411.2,-5253.4 -4412,-5256.1L-4418.4,-5279.3L-4442.3,-5273.1C-4445.6,-5272.2 -4449,-5274.1 -4449.9,-5277.3C-4450.8,-5280.5 -4448.8,-5283.8 -4445.5,-5284.7L-4415.6,-5292.5C-4412.3,-5293.4 -4408.9,-5291.4 -4408,-5288.3L-4400,-5259.3C-4399.1,-5256.1 -4401.1,-5252.8 -4404.4,-5251.9C-4404.9,-5251.7 -4405.4,-5251.6 -4406,-5251.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4397.7,-5192.2L-4441.5,-5192.2C-4453,-5192.2 -4462.3,-5201.3 -4462.3,-5212.4C-4462.3,-5215.9 -4461.3,-5219.4 -4459.5,-5222.5L-4419.4,-5289.7C-4417.7,-5292.6 -4413.9,-5293.6 -4410.9,-5291.9C-4407.9,-5290.2 -4406.9,-5286.6 -4408.6,-5283.7L-4448.7,-5216.5C-4449.4,-5215.3 -4449.8,-5213.9 -4449.8,-5212.4C-4449.8,-5208 -4446,-5204.3 -4441.4,-5204.3L-4397.6,-5204.3C-4394.2,-5204.3 -4391.4,-5201.6 -4391.4,-5198.3C-4391.4,-5195 -4394.3,-5192.2 -4397.7,-5192.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4280.9,-5192.2L-4361.2,-5192.2C-4364.6,-5192.2 -4367.4,-5194.9 -4367.4,-5198.2C-4367.4,-5201.5 -4364.6,-5204.2 -4361.2,-5204.2L-4280.9,-5204.2C-4276.4,-5204.2 -4272.5,-5207.9 -4272.5,-5212.3C-4272.5,-5213.7 -4272.9,-5215.1 -4273.6,-5216.4L-4294.7,-5251.8C-4296.4,-5254.7 -4295.4,-5258.4 -4292.4,-5260C-4289.4,-5261.7 -4285.6,-5260.7 -4283.9,-5257.8L-4262.8,-5222.4C-4261,-5219.3 -4260,-5215.9 -4260,-5212.3C-4260.2,-5201.2 -4269.5,-5192.2 -4280.9,-5192.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4308.4,-5280.6C-4310.5,-5280.6 -4312.6,-5281.7 -4313.8,-5283.6L-4353.9,-5350.8C-4356.9,-5355.8 -4365.5,-5355.8 -4368.4,-5350.8L-4389.5,-5315.4C-4391.2,-5312.5 -4395,-5311.5 -4398,-5313.2C-4401,-5314.9 -4402,-5318.5 -4400.3,-5321.4L-4379.2,-5356.8C-4375.5,-5363 -4368.6,-5366.9 -4361.2,-5366.9C-4353.8,-5366.9 -4346.9,-5363 -4343.2,-5356.8L-4303.1,-5289.6C-4301.4,-5286.7 -4302.4,-5283 -4305.4,-5281.4C-4306.3,-5280.9 -4307.4,-5280.6 -4308.4,-5280.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="deixalleria1" transform="matrix(1.09617,0,0,1.13101,-118.458,-110.054)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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 id="deixalles2" transform="matrix(1,0,0,1,330.826,-459.639)">
|
|
|
|
|
<g transform="matrix(1,0,0,1,-157.167,20.7195)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="412.2" cy="993.5" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4725.4,-4470.8C-4727,-4470.8 -4728.6,-4471.4 -4729.8,-4472.6L-4751.7,-4493.8C-4754.1,-4496.1 -4754.1,-4500 -4751.7,-4502.3L-4729.8,-4523.5C-4727.4,-4525.8 -4723.5,-4525.8 -4721,-4523.5C-4718.6,-4521.2 -4718.6,-4517.3 -4721,-4515L-4738.5,-4498L-4721,-4481C-4718.6,-4478.7 -4718.6,-4474.8 -4721,-4472.5C-4722.2,-4471.4 -4723.8,-4470.8 -4725.4,-4470.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4694.5,-4580.4C-4695,-4580.4 -4695.6,-4580.5 -4696.1,-4580.6L-4726,-4588.4C-4729.3,-4589.3 -4731.3,-4592.6 -4730.4,-4595.8C-4729.5,-4599 -4726.1,-4600.9 -4722.8,-4600L-4698.9,-4593.8L-4692.5,-4617C-4691.6,-4620.2 -4688.2,-4622.1 -4684.9,-4621.3C-4681.6,-4620.4 -4679.6,-4617.1 -4680.5,-4613.9L-4688.5,-4584.9C-4688.9,-4583.4 -4690,-4582 -4691.4,-4581.2C-4692.4,-4580.7 -4693.4,-4580.4 -4694.5,-4580.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4792,-4551.4C-4794.7,-4551.4 -4797.2,-4553.2 -4798,-4555.8L-4804.4,-4579L-4828.3,-4572.8C-4831.6,-4571.9 -4835,-4573.8 -4835.9,-4577.1C-4836.8,-4580.3 -4834.8,-4583.6 -4831.5,-4584.5L-4801.6,-4592.2C-4798.3,-4593.1 -4794.9,-4591.2 -4794,-4588L-4786,-4559C-4785.1,-4555.8 -4787.1,-4552.5 -4790.4,-4551.6C-4790.9,-4551.5 -4791.5,-4551.4 -4792,-4551.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4783.8,-4492L-4827.6,-4492C-4839.1,-4492 -4848.4,-4501.1 -4848.4,-4512.2C-4848.4,-4515.7 -4847.4,-4519.2 -4845.6,-4522.3L-4805.5,-4589.5C-4803.8,-4592.4 -4800,-4593.4 -4797,-4591.7C-4794,-4590 -4793,-4586.4 -4794.7,-4583.5L-4834.8,-4516.3C-4835.5,-4515.1 -4835.9,-4513.7 -4835.9,-4512.2C-4835.9,-4507.8 -4832.1,-4504.1 -4827.5,-4504.1L-4783.7,-4504.1C-4780.3,-4504.1 -4777.5,-4501.4 -4777.5,-4498.1C-4777.5,-4494.8 -4780.3,-4492 -4783.8,-4492Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4667,-4492L-4747.3,-4492C-4750.7,-4492 -4753.5,-4494.7 -4753.5,-4498C-4753.5,-4501.3 -4750.7,-4504 -4747.3,-4504L-4667,-4504C-4662.5,-4504 -4658.6,-4507.7 -4658.6,-4512.1C-4658.6,-4513.5 -4659,-4514.9 -4659.7,-4516.2L-4680.8,-4551.6C-4682.5,-4554.5 -4681.5,-4558.2 -4678.5,-4559.8C-4675.6,-4561.5 -4671.8,-4560.5 -4670,-4557.6L-4648.9,-4522.2C-4647.1,-4519.2 -4646.1,-4515.7 -4646.1,-4512.1C-4646.2,-4501.1 -4655.5,-4492 -4667,-4492Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0735397,0,0,0.0735397,604.573,1350.33)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4694.5,-4580.4C-4696.6,-4580.4 -4698.7,-4581.5 -4699.9,-4583.4L-4740,-4650.6C-4743,-4655.6 -4751.5,-4655.6 -4754.5,-4650.6L-4775.6,-4615.2C-4777.3,-4612.3 -4781.1,-4611.4 -4784.1,-4613C-4787.1,-4614.7 -4788.1,-4618.3 -4786.4,-4621.2L-4765.3,-4656.6C-4761.6,-4662.8 -4754.7,-4666.7 -4747.3,-4666.7C-4739.9,-4666.7 -4733,-4662.8 -4729.3,-4656.6L-4689.2,-4589.4C-4687.5,-4586.5 -4688.5,-4582.8 -4691.5,-4581.2C-4692.4,-4580.7 -4693.5,-4580.4 -4694.5,-4580.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="415.1" cy="993.5" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3950.5,-4009L-4111.1,-4009C-4114.1,-4009 -4116.5,-4011.3 -4116.5,-4014.2C-4116.5,-4017.1 -4114.1,-4019.4 -4111.1,-4019.4L-3950.5,-4019.4C-3947.5,-4019.4 -3945.1,-4017.1 -3945.1,-4014.2C-3945.2,-4011.4 -3947.6,-4009 -3950.5,-4009Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4052.7,-3910C-4055.7,-3910 -4058.1,-3912.3 -4058.1,-3915.2L-4058.1,-3971.8C-4058.1,-3974.7 -4055.7,-3977 -4052.7,-3977C-4049.7,-3977 -4047.3,-3974.7 -4047.3,-3971.8L-4047.3,-3915.2C-4047.3,-3912.3 -4049.7,-3910 -4052.7,-3910Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4008.9,-3910C-4011.9,-3910 -4014.3,-3912.3 -4014.3,-3915.2L-4014.3,-3971.8C-4014.3,-3974.7 -4011.9,-3977 -4008.9,-3977C-4005.9,-3977 -4003.5,-3974.7 -4003.5,-3971.8L-4003.5,-3915.2C-4003.6,-3912.3 -4006,-3910 -4008.9,-3910Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3972.4,-3867.5L-4089.2,-3867.5C-4096.2,-3867.5 -4101.9,-3873 -4101.9,-3879.8L-4101.9,-4014.2C-4101.9,-4017.1 -4099.5,-4019.4 -4096.5,-4019.4C-4093.5,-4019.4 -4091.1,-4017.1 -4091.1,-4014.2L-4091.1,-3879.8C-4091.1,-3878.8 -4090.2,-3878 -4089.2,-3878L-3972.4,-3878C-3971.3,-3878 -3970.5,-3878.8 -3970.5,-3879.8L-3970.5,-4014.2C-3970.5,-4017.1 -3968.1,-4019.4 -3965.1,-4019.4C-3962.1,-4019.4 -3959.7,-4017.1 -3959.7,-4014.2L-3959.7,-3879.8C-3959.8,-3873.1 -3965.4,-3867.5 -3972.4,-3867.5Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.50974,0,0,0.50974,512.994,1290.51)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-3994.3,-4009C-3997.3,-4009 -3999.7,-4011.3 -3999.7,-4014.2L-3999.7,-4028.3C-3999.7,-4033.1 -4003.9,-4037.2 -4008.9,-4037.2L-4052.7,-4037.2C-4057.7,-4037.2 -4061.9,-4033.1 -4061.9,-4028.3L-4061.9,-4014.2C-4061.9,-4011.3 -4064.3,-4009 -4067.3,-4009C-4070.3,-4009 -4072.7,-4011.3 -4072.7,-4014.2L-4072.7,-4028.3C-4072.7,-4039 -4063.7,-4047.7 -4052.7,-4047.7L-4008.9,-4047.7C-3997.9,-4047.7 -3988.9,-4039 -3988.9,-4028.3L-3988.9,-4014.2C-3989,-4011.4 -3991.4,-4009 -3994.3,-4009Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(0.999999,2.93738e-08,1.85892e-09,1,420.603,382.782)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M58.3,220.2C57.7,220.6 56.8,220.5 56.4,219.9C55.9,219.3 56.1,218.5 56.7,218C57.3,217.6 58.2,217.7 58.6,218.3C59,219 58.9,219.8 58.3,220.2Z" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M57.5,219.6C57.4,219.6 57.2,219.5 57.1,219.4C56.9,219.2 57,218.9 57.2,218.8L117.3,175.4C117.5,175.3 117.8,175.3 117.9,175.5C118.1,175.7 118,176 117.8,176.1L57.7,219.5C57.6,219.6 57.6,219.6 57.5,219.6Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g id="serveis" transform="matrix(1.09617,0,0,1.13101,-122.887,-119.23)">
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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 transform="matrix(1,0,0,1,144.844,-502.387)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="415.1" cy="1001.8" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4496,-4318.2C-4499.3,-4318.2 -4502,-4320.8 -4502,-4324L-4502,-4387.7C-4502,-4388.4 -4502.6,-4389 -4503.3,-4389L-4605.5,-4389C-4606.2,-4389 -4606.8,-4388.4 -4606.8,-4387.7L-4606.8,-4324C-4606.8,-4320.8 -4609.5,-4318.2 -4612.8,-4318.2C-4616.1,-4318.2 -4618.8,-4320.8 -4618.8,-4324L-4618.8,-4387.7C-4618.8,-4394.8 -4612.8,-4400.6 -4605.5,-4400.6L-4503.3,-4400.6C-4496,-4400.6 -4490,-4394.8 -4490,-4387.7L-4490,-4324C-4490,-4320.8 -4492.7,-4318.2 -4496,-4318.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4569,-4360.7L-4583.6,-4360.7C-4586.9,-4360.7 -4589.6,-4363.3 -4589.6,-4366.5C-4589.6,-4369.7 -4586.9,-4372.3 -4583.6,-4372.3L-4569,-4372.3C-4565.7,-4372.3 -4563,-4369.7 -4563,-4366.5C-4563,-4363.3 -4565.7,-4360.7 -4569,-4360.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4554.4,-4240.4C-4602,-4240.4 -4640.7,-4277.9 -4640.7,-4324C-4640.7,-4327.2 -4638,-4329.8 -4634.7,-4329.8L-4474.1,-4329.8C-4470.8,-4329.8 -4468.1,-4327.2 -4468.1,-4324C-4468.1,-4277.9 -4506.8,-4240.4 -4554.4,-4240.4ZM-4628.4,-4318.2C-4625.3,-4281.2 -4593.3,-4252 -4554.4,-4252C-4515.5,-4252 -4483.4,-4281.2 -4480.4,-4318.2L-4628.4,-4318.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.0759461,0,0,0.0759461,905.648,825.933)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-4525.2,-4212.1L-4583.6,-4212.1C-4590.9,-4212.1 -4596.9,-4217.9 -4596.9,-4225C-4596.9,-4225.3 -4596.8,-4226.6 -4596.8,-4226.9L-4592.9,-4253.7C-4592.4,-4256.9 -4589.4,-4259.1 -4586.1,-4258.6C-4582.8,-4258.1 -4580.5,-4255.2 -4581,-4252L-4585,-4225.2C-4585,-4224.4 -4584.4,-4223.8 -4583.7,-4223.8L-4525.3,-4223.8C-4524.6,-4223.8 -4524,-4224.4 -4524,-4225.1L-4528,-4252.1C-4528.5,-4255.3 -4526.2,-4258.2 -4522.9,-4258.7C-4519.6,-4259.2 -4516.6,-4256.9 -4516.1,-4253.8L-4512.1,-4227C-4512.1,-4226.7 -4512,-4225.4 -4512,-4225.2C-4511.9,-4217.9 -4517.9,-4212.1 -4525.2,-4212.1Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,177.722,-502.387)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="412.2" cy="1001.8" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="-5492.4" cy="-4994.7" r="6.9" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
<path d="M-5492.4,-4984.2C-5498.4,-4984.2 -5503.2,-4988.9 -5503.2,-4994.7C-5503.2,-5000.5 -5498.3,-5005.2 -5492.4,-5005.2C-5486.4,-5005.2 -5481.6,-5000.5 -5481.6,-4994.7C-5481.6,-4988.9 -5486.4,-4984.2 -5492.4,-4984.2ZM-5492.4,-4998.4C-5494.5,-4998.4 -5496.2,-4996.8 -5496.2,-4994.7C-5496.2,-4992.6 -5494.5,-4991.1 -5492.4,-4991.1C-5490.3,-4991.1 -5488.6,-4992.7 -5488.6,-4994.7C-5488.6,-4996.7 -5490.3,-4998.4 -5492.4,-4998.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="-5463.2" cy="-5023" r="6.9" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
<path d="M-5463.2,-5012.5C-5469.2,-5012.5 -5474,-5017.2 -5474,-5023C-5474,-5028.8 -5469.1,-5033.5 -5463.2,-5033.5C-5457.2,-5033.5 -5452.4,-5028.8 -5452.4,-5023C-5452.4,-5017.2 -5457.2,-5012.5 -5463.2,-5012.5ZM-5463.2,-5026.7C-5465.3,-5026.7 -5467,-5025.1 -5467,-5023C-5467,-5020.9 -5465.3,-5019.4 -5463.2,-5019.4C-5461.1,-5019.4 -5459.4,-5021 -5459.4,-5023C-5459.4,-5025 -5461.1,-5026.7 -5463.2,-5026.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="-5521.6" cy="-5023" r="6.9" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
<path d="M-5521.6,-5012.5C-5527.6,-5012.5 -5532.4,-5017.2 -5532.4,-5023C-5532.4,-5028.8 -5527.5,-5033.5 -5521.6,-5033.5C-5515.6,-5033.5 -5510.8,-5028.8 -5510.8,-5023C-5510.8,-5017.2 -5515.6,-5012.5 -5521.6,-5012.5ZM-5521.6,-5026.7C-5523.7,-5026.7 -5525.4,-5025.1 -5525.4,-5023C-5525.4,-5020.9 -5523.7,-5019.4 -5521.6,-5019.4C-5519.5,-5019.4 -5517.8,-5021 -5517.8,-5023C-5517.8,-5025 -5519.5,-5026.7 -5521.6,-5026.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="-5492.4" cy="-5051.3" r="6.9" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
<path d="M-5492.4,-5040.8C-5498.4,-5040.8 -5503.2,-5045.5 -5503.2,-5051.3C-5503.2,-5057.1 -5498.3,-5061.8 -5492.4,-5061.8C-5486.4,-5061.8 -5481.6,-5057.1 -5481.6,-5051.3C-5481.6,-5045.5 -5486.4,-5040.8 -5492.4,-5040.8ZM-5492.4,-5054.9C-5494.5,-5054.9 -5496.2,-5053.3 -5496.2,-5051.3C-5496.2,-5049.3 -5494.5,-5047.6 -5492.4,-5047.6C-5490.3,-5047.6 -5488.6,-5049.2 -5488.6,-5051.3C-5488.6,-5053.4 -5490.3,-5054.9 -5492.4,-5054.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.064579,0,0,0.064579,941.483,828.46)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-5399.3,-5012.6C-5403.1,-5012.6 -5406.8,-5014.1 -5409.4,-5016.7L-5498.8,-5103.3C-5501.5,-5105.9 -5503,-5109.5 -5503,-5113.1C-5503,-5119.9 -5498,-5125.7 -5491,-5126.8L-5375.3,-5146L-5349.8,-5170.7C-5347.1,-5173.3 -5343.4,-5174.8 -5339.6,-5174.8L-5313.4,-5174.8C-5309.5,-5174.8 -5306.3,-5171.7 -5306.3,-5168C-5306.3,-5164.3 -5309.5,-5161.2 -5313.4,-5161.2L-5339.6,-5161.2L-5365.2,-5136.4L-5385,-5024.2C-5386.3,-5017.5 -5392.3,-5012.6 -5399.3,-5012.6ZM-5380.6,-5131.3L-5488.7,-5113.4L-5399.5,-5026.4L-5380.6,-5131.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<g transform="matrix(1,0,0,1,210.601,-502.387)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<circle cx="409.4" cy="1001.8" r="12" style="fill:white;"/>
|
|
|
|
|
</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
|
|
|
</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)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-607.4,-585.2L-626.3,-585.2C-627.3,-585.2 -628.1,-584.4 -628.1,-583.5L-628.1,-560.9C-628.1,-560.7 -627.9,-560.5 -627.6,-560.5L-606.1,-560.5C-605.8,-560.5 -605.6,-560.7 -605.6,-560.9L-605.6,-583.5C-605.6,-584.5 -606.4,-585.2 -607.4,-585.2ZM-626.3,-584.4L-607.4,-584.4C-606.9,-584.4 -606.5,-584 -606.5,-583.6L-606.5,-580.3L-627.1,-580.3L-627.1,-583.6C-627.2,-584 -626.8,-584.4 -626.3,-584.4ZM-627.2,-561.3L-627.2,-579.3L-606.6,-579.3L-606.6,-561.3L-627.2,-561.3Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
<path d="M-606.1,-560.3L-627.6,-560.3C-627.9,-560.3 -628.2,-560.6 -628.2,-560.9L-628.2,-583.5C-628.2,-584.5 -627.3,-585.4 -626.3,-585.4L-607.4,-585.4C-606.3,-585.4 -605.5,-584.6 -605.5,-583.5L-605.5,-560.9C-605.5,-560.6 -605.8,-560.3 -606.1,-560.3ZM-626.3,-585.1C-627.2,-585.1 -627.9,-584.4 -627.9,-583.5L-627.9,-560.9C-627.9,-560.7 -627.8,-560.6 -627.6,-560.6L-606.1,-560.6C-605.9,-560.6 -605.8,-560.7 -605.8,-560.9L-605.8,-583.5C-605.8,-584.4 -606.5,-585.1 -607.4,-585.1L-626.3,-585.1ZM-606.6,-561.2L-627.2,-561.2C-627.3,-561.2 -627.4,-561.3 -627.4,-561.4L-627.4,-579.4C-627.4,-579.5 -627.3,-579.6 -627.2,-579.6L-606.6,-579.6C-606.5,-579.6 -606.4,-579.5 -606.4,-579.4L-606.4,-561.4C-606.4,-561.2 -606.5,-561.2 -606.6,-561.2ZM-627,-561.5L-606.7,-561.5L-606.7,-579.2L-627,-579.2L-627,-561.5ZM-606.6,-580L-627.2,-580C-627.3,-580 -627.4,-580.1 -627.4,-580.2L-627.4,-583.5C-627.4,-584 -626.9,-584.5 -626.4,-584.5L-607.5,-584.5C-606.9,-584.5 -606.5,-584.1 -606.5,-583.5L-606.5,-580.2C-606.4,-580.1 -606.5,-580 -606.6,-580ZM-627,-580.4L-606.7,-580.4L-606.7,-583.6C-606.7,-584 -607,-584.3 -607.4,-584.3L-626.3,-584.3C-626.7,-584.3 -627,-584 -627,-583.6L-627,-580.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-624.5,-581.7L-624,-581.7C-623.7,-581.7 -623.5,-581.9 -623.5,-582.1C-623.5,-582.3 -623.7,-582.5 -624,-582.5L-624.5,-582.5C-624.8,-582.5 -625,-582.3 -625,-582.1C-624.9,-581.9 -624.7,-581.7 -624.5,-581.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
<path d="M-624,-581.5L-624.5,-581.5C-624.8,-581.5 -625.1,-581.8 -625.1,-582.1C-625.1,-582.4 -624.8,-582.7 -624.5,-582.7L-624,-582.7C-623.7,-582.7 -623.4,-582.4 -623.4,-582.1C-623.4,-581.8 -623.6,-581.5 -624,-581.5ZM-624.5,-582.4C-624.7,-582.4 -624.8,-582.3 -624.8,-582.1C-624.8,-581.9 -624.7,-581.8 -624.5,-581.8L-624,-581.8C-623.8,-581.8 -623.7,-581.9 -623.7,-582.1C-623.7,-582.3 -623.8,-582.4 -624,-582.4L-624.5,-582.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-621.7,-581.7L-621.2,-581.7C-620.9,-581.7 -620.7,-581.9 -620.7,-582.1C-620.7,-582.3 -620.9,-582.5 -621.2,-582.5L-621.7,-582.5C-622,-582.5 -622.2,-582.3 -622.2,-582.1C-622.1,-581.9 -621.9,-581.7 -621.7,-581.7Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
<path d="M-621.2,-581.5L-621.7,-581.5C-622,-581.5 -622.3,-581.8 -622.3,-582.1C-622.3,-582.4 -622,-582.7 -621.7,-582.7L-621.2,-582.7C-620.9,-582.7 -620.6,-582.4 -620.6,-582.1C-620.6,-581.8 -620.8,-581.5 -621.2,-581.5ZM-621.7,-582.4C-621.9,-582.4 -622,-582.3 -622,-582.1C-622,-581.9 -621.9,-581.8 -621.7,-581.8L-621.2,-581.8C-621,-581.8 -620.9,-581.9 -620.9,-582.1C-620.9,-582.3 -621,-582.4 -621.2,-582.4L-621.7,-582.4Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
<g transform="matrix(0.574395,0,0,0.574395,974.402,827.029)">
|
2023-12-13 22:23:28 +00:00
|
|
|
<g>
|
|
|
|
|
<path d="M-616.9,-577.8C-621.1,-577.8 -624.6,-574.5 -624.6,-570.4C-624.6,-566.3 -621.2,-563 -616.9,-563C-612.7,-563 -609.2,-566.3 -609.2,-570.4C-609.2,-574.5 -612.6,-577.8 -616.9,-577.8ZM-616.9,-577C-613.4,-577 -610.6,-574.5 -610.2,-571.2L-610.3,-571.2C-610.3,-571.2 -611.7,-570 -613.6,-570C-614.9,-570 -615.6,-570.5 -616.4,-571C-617.2,-571.5 -618,-572.1 -619.2,-572.1C-621.3,-572.1 -623,-571 -623.7,-570.4L-623.7,-570.5C-623.6,-574 -620.6,-577 -616.9,-577ZM-616.9,-563.9C-620.2,-563.9 -623,-566.2 -623.5,-569.3C-623.5,-569.3 -623.4,-569.3 -623.4,-569.4C-623.4,-569.4 -621.6,-571.2 -619.1,-571.2C-618.1,-571.2 -617.5,-570.8 -616.8,-570.3C-616,-569.8 -615.1,-569.1 -613.5,-569.1C-612,-569.1 -610.8,-569.7 -610.1,-570.2C-610.3,-566.7 -613.2,-563.9 -616.9,-563.9Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
<path d="M-616.9,-562.8C-621.2,-562.8 -624.7,-566.2 -624.7,-570.4C-624.7,-574.6 -621.2,-578 -616.9,-578C-612.6,-578 -609.1,-574.6 -609.1,-570.4C-609,-566.2 -612.5,-562.8 -616.9,-562.8ZM-616.9,-577.7C-621,-577.7 -624.4,-574.4 -624.4,-570.4C-624.4,-566.4 -621,-563.1 -616.9,-563.1C-612.8,-563.1 -609.4,-566.4 -609.4,-570.4C-609.3,-574.4 -612.7,-577.7 -616.9,-577.7ZM-616.9,-563.7C-620.2,-563.7 -623.1,-566 -623.7,-569.2C-623.7,-569.3 -623.7,-569.3 -623.6,-569.4C-623.6,-569.4 -623.5,-569.4 -623.5,-569.5C-623.3,-569.7 -621.5,-571.4 -619.1,-571.4C-618.1,-571.4 -617.4,-571 -616.7,-570.5C-615.9,-570 -615,-569.4 -613.5,-569.4C-612,-569.4 -610.8,-570 -610.2,-570.4L-610,-570.4C-609.9,-570.4 -609.9,-570.3 -609.9,-570.3C-610.1,-566.5 -613.1,-563.7 -616.9,-563.7ZM-623.3,-569.2C-622.7,-566.2 -620,-564.1 -616.8,-564.1C-613.4,-564.1 -610.5,-566.6 -610.2,-569.9C-610.9,-569.5 -612,-569 -613.4,-569C-615,-569 -616,-569.6 -616.8,-570.2C-617.5,-570.7 -618.1,-571.1 -619,-571.1C-621.4,-571 -623.2,-569.3 -623.3,-569.2ZM-613.5,-569.8C-614.8,-569.8 -615.6,-570.3 -616.4,-570.8C-617.1,-571.3 -617.9,-571.8 -619.2,-571.8C-621.3,-571.8 -622.9,-570.7 -623.6,-570.1L-623.8,-570.1C-623.9,-570.1 -623.9,-570.2 -623.9,-570.2L-623.9,-570.3C-623.9,-574 -620.8,-577 -617,-577C-613.5,-577 -610.6,-574.5 -610.1,-571.1C-610.1,-571 -610.1,-571 -610.2,-570.9C-610.2,-571 -611.6,-569.8 -613.5,-569.8ZM-619.1,-572.2C-617.8,-572.2 -617,-571.7 -616.2,-571.1C-615.5,-570.6 -614.7,-570.1 -613.5,-570.1C-611.8,-570.1 -610.5,-571.1 -610.3,-571.3C-610.7,-574.5 -613.5,-576.8 -616.8,-576.8C-620.4,-576.8 -623.3,-574 -623.4,-570.6C-622.6,-571.3 -621,-572.2 -619.1,-572.2Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
2023-12-13 22:23:28 +00:00
|
|
|
<g transform="matrix(1,-3.27636e-07,-1.12788e-07,0.999999,424.644,390.894)">
|
|
|
|
|
<g>
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-14.3,209.4C-14.9,209.8 -15.8,209.7 -16.2,209.1C-16.7,208.5 -16.5,207.7 -15.9,207.2C-15.3,206.8 -14.4,206.9 -14,207.5C-13.6,208.1 -13.7,209 -14.3,209.4Z" style="fill:rgb(82,84,83);"/>
|
|
|
|
|
</g>
|
|
|
|
|
<g>
|
|
|
|
|
<path d="M-15.1,208.8C-15.2,208.8 -15.4,208.7 -15.5,208.6C-15.7,208.4 -15.6,208.1 -15.4,208L117,112.3C117.2,112.2 117.5,112.2 117.6,112.4C117.8,112.6 117.7,112.9 117.5,113L-14.9,208.7C-14.9,208.7 -15,208.8 -15.1,208.8Z" style="fill:rgb(82,84,83);fill-rule:nonzero;"/>
|
|
|
|
|
</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
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
</g>
|
|
|
|
|
<defs>
|
2023-12-13 22:23:28 +00:00
|
|
|
<radialGradient id="_Radial1" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,12.9915,425.277)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,47.4255,407.642)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial3" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-19.9573,349.166)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial4" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,72.3633,398.525)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial5" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,103.859,387.509)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,99.4075,363.998)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial7" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,76.5377,357.574)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial8" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,127.882,391.822)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial9" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,152.475,379.736)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,143.196,352.917)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial11" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,186.626,374.402)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial12" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,192.589,347.596)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial13" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,217.967,373.959)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial14" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,243.407,369.435)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial15" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,243.212,340.857)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial16" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,276.776,367.926)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial17" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,300.521,366.964)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial18" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,283.643,333.458)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,328.489,359.569)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial20" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,328.489,326.515)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial21" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,352.349,357.061)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial22" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,382.389,347.197)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial23" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,362.775,320.497)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial24" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,413.782,341.39)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial25" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,418.734,319.932)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial26" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,390.586,301.648)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial27" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,451.44,337.757)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial28" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,452.596,307.427)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial29" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,473.206,373.835)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial30" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,532.079,377.713)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial31" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,569.969,366.189)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial32" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,557.255,337.594)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial33" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,540.799,346.946)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial34" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,526.091,336.909)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial35" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,491.449,307.401)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial36" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,550.666,303.385)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial37" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,557.814,267.459)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial38" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,571.238,239.457)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial39" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,541.333,228.107)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial40" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,515.222,224.896)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial41" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,514.854,262.668)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial42" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,486.771,261.538)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial43" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,488.161,226.162)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial44" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,454.098,264.907)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial45" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,456.935,223.011)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial46" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,449.765,197.271)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial47" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,475.05,200.844)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial48" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,426.328,191.649)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial49" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,423.435,263.235)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial50" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,428.359,233.434)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial51" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,425.092,214.098)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial52" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,398.679,260.512)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial53" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,396.647,229.684)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial54" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,373.528,213.792)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial55" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,388.134,194.569)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial56" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,332.376,210.822)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial57" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,303.345,190.503)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial58" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,273.43,207.416)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial59" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,248.433,191.612)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial60" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,222.814,209.309)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial61" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,196.572,194.516)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial62" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,170.626,214.994)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial63" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,144.649,196.84)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial64" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,118.008,216.541)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial65" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,68.1466,224.473)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial66" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,85.8524,183.355)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial67" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,72.7969,164.473)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial68" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,50.3509,174.541)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial69" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,45.8636,121.359)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial70" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,56.3533,99.7797)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial71" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,21.2627,88.9999)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial72" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,1.87426,128.238)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial73" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-51.7215,131.686)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial74" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-108.401,128.573)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial75" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-161.043,131.549)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial76" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-166.308,175.575)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial77" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-172.955,202.407)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial78" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-140.268,206.891)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial79" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-135.857,177.149)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial80" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-105.462,173.787)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial81" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-105.329,199.01)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial82" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-180.703,259.398)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial83" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-199.425,327.558)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial84" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-154.697,338.372)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial85" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-169.89,312.704)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial86" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-142.147,299.347)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial87" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-127.094,317.008)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial88" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-114.529,278.044)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial89" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-100.757,297.897)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial90" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-87.4909,259.75)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial91" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-52.8268,253.579)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial92" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-48.1289,274.449)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial93" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-16.7314,249.939)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial94" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-16.6749,272.471)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial95" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-25.0175,301.006)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial96" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-59.2099,305.972)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial97" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-59.21,333.95)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial98" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-99.4314,330.921)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial99" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-82.8697,349.255)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial100" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-127.466,352.052)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial101" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-113.854,373.334)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial102" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-155.309,374.213)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial103" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-143.367,394.934)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial104" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-179.627,415.397)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial105" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-191.518,392.562)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial106" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-201.877,492.662)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial107" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-182.323,519.318)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial108" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-232.488,567.314)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial109" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-249.873,553.232)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial110" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-272.668,519.201)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial111" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-294.638,519.772)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial112" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-297.694,496.974)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial113" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-293.386,468.609)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial114" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-294.72,443.159)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial115" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-271.378,436.64)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial116" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-224.848,440.189)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial117" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-213.894,426.924)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial118" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-215.784,397.139)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial119" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-218.015,377.656)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial120" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0654,0.0113584,0.0121436,-11.1125,-228.052,318.776)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial121" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-248.578,315.538)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial122" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-278.628,310.334)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial123" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-267.063,280.996)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial124" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-243.233,284.657)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial125" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-258.917,253.3)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial126" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-233.909,253.459)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial127" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-242.232,213.051)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial128" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-218.832,210.669)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial129" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-229.316,167.364)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial130" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-203.755,166.156)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial131" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-228.774,143.108)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial132" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-195.546,107.016)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial133" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-233.019,103.479)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial134" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-247.939,80.6375)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial135" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-227.229,67.1097)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial136" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-276.829,43.2825)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial137" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-250.113,31.3375)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial138" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-285.056,17.354)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial139" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-273.182,-11.9598)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial140" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-243.223,-10.5485)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial141" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-268.304,-39.3106)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial142" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-229.611,-129.165)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial143" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-227.83,-79.3461)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial144" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-230.033,-54.296)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial145" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-210.511,-66.5502)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial146" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-192.96,-39.279)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial147" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-173.96,-55.7635)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial148" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-157.01,-74.2566)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial149" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-124.671,-43.968)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial150" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-110.112,-66.0888)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial151" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-102.016,-44.0797)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial152" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-88.6129,-67.2063)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial153" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-87.2229,-44.7854)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial154" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-71.971,-44.5266)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial155" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-37.3889,-71.7775)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial156" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-4.01965,-76.1375)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial157" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,1.61703,-57.8489)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial158" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-25.8487,-46.9007)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial159" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-203.576,21.827)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial160" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-195.017,47.9563)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial161" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-163.751,15.5746)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial162" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-165.088,43.2312)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial163" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-128.44,13.1016)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial164" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-128.599,41.8885)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial165" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-96.8391,13.052)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial166" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-97.3002,41.4417)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial167" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-62.2914,19.4333)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial168" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-64.3143,41.0639)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial169" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-22.9726,27.6778)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial170" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-25.6353,44.8979)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial171" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,6.64283,50.5428)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial172" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,31.4262,4.95792)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial173" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,53.9674,4.64445)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial174" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,78.3719,0.439728)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial175" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,77.6474,-24.1474)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial176" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,45.594,-54.6247)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial177" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,61.1455,-62.6061)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial178" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,45.1595,-84.1967)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial179" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,64.6572,-102.486)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial180" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,55.9743,-134.348)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial181" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,15.6648,-134.644)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial182" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,22.7928,-107.28)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial183" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-5.82036,-105.546)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial184" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-44.6605,-103.125)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial185" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-77.5098,-98.3108)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial186" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-40.6792,-163.708)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial187" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-18.1239,-172.485)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial188" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-58.0368,-184.509)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial189" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-66.3732,-169.928)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial190" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,34.0475,-201.785)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial191" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,50.9582,-194.185)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial192" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,92.8578,-195.266)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial193" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,91.8857,-227.012)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial194" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,72.3201,-237.274)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial195" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,26.4515,-232.466)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial196" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-102.139,-198.642)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial197" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-132.592,-189.167)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial198" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-107.45,-98.8575)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial199" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-159.595,-116.028)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial200" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-141.388,-102.881)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial201" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-195.889,-94.8151)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial202" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-297.909,413.976)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial203" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-297.641,387.477)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial204" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-296.467,359.965)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial205" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-294.723,329.537)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial206" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-155.032,232.983)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial207" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-152.388,260.137)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial208" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-106.967,223.187)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial209" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-159.786,95.547)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial210" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-130.768,105.797)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial211" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-105.218,100.58)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial212" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-106.713,77.1232)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial213" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-75.6659,105.873)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial214" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-51.0384,103.992)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial215" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-55.8889,76.4508)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial216" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-25.6521,104.582)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial217" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,-2.74335,99.9317)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial218" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,16.6406,323.562)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial219" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,13.6729,301.889)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial220" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,37.2277,289.985)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial221" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,50.3087,307.531)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial222" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,89.8893,329.183)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial223" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,93.4511,306.773)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial224" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,135.918,305.201)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial225" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,136.792,326.056)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial226" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,177.882,295.42)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial227" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,179.288,323.925)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial228" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,217.628,290.372)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial229" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,220.859,313.625)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial230" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,262.442,281.604)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial231" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,264.046,304.619)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial232" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,304.244,277.873)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial233" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,306.474,301.786)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial234" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,354.036,293.265)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial235" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,360.847,255.355)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial236" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,337.555,257.283)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial237" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,306.049,246.414)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial238" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,282.677,265.207)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial239" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,258.214,261.921)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial240" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,257.342,245.221)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial241" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,211.75,244.366)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial242" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,214.29,269.054)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial243" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,176.149,275.458)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial244" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,174.514,247.497)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial245" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,141.685,248.947)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial246" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,141.668,283.147)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial247" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,104.689,283.333)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial248" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,105.723,250.853)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial249" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,48.0382,327.81)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial250" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,26.4851,254.517)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial251" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,67.1532,255.006)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial252" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,70.5643,285.405)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
|
|
|
|
<radialGradient id="_Radial253" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(11.0642,0.0113567,0.0121418,-11.1114,536.011,264.527)"><stop offset="0" style="stop-color:rgb(175,221,137);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(205,228,163);stop-opacity:1"/></radialGradient>
|
Add campsite map in SVG
I intend to use the same SVG file for customers and employees, so i had
to change Oriol’s design to add a class to layers that are supposed to
be only for customers, like trees. These are hidden in the admin area.
I understood that customers and employees have to click on a campsite to
select it, and then they can book or whatever they need to do to them.
Since customers and employees most certainly will need to have different
listeners on campsites, i decided to add the link with JavaScript. To
do so, i need a custom XML attribute with the campsite’s identifier.
Since i have seen that all campsites have a label, i changed the
“identifier” to the unique combination (company_id, label). The
company_id is there because different companies could have the same
label; i left the campsite_id primary key for foreign constraints.
In this case, as a test, i add an <a> element to the campsite with a
link to edit it; we’ll discuss with Oriol what exactly it needs to do.
However, the original design had the labels in a different layer, that
interfered with the link, as the numbers must be above the path and
the link must wrap the path in order to “inherit” its shape. I 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>
|
