Push template

This commit is contained in:
Romain Neutron
2012-01-25 11:25:33 +01:00
parent 49d96618f1
commit a74f5a8e45
2 changed files with 112 additions and 1 deletions

View File

@@ -0,0 +1,111 @@
<div class="PNB" id="PushBox">
<div class="PNB" style="width:205px;">
<div class="PNB10">
<div class="PNB content" style="top:130px;height:240px;bottom:auto;">
<div class="PNB10">
{% trans 'Set users to' %}
<ul>
<li>
<img src="/skins/prod/Push/contributeur_menu.png" />
<input type="checkbox" />
{% trans 'Contributor' %}
</li>
<li>
<img src="/skins/prod/Push/see_other_menu.png" />
<input type="checkbox" />
{% trans 'See others' %}
</li>
<li>
<img src="/skins/prod/Push/download_menu.png" />
<input type="checkbox" />
{% trans 'HD Download' %}
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="PNB" style="left:205px;">
<div class="PNB" style="height:75px;bottom:auto;">
<div class="PNB10">
<input name="users-search" placeholder="{% trans 'Users' %}" type="text" />
<a href="/users/add/" class="user_adder">{% trans 'Add user' %}</a>
</div>
</div>
<div class="PNB" style="top:75px;bottom:75px;">
<div class="PNB10 content user_content">
<div class="PNB10 header">
<table>
<tr>
<td>
{% trans 'Send to n users' %}
</td>
<td class="options">
<button>{% trans 'Select all' %}</button>
<button>{% trans 'Deselect all' %}</button>
</td>
</tr>
</table>
</div>
<div class="PNB badges">
</div>
</div>
</div>
<div class="PNB" style="height:75px;top:auto;">
<div class="PNB10">
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
var $container = $('#PushBox');
$('button', $container).button();
$('input[name="users-search"]', $container).autocomplete({
minLength: 2,
source: function( request, response ) {
$.ajax({
url: '/prod/push/search-user/',
dataType: "json",
data: {
query: request.term
},
success: function( data ) {
console.log(response);
response( data );
}
});
},
select: function( event, ui ) {
p4.Mustache('Push-Badge', ui.item, appendBadge);
return false;
}
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.display_name + "</a>" )
.appendTo( ul );
};
function appendBadge(badge)
{
$('.user_content .badges', $container).append(badge);
}
});
</script>

View File

@@ -180,7 +180,7 @@
<link type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=include/jslibs/yui2.8/build/reset/reset.css,include/jslibs/jquery.contextmenu.css,include/jslibs/colorpicker/css/colorpicker.css,include/jslibs/jquery-treeview/jquery.treeview.css,skins/common/main.css,login/geonames.css,include/jquery.image_enhancer.css,include/jslibs/jquery-ui-1.8.12/css/dark-hive/jquery-ui-1.8.12.custom.css" > <link type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=include/jslibs/yui2.8/build/reset/reset.css,include/jslibs/jquery.contextmenu.css,include/jslibs/colorpicker/css/colorpicker.css,include/jslibs/jquery-treeview/jquery.treeview.css,skins/common/main.css,login/geonames.css,include/jquery.image_enhancer.css,include/jslibs/jquery-ui-1.8.12/css/dark-hive/jquery-ui-1.8.12.custom.css" >
<link id="skinCss" type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=skins/prod/{{cssfile}}/prodcolor.css" > <link id="skinCss" type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=skins/prod/{{cssfile}}/prodcolor.css" >
<link type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=include/vendor/humane-js/themes/libnotify.css,skins/prod/Prod.css,skins/prod/Basket.css" > <link type="text/css" rel="stylesheet" href="{{registry.get('GV_STATIC_URL')}}/include/minify/f=include/vendor/humane-js/themes/libnotify.css,skins/prod/Prod.css,skins/prod/Basket.css,skins/prod/Push.css" >
<!--[if IE 7]> <!--[if IE 7]>
<link type="text/css" rel="stylesheet" href="/include/minify/f=skins/prod/ie7.css" > <link type="text/css" rel="stylesheet" href="/include/minify/f=skins/prod/ie7.css" >
<![endif]--> <![endif]-->