mirror of
https://bitbucket.org/wisemapping/wisemapping-open-source.git
synced 2024-09-12 07:10:07 +02:00
Modal dialog to share maps
This commit is contained in:
parent
6c175168eb
commit
16f78d46cc
@ -54,6 +54,8 @@ body {
|
|||||||
float: left;
|
float: left;
|
||||||
border-right: none;
|
border-right: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
background: @base-color * 14.5;
|
||||||
|
border: @base-border-size solid @base-color * 14;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: @base-font-size * 1.5;
|
font-size: @base-font-size * 1.5;
|
||||||
|
@ -75,7 +75,10 @@
|
|||||||
"bAutoWidth" : false,
|
"bAutoWidth" : false,
|
||||||
"bLengthChange": false,
|
"bLengthChange": false,
|
||||||
"bInfo": false,
|
"bInfo": false,
|
||||||
"bPaginate": false
|
"bPaginate": false,
|
||||||
|
"oLanguage" : {
|
||||||
|
"sSearch" : "Rechercher"
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
$('#maps_filter').appendTo("#toolbar");
|
$('#maps_filter').appendTo("#toolbar");
|
||||||
@ -94,24 +97,23 @@
|
|||||||
<script type="text/javascript" charset="utf-8">
|
<script type="text/javascript" charset="utf-8">
|
||||||
|
|
||||||
var tags = ['ThinkMapping', 'Akostic', 'Clients', 'Favoris'];
|
var tags = ['ThinkMapping', 'Akostic', 'Clients', 'Favoris'];
|
||||||
var html = "";
|
|
||||||
|
|
||||||
$(function() {
|
$(function() {
|
||||||
for (i in tags) {
|
for (i in tags) {
|
||||||
html += '<div class="tag"><span class="ui-icon ui-icon-folder-collapsed" ></span>' + tags[i] + '</div>';
|
var outerDiv = $('<div class="tag">'+tags[i]+'</div>');
|
||||||
|
var icon = $('<span class="ui-icon ui-icon-folder-collapsed"></span>');
|
||||||
|
outerDiv.append(icon);
|
||||||
|
$("#tags-list").append(outerDiv);
|
||||||
}
|
}
|
||||||
$("#tags-list").html(html);
|
|
||||||
$("#tags-actions button" ).button({
|
$("#tags-actions button" ).button({
|
||||||
icons: { primary: "ui-icon-plusthick" }
|
icons: { primary: "ui-icon-plusthick" }
|
||||||
});
|
});
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<!--Toolbar-->
|
|
||||||
<script type="text/javascript" charset="utf-8">
|
|
||||||
$(function() {
|
|
||||||
$("#show-tags").click(function() {
|
|
||||||
|
|
||||||
|
$("#tags-list .tag").each(function(index) {
|
||||||
|
$(this).click(function() {
|
||||||
|
console.log("ddfsfds");
|
||||||
|
})
|
||||||
})
|
})
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@ -125,7 +127,7 @@
|
|||||||
if ($("#tags").css("opacity") == 0) {
|
if ($("#tags").css("opacity") == 0) {
|
||||||
$("#tags").css("opacity", 1);
|
$("#tags").css("opacity", 1);
|
||||||
$("#maps").animate({
|
$("#maps").animate({
|
||||||
width: "80%"
|
width: "77%"
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
$("#maps").animate({
|
$("#maps").animate({
|
||||||
@ -137,28 +139,46 @@
|
|||||||
});
|
});
|
||||||
$("#buttons .share").button({
|
$("#buttons .share").button({
|
||||||
icons: { primary: "ui-icon-transferthick-e-w" }
|
icons: { primary: "ui-icon-transferthick-e-w" }
|
||||||
});
|
}).click(function() {
|
||||||
|
var selectedMaps = $('#maps').dataTableExt.getSelectedMaps();
|
||||||
|
var html2 = $('#share-dialog-modal p span').html(selectedMaps.toString());
|
||||||
|
|
||||||
|
if (selectedMaps.length > 0) {
|
||||||
|
$( "#share-dialog-modal" ).dialog({
|
||||||
|
height: 140,
|
||||||
|
modal: true,
|
||||||
|
buttons: {
|
||||||
|
"Delete": function() {
|
||||||
|
$( this ).dialog( "close" );
|
||||||
|
},
|
||||||
|
Cancel: function() {
|
||||||
|
$( this ).dialog( "close" );
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});;
|
||||||
|
|
||||||
$("#buttons .delete").button({
|
$("#buttons .delete").button({
|
||||||
icons: { primary: "ui-icon-trash" }
|
icons: { primary: "ui-icon-trash" }
|
||||||
}).click(function() {
|
}).click(function() {
|
||||||
var selectedMaps = $('#maps').dataTableExt.getSelectedMaps();
|
var selectedMaps = $('#maps').dataTableExt.getSelectedMaps();
|
||||||
console.log("Delete maps: " +selectedMaps);
|
|
||||||
var html2 = $('#delete-dialog-modal p span').html(selectedMaps.toString());
|
var html2 = $('#delete-dialog-modal p span').html(selectedMaps.toString());
|
||||||
console.log(html2);
|
|
||||||
|
|
||||||
$( "#delete-dialog-modal" ).dialog({
|
if (selectedMaps.length > 0) {
|
||||||
height: 140,
|
$( "#delete-dialog-modal" ).dialog({
|
||||||
modal: true,
|
height: 140,
|
||||||
buttons: {
|
modal: true,
|
||||||
"Delete": function() {
|
buttons: {
|
||||||
$( this ).dialog( "close" );
|
"Delete": function() {
|
||||||
},
|
$( this ).dialog( "close" );
|
||||||
Cancel: function() {
|
},
|
||||||
$( this ).dialog( "close" );
|
Cancel: function() {
|
||||||
|
$( this ).dialog( "close" );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
});
|
||||||
});
|
}
|
||||||
});
|
});
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
@ -175,6 +195,10 @@
|
|||||||
<p>Are you sure you want to delete maps <span></span> ?</p>
|
<p>Are you sure you want to delete maps <span></span> ?</p>
|
||||||
</div>
|
</div>
|
||||||
<button class="show-tags">Organiser</button>
|
<button class="show-tags">Organiser</button>
|
||||||
|
|
||||||
|
<div id="share-dialog-modal" title="Share maps" style="display: none">
|
||||||
|
<p>Are you sure you want to share maps <span></span> ?</p>
|
||||||
|
</div>
|
||||||
<button class="share">Partager</button>
|
<button class="share">Partager</button>
|
||||||
<button class="delete">Supprimer</button>
|
<button class="delete">Supprimer</button>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user