113 lines
3.0 KiB
HTML
113 lines
3.0 KiB
HTML
{% extends "univcloud/base.html" %}
|
||
{% load i18n %}
|
||
{% load url from future %}
|
||
|
||
{% block extrascripts %}
|
||
<script src="{{ STATIC_URL }}js/jquery.gridster.min.js"></script>
|
||
<script src="{{ STATIC_URL }}js/jquery.simpleWeather.js"></script>
|
||
<script src="{{ STATIC_URL }}js/jquery.zrssfeed.js"></script>
|
||
<script src="{{ STATIC_URL }}js/jquery-ui.js"></script>
|
||
<link rel="stylesheet" type="text/css" media="all" href="{{ STATIC_URL }}css/jquery.gridster.css">
|
||
{% endblock %}
|
||
|
||
{% block page-title %}
|
||
Univcloud
|
||
{% endblock %}
|
||
|
||
{% block content %}
|
||
<div class="gridster">
|
||
<ul>
|
||
<li data-row="1" data-col="1" data-sizex="1" data-sizey="1" id="add-app">
|
||
<div>
|
||
Ajouter une application :
|
||
<br/><br/>
|
||
<select>
|
||
<option>---</option>
|
||
<option>Lanceur</option>
|
||
<option>Météo</option>
|
||
<option>RSS</option>
|
||
</select>
|
||
</div>
|
||
</li>
|
||
<li data-row="2" data-col="1" data-sizex="1" data-sizey="1" id="weather"><div></div></li>
|
||
<li data-row="3" data-col="1" data-sizex="1" data-sizey="1"><p>drag me, my friend</p></li>
|
||
<li data-row="1" data-col="4" data-sizex="1" data-sizey="1" id="help"></li>
|
||
|
||
<li data-row="1" data-col="2" data-sizex="2" data-sizey="1" id="wcs" class="app">
|
||
<div><a href="#">teleformulaires</a></div>
|
||
</li>
|
||
|
||
<li data-row="2" data-col="4" data-sizex="2" data-sizey="1" class="app">
|
||
<div><a href="#">nuxeo</a></div>
|
||
</li>
|
||
|
||
|
||
<li data-row="2" data-col="2" data-sizex="2" data-sizey="2" id="feed"><div/></li>
|
||
<!--
|
||
<li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
|
||
<li data-row="2" data-col="4" data-sizex="2" data-sizey="1"></li>
|
||
<li data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li>
|
||
|
||
<li data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
|
||
<li data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li>
|
||
|
||
<li data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li>
|
||
<li data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li>
|
||
-->
|
||
</ul>
|
||
</div>
|
||
|
||
<div id="iframe">
|
||
<iframe src="http://demo.au-quotidien.com" id="wcs-iframe">
|
||
</iframe>
|
||
</div>
|
||
|
||
<script>
|
||
$(function(){ //DOM Ready
|
||
var gridster = $(".gridster ul").gridster({
|
||
widget_margins: [10, 10],
|
||
widget_base_dimensions: [140, 140],
|
||
min_cols: 5}
|
||
).data('gridster');
|
||
|
||
$.simpleWeather({
|
||
zipcode: '',
|
||
woeid: '615702',
|
||
location: '',
|
||
unit: 'c',
|
||
success: function(weather) {
|
||
html = '<h2>'+weather.city+'</h2>';
|
||
html += '<img width="125px" src="'+weather.image+'">';
|
||
html += '<p>'+weather.temp+'° '+weather.units.temp+'</p>';
|
||
$("#weather div").html(html);
|
||
},
|
||
error: function(error) {
|
||
$("#weather div").html('<p>'+error+'</p>');
|
||
}
|
||
});
|
||
|
||
$('#feed div').rssfeed('http://www.lemonde.fr/rss/une.xml', {
|
||
limit: 3,
|
||
titletag: 'h3'
|
||
});
|
||
|
||
$('#wcs a').click(function() {
|
||
$('#iframe iframe').css('height', $(window).height()-100);
|
||
$('#iframe').show();
|
||
$('div.gridster').hide('blind', {duration: 800});
|
||
$('#portal').show('fade');
|
||
return false;
|
||
});
|
||
|
||
$('#portal').click(function() {
|
||
$('div.gridster').show('blind', {duration: 800});
|
||
$('#iframe').hide();
|
||
$('#portal').hide('fade');
|
||
return false;
|
||
});
|
||
|
||
});
|
||
</script>
|
||
|
||
{% endblock %}
|