mirror of
https://github.com/Hopiu/wagtail.git
synced 2026-05-12 09:13:14 +00:00
ongoing stream menu work
This commit is contained in:
parent
144a130e44
commit
35e9bfc2ce
3 changed files with 30 additions and 18 deletions
|
|
@ -10,10 +10,14 @@ For example, they don't assume the presence of a 'delete' button - it's up to th
|
|||
var self = {};
|
||||
self.prefix = prefix;
|
||||
self.container = $('#' + self.prefix + '-container');
|
||||
self.menu = $('.stream-menu', self.container);
|
||||
self.menu = $('> .stream-menu', self.container);
|
||||
|
||||
var indexField = $('#' + self.prefix + '-order');
|
||||
|
||||
self.menu.click(function(){
|
||||
self.menu.toggleClass('stream-menu-closed');
|
||||
});
|
||||
|
||||
self.delete = function() {
|
||||
sequence.deleteMember(self);
|
||||
};
|
||||
|
|
@ -30,7 +34,7 @@ For example, they don't assume the presence of a 'delete' button - it's up to th
|
|||
self.container.fadeOut();
|
||||
};
|
||||
self._markAdded = function() {
|
||||
self.menu.addClass('closed');
|
||||
self.menu.addClass('stream-menu-closed');
|
||||
self.container.hide();
|
||||
self.container.slideDown();
|
||||
};
|
||||
|
|
@ -40,6 +44,12 @@ For example, they don't assume the presence of a 'delete' button - it's up to th
|
|||
self.setIndex = function(i) {
|
||||
indexField.val(i);
|
||||
};
|
||||
self.showMenu = function(){
|
||||
self.menu.removeClass('stream-menu-closed');
|
||||
};
|
||||
self.hideMenu = function(){
|
||||
self.menu.addClass('stream-menu-closed')
|
||||
}
|
||||
|
||||
return self;
|
||||
};
|
||||
|
|
@ -49,6 +59,7 @@ For example, they don't assume the presence of a 'delete' button - it's up to th
|
|||
var countField = $('#' + opts.prefix + '-count');
|
||||
/* NB countField includes deleted items; for the count of non-deleted items, use members.length */
|
||||
var members = [];
|
||||
self.menu = countField.siblings('.stream-menu');
|
||||
|
||||
self.getCount = function() {
|
||||
return parseInt(countField.val(), 10);
|
||||
|
|
|
|||
|
|
@ -12,14 +12,6 @@
|
|||
listMemberTemplates[childBlock.name] = template;
|
||||
}
|
||||
|
||||
$('.stream-menu').addClass('stream-menu-closed');
|
||||
$(document).on('mouseover','.stream-menu',function(){
|
||||
$(this).removeClass('stream-menu-closed');
|
||||
}).on('mouseout', '.stream-menu', function(){
|
||||
$(this).addClass('stream-menu-closed')
|
||||
});
|
||||
|
||||
|
||||
return function(elementPrefix) {
|
||||
var sequence = Sequence({
|
||||
'prefix': elementPrefix,
|
||||
|
|
|
|||
|
|
@ -277,18 +277,27 @@
|
|||
background-color:$color-grey-5;
|
||||
}
|
||||
li{
|
||||
display:inline;
|
||||
@include column(2);
|
||||
padding-bottom:$grid-gutter-width;
|
||||
}
|
||||
|
||||
button{
|
||||
background-color:$color-grey-4;
|
||||
border:0;
|
||||
color:$color-grey-2;
|
||||
height:auto;
|
||||
display:block;
|
||||
width:100%;
|
||||
padding:0 0 0.5em 0;
|
||||
text-overflow:ellipsis;
|
||||
|
||||
&:before{
|
||||
display:block;
|
||||
font-family:wagtail;
|
||||
font-size:3em;
|
||||
width:3em;
|
||||
height:3em;
|
||||
line-height:3em;
|
||||
width:100%;
|
||||
height:2em;
|
||||
line-height:2em;
|
||||
text-align:center;
|
||||
}
|
||||
}
|
||||
|
|
@ -313,10 +322,10 @@
|
|||
|
||||
&.stream-menu-closed{
|
||||
ul{
|
||||
/*height:0px;*/
|
||||
}
|
||||
|
||||
|
||||
height:0px;
|
||||
padding:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sequence-member .stream-menu{
|
||||
|
|
|
|||
Loading…
Reference in a new issue