Commit 5a68261b authored by Raph El's avatar Raph El
Browse files

Modif map

parent cdac3a79
......@@ -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;
......@@ -55,3 +96,29 @@ item_map_list .left-col .thumbnail-profil {
float: right;
}
.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
......@@ -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.typeCommunecter].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 = "";
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>";
}
var popup = "<div class='popup-marker'>";
//popup += data.name;
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 id='pop-contacts' class='popup-section'>"
popup += "<div class='popup-subtitle'>Contacts</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.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>";
popup += "<div class='right-col'>";
popup += "<div class='info_item pseudo_item_map_list'>" + data['name'] + "</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>';
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment