mirror of
https://github.com/wisemapping/wisemapping-open-source.git
synced 2025-04-19 02:05:32 +08:00
90 lines
3.2 KiB
HTML
90 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>WiseMApping Workspace</title>
|
|
|
|
<!--Table Styles-->
|
|
<link href="css/demo_table.css" rel="stylesheet">
|
|
|
|
<!--Less CSS Framework-->
|
|
<link rel="stylesheet/less" type="text/css" href="css/styles.less">
|
|
<script src="js/less-1.1.3.min.js" type="text/javascript"></script>
|
|
|
|
|
|
<!--jQuery DataTables-->
|
|
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" language="javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
|
|
<link href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet">
|
|
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>
|
|
<script type="text/javascript" charset="utf-8">
|
|
/* Data set - can contain whatever information you want */
|
|
var mapSet = [
|
|
['Fonctionnel plateforme', 'moi', '14/06/2011 moi', '>'],
|
|
['Comportement topic', 'moi, Olivier, Nicolas', '14/06/2011 Olivier', '>'],
|
|
['TM Blog', 'moi', '14/06/2011 moi', '>'],
|
|
['Bloom', 'moi', '13/06/2011 moi', '>'],
|
|
['Morning Mr. Magpie', 'moi, Martin', '10/06/2011 Martin', '>'],
|
|
['Little By Little', 'moi, Sophie', '1/06/2011 Sophie', '>'],
|
|
['Feral', 'moi', '14/05/2011 moi', '>'],
|
|
['Lotus Flower', 'moi, Sophie, Olivier', '13/05/2011 Olivier', '>'],
|
|
['Codex', 'moi', '30/04/2011 moi', '>'],
|
|
['Give Up The Ghost', 'moi, Olivier', '30/04/2011 moi', '>'],
|
|
['Separator', 'moi, Olivier, Nicolas, Sophie', '02/04/2011 Olivier', '>'],
|
|
['Supercollider', 'moi, Olivier', '02/04/2011 Olivier', '>'],
|
|
['The Butcher', 'moi', '01/04/2011 moi', '>']
|
|
];
|
|
|
|
$(function() {
|
|
$('#map-table').html( '<table cellpadding="0" cellspacing="0" border="0" class="display" id="maps"></table>' );
|
|
$('#maps').dataTable( {
|
|
"aaData": mapSet,
|
|
"aoColumns": [
|
|
{ "sTitle": "Titre" },
|
|
{ "sTitle": "Utillisateurs" },
|
|
{ "sTitle": "Derniere modification" },
|
|
{ "sTitle": "Details", "sClass": "center" }
|
|
]
|
|
} );
|
|
} );
|
|
</script>
|
|
|
|
<!--Tags-->
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
var tags = ['ThinkMapping', 'Akostic', 'Clients', 'Favoris'];
|
|
var html = "";
|
|
|
|
$(function() {
|
|
for (i in tags) {
|
|
html += "<button>"+ tags[i] +"</button>";
|
|
}
|
|
|
|
$("#tags-list").html(html);
|
|
$("#tags-list button" ).button({
|
|
icons: {
|
|
primary: "ui-icon-folder-collapsed"
|
|
}
|
|
});
|
|
|
|
$("#tags-actions button" ).button({
|
|
icons: {
|
|
primary: "ui-icon-plus"
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="tags">
|
|
<h2>Mes dossiers:</h2>
|
|
<div id="tags-list"></div>
|
|
<div id="tags-actions">
|
|
<button>Nouveau Dossier</button>
|
|
</div>
|
|
</div>
|
|
<div id="map-table"></div>
|
|
</div>
|
|
</body>
|
|
</html> |