Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Albert Beltran
map
Commits
5a68261b
Commit
5a68261b
authored
Nov 07, 2018
by
Raph El
Browse files
Modif map
parent
cdac3a79
Changes
3
Hide whitespace changes
Inline
Side-by-side
assets/css/map.css
View file @
5a68261b
...
...
@@ -46,7 +46,48 @@
}
/************* POPUP ************/
item_map_list
.left-col
.thumbnail-profil
{
.popup-tags
{
color
:
red
;
font-weight
:
500
;
text-decoration
:
none
;
display
:
inline
;
}
.popup-div-desc
{
margin-top
:
15px
;
}
.popup-desc
{
font-weight
:
400
;
border-bottom
:
1px
solid
lightgray
;
margin-bottom
:
5px
;
width
:
100%
;
font-size
:
14px
;
color
:
black
;
float
:
left
;
}
/*.item_map_list.popup-marker {
width: 100%;
text-decoration: none;
background-color: transparent;
border: 0px white;
float: unset;
display: inline-block;
padding: 5px;
}
.item_map_list .left-col {
float: left;
width: 65px;
}
.item_map_list .left-col .thumbnail-profil {
width: 50px;
height: 50px;
...
...
@@ -54,4 +95,30 @@ item_map_list .left-col .thumbnail-profil {
border-radius: 4px;
float: right;
}
\ No newline at end of file
}
.item_map_list .left-col .ico-type-account {
background-image: url("../images/popup/flag.png");
position: relative;
left: -6px;
text-align: center;
height: 20px;
width: 40px;
top: 5px;
font-size: 12px;
padding: 2px;
}
.item_map_list .left-col .thumbnail-profil img {
border-radius: 4px;
}
.item_map_list .right-col .info_item {
float: left;
min-width: 90%;
max-width: 90%;
text-align: left;
font-family: inherit;
font-size: 11px;
color: grey;
}*/
\ No newline at end of file
assets/images/popup/flag.png
0 → 100644
View file @
5a68261b
438 Bytes
assets/js/map.js
View file @
5a68261b
...
...
@@ -93,7 +93,10 @@ var mapObj = {
mapObj
.
addPopUp
(
circle
,
true
);
},
addPopUp
:
function
(
marker
,
elt
=
null
,
open
=
false
){
marker
.
bindPopup
(
mapObj
.
getPopupSimple
(
elt
)).
openPopup
();
marker
.
bindPopup
(
mapObj
.
getPopupSimple
(
elt
),
{
width
:
"
300px
"
}).
openPopup
();
if
(
open
===
true
)
marker
.
openPopup
();
},
...
...
@@ -133,27 +136,70 @@ var mapCustom = {
// CODE A SUPPRIMER
data
.
profilThumbImageUrl
=
"
/ph/assets/753062fa/images/filtres/Loisir.png
"
;
var
icons
=
'
<i class="fa fa-user text-
'
+
headerParams
[
data
.
type
Communecter
].
color
+
'
"></i>
'
;
var
icons
=
'
<i class="fa fa-user text-
'
+
headerParams
[
data
.
type
].
color
+
'
"></i>
'
;
// END CODE A SUPPRIMER
//var icons = '<i class="fa fa-user text-'+ headerParams[data.type].color +'"></i>';
// var popup = "<div class='popup-marker'>";
// popup += "<div class='' id='popup"+data.id+"'>";
// popup += "<div class='main-panel'>"
// popup += "<div class='left-col'>";
// popup += "<div class='thumbnail-profil'>"
// popup += "<img src='" + data.profilThumbImageUrl + "' height=50 width=50 class='popup-info-profil-thumb'>";
// popup += "</div>" ;
// popup += "<div class='ico-type-account'>"+icons+"</div>";
// popup += "</div>";
// popup += "<div class='right-col'>";
// popup += "<div class='info_item pseudo_item_map_list'>" + data['name'] + "</div>";
// popup += "</div>";
// popup += "</div>";
// popup += '</div>';
var
popup
=
"
<div class='popup-marker'>
"
;
//popup += data.name;
var
popup
=
""
;
popup
+=
"
<div class='' id='popup
"
+
data
.
id
+
"
'>
"
;
popup
+=
"
<img src='
"
+
data
.
profilThumbImageUrl
+
"
' height='30' width='30' class='' style='display: inline; vertical-align: middle; border-radius:100%;'>
"
;
popup
+=
"
<span style='font-size:18px'>
"
+
data
[
'
name
'
]
+
"
</span>
"
;
if
(
typeof
data
.
tags
!=
"
undefined
"
&&
data
.
tags
!=
null
&&
data
.
tags
.
length
>
0
){
popup
+=
"
<div class=''>
"
;
var
totalTags
=
0
;
$
.
each
(
data
.
tags
,
function
(
index
,
value
){
totalTags
++
;
if
(
totalTags
<
4
){
popup
+=
"
<div class='popup-tags'>#
"
+
value
+
"
</div>
"
;
}
});
popup
+=
"
</div>
"
;
}
popup
+=
"
<div class='item_map_list popup-marker' id='popup
"
+
data
.
id
+
"
'>
"
;
popup
+=
"
<div class='main-panel'>
"
popup
+=
"
<div class='left-col'>
"
;
popup
+=
"
<div class='thumbnail-profil'>
"
popup
+=
"
<img src='
"
+
data
.
profilThumbImageUrl
+
"
' height=50 width=50 class='popup-info-profil-thumb'>
"
;
popup
+=
"
</div>
"
;
popup
+=
"
<div class='ico-type-account'>
"
+
icons
+
"
</div>
"
;
if
(
typeof
data
.
shortDescription
!=
"
undefined
"
&&
data
.
shortDescription
!=
""
&&
data
.
shortDescription
!=
null
)
{
popup
+=
"
<div class='popup-div-desc'>
"
popup
+=
"
<div class='popup-desc'>Description</div>
"
popup
+=
"
<div class=''>
"
+
data
.
shortDescription
+
"
</div>
"
popup
+=
"
</div>
"
;
popup
+=
"
<div class='right-col'>
"
;
popup
+=
"
<div class='info_item pseudo_item_map_list'>
"
+
data
[
'
name
'
]
+
"
</div>
"
;
}
popup
+=
"
<div id='pop-contacts' class='popup-section'>
"
popup
+=
"
<div class='popup-subtitle'>Contacts</div>
"
if
(
typeof
data
.
url
!=
"
undefined
"
&&
data
.
url
!=
null
){
popup
+=
"
<div class='popup-info-profil'>
"
;
popup
+=
"
<i class='fa fa fa-desktop fa_url'></i>
"
;
popup
+=
"
<a href='
"
+
data
.
url
+
"
' target='_blank'>
"
+
data
.
url
+
"
</a>
"
;
popup
+=
"
</div>
"
;
}
if
(
typeof
data
.
email
!=
"
undefined
"
&&
data
.
email
!=
null
){
popup
+=
"
<div class='popup-info-profil'>
"
;
popup
+=
"
<i class='fa fa-envelope fa_email'></i>
"
+
data
.
email
;
popup
+=
"
</div>
"
;
}
popup
+=
"
</div>
"
;
popup
+=
"
</div>
"
;
popup
+=
'
</div>
'
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment