mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-18 02:39:56 +09:00
issue 70 data import admin developement.
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@9019 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ovclas
parent
702267086f
commit
df61d2913d
6 changed files with 92 additions and 244 deletions
|
|
@ -1,228 +1,32 @@
|
|||
/* NHN (developers@xpressengine.com) */
|
||||
jQuery(function($){
|
||||
|
||||
var
|
||||
dragging = false,
|
||||
$holder = $('<li class="placeholder">');
|
||||
|
||||
$('form.siteMap')
|
||||
.delegate('li:not(.placeholder)', {
|
||||
'mousedown.st' : function(event) {
|
||||
var $this, $uls, $ul, width, height, offset, position, offsets, i, dropzone, wrapper='';
|
||||
.delegate('li:not(.placeholder)', 'dropped.st', function() {
|
||||
var $this = $(this), $pkey, $mkey, is_child;
|
||||
|
||||
if($(event.target).is('a,input,label,textarea') || event.which != 1) return;
|
||||
$pkey = $this.find('>input._parent_key');
|
||||
is_child = !!$this.parent('ul').parent('li').length;
|
||||
|
||||
dragging = true;
|
||||
|
||||
$this = $(this);
|
||||
height = $this.height();
|
||||
width = $this.width();
|
||||
$uls = $this.parentsUntil('.siteMap').filter('ul');
|
||||
$ul = $uls.eq(-1);
|
||||
|
||||
$ul.css('position', 'relative');
|
||||
|
||||
position = {x:event.pageX, y:event.pageY};
|
||||
offset = getOffset(this, $ul.get(0));
|
||||
|
||||
$clone = $this.clone(true).attr('target', true);
|
||||
|
||||
for(i=$uls.length-1; i; i--) {
|
||||
$clone = $clone.wrap('<li><ul /></li>').parent().parent();
|
||||
}
|
||||
|
||||
// get offsets of all list-item elements
|
||||
offsets = [];
|
||||
$ul.find('li').each(function(idx) {
|
||||
if($this[0] === this || $this.has(this).length) return true;
|
||||
|
||||
var o = getOffset(this, $ul.get(0));
|
||||
offsets.push({top:o.top, bottom:o.top+32, item:this});
|
||||
});
|
||||
|
||||
// Remove unnecessary elements from the clone, set class name and styles.
|
||||
// Append it to the list
|
||||
$clone
|
||||
.find('.side,input').remove().end()
|
||||
.addClass('draggable')
|
||||
.css({
|
||||
position: 'absolute',
|
||||
opacity : .6,
|
||||
width : width,
|
||||
height : height,
|
||||
left : offset.left,
|
||||
top : offset.top,
|
||||
zIndex : 100
|
||||
})
|
||||
.appendTo($ul.eq(0));
|
||||
|
||||
// Set a place holder
|
||||
$holder
|
||||
.css({
|
||||
position:'absolute',
|
||||
opacity : .6,
|
||||
width : width,
|
||||
height : '5px',
|
||||
left : offset.left,
|
||||
top : offset.top,
|
||||
zIndex :99
|
||||
})
|
||||
.appendTo($ul.eq(0));
|
||||
|
||||
$this.css('opacity', .6);
|
||||
|
||||
$(document)
|
||||
.unbind('mousemove.st mouseup.st')
|
||||
.bind('mousemove.st', function(event) {
|
||||
var diff, nTop, item, i, c, o;
|
||||
|
||||
dropzone = null;
|
||||
|
||||
diff = {x:position.x-event.pageX, y:position.y-event.pageY};
|
||||
nTop = offset.top - diff.y;
|
||||
|
||||
for(i=0,c=offsets.length; i < c; i++) {
|
||||
o = offsets[i];
|
||||
if(o.top <= nTop && o.bottom >= nTop) {
|
||||
dropzone = {element:o.item, state:setHolder(o,nTop)};
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
$clone.css({top:nTop});
|
||||
})
|
||||
.bind('mouseup.st', function(event) {
|
||||
var $dropzone, $li;
|
||||
|
||||
dragging = false;
|
||||
|
||||
$(document).unbind('mousemove.st mouseup.st');
|
||||
$this.css('opacity', '');
|
||||
$clone.remove();
|
||||
$holder.remove();
|
||||
|
||||
// dummy list item for animation
|
||||
$li = $('<li />').height($this.height());
|
||||
|
||||
if(!dropzone) return;
|
||||
$dropzone = $(dropzone.element);
|
||||
|
||||
$this.before($li);
|
||||
|
||||
if(dropzone.state == 'prepend') {
|
||||
if(!$dropzone.find('>ul').length) $dropzone.find('>.side').after('<ul>');
|
||||
$dropzone.find('>ul').prepend($this.hide());
|
||||
} else {
|
||||
$dropzone[dropzone.state]($this.hide());
|
||||
}
|
||||
|
||||
$this.slideDown(100, function(){ $this.removeClass('active') });
|
||||
$li.slideUp(100, function(){ var $par = $li.parent(); $li.remove(); if(!$par.children('li').length) $par.remove() });
|
||||
});
|
||||
|
||||
return false;
|
||||
},
|
||||
'mouseover.st' : function() {
|
||||
if(!dragging) $(this).addClass('active');
|
||||
return false;
|
||||
},
|
||||
'mouseout.st' : function() {
|
||||
if(!dragging) $(this).removeClass('active');
|
||||
return false;
|
||||
if(is_child) {
|
||||
$pkey.val($this.parent('ul').parent('li').find('>input._item_key').val());
|
||||
} else {
|
||||
$pkey.val('0');
|
||||
}
|
||||
})
|
||||
.find('li')
|
||||
.prepend('<button type="button" class="moveTo">Move to</button>')
|
||||
.append('<span class="vr"></span><span class="hr"></span>')
|
||||
.find('input:text')
|
||||
.focus(function(){
|
||||
var $this = $(this), $label = $this.prev('label'), $par = $this.parent();
|
||||
|
||||
$this.width($par.width() - (parseInt($par.css('text-indent'))||0) - $this.next('.side').width() - 60).css('opacity', '');
|
||||
$label.hide();
|
||||
})
|
||||
.blur(function(){
|
||||
var $this = $(this), $label = $this.prev('label'), val = $this.val();
|
||||
|
||||
$this.width(0).css('opacity', 0);
|
||||
$label.removeClass('no-text').empty().text(val).show();
|
||||
if(!val) $label.addClass('no-text').text('---');
|
||||
})
|
||||
.each(function(i,input){
|
||||
var $this = $(this), id='sitemap-id-'+i;
|
||||
|
||||
$this
|
||||
.attr('id', id)
|
||||
.css({width:0,opacity:0,overflow:'hidden'})
|
||||
.before('<label />')
|
||||
.prev('label')
|
||||
.attr('for', id)
|
||||
.text($this.val());
|
||||
})
|
||||
.end()
|
||||
.end()
|
||||
|
||||
$('<div id="dropzone-marker" />')
|
||||
.css({display:'none',position:'absolute',backgroundColor:'#000',opacity:0.7})
|
||||
.appendTo('body');
|
||||
|
||||
function getOffset(elem, offsetParent) {
|
||||
var top = 0, left = 0;
|
||||
|
||||
while(elem && elem != offsetParent) {
|
||||
top += elem.offsetTop;
|
||||
left += elem.offsetLeft;
|
||||
|
||||
elem = elem.offsetParent;
|
||||
}
|
||||
|
||||
return {top:top, left:left};
|
||||
}
|
||||
|
||||
function setHolder(info, yPos) {
|
||||
if(Math.abs(info.top-yPos) <= 3) {
|
||||
$holder.css({top:info.top-3,height:'5px'});
|
||||
return 'before';
|
||||
} else if(Math.abs(info.bottom-yPos) <= 3) {
|
||||
$holder.css({top:info.bottom-3,height:'5px'});
|
||||
return 'after';
|
||||
} else {
|
||||
$holder.css({top:info.top+3,height:'27px'});
|
||||
return 'prepend';
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
$('.tgMap').click(function(){
|
||||
var t = $(this);
|
||||
t.parent('.siteMap').toggleClass('fold');
|
||||
if(t.parent('.siteMap').hasClass('fold')){
|
||||
t.text('펼치기').next('.lined').slideUp(200).next('.btnArea').hide();
|
||||
} else {
|
||||
t.text('접기').next('.lined').slideDown(200).next('.btnArea').show();
|
||||
}
|
||||
return false;
|
||||
});
|
||||
*/
|
||||
var editForm = $('#editForm');
|
||||
var menuSrl = null;
|
||||
var menuForm = null;
|
||||
var menuUrl = null;
|
||||
|
||||
$('a._edit').click(function(){
|
||||
var parentKey = $(this).parent().prevAll('._parent_key').val();
|
||||
var childKey = $(this).parent().prevAll('._child_key').val();
|
||||
var itemKey = $(this).parent().prevAll('._item_key').val();
|
||||
menuSrl = $(this).parents().prevAll('input[name=menu_srl]').val();
|
||||
menuForm = $('#menu_'+menuSrl);
|
||||
var menuItemSrl = null;
|
||||
|
||||
if(parentKey) menuItemSrl = parentKey;
|
||||
else if(childKey) menuItemSrl = childKey;
|
||||
else
|
||||
{
|
||||
alert('empty menu item key');
|
||||
return;
|
||||
}
|
||||
menuItemSrl = itemKey;
|
||||
|
||||
var params = new Array();
|
||||
var response_tags = new Array('menu_item');
|
||||
|
|
@ -283,7 +87,7 @@ $('.tgMap').click(function(){
|
|||
menuSrl = $(this).parents().prevAll('input[name=menu_srl]').val();
|
||||
menuForm = $('#menu_'+menuSrl);
|
||||
|
||||
var menu_item_srl = $(this).parent().prevAll('._child_key').val();
|
||||
var menu_item_srl = $(this).parent().prevAll('._item_key').val();
|
||||
menuForm.find('input[name=menu_item_srl]').val(menu_item_srl);
|
||||
menuForm.submit();
|
||||
});
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<load target="../../admin/tpl/js/sitemap.js" />
|
||||
<load target="./js/sitemap.js" />
|
||||
|
||||
<div class="content" id="content">
|
||||
|
|
@ -17,13 +18,14 @@
|
|||
<a href="#nav1" class="tgMap">접기</a>
|
||||
<ul class="lined" id="nav1">
|
||||
<li loop="$value->menuItems=>$key2,$value2">
|
||||
<input type="hidden" name="parent_key[]" value="{$key2}" class="_parent_key" />
|
||||
<input type="hidden" name="child_key[]" value="BEGIN_{$key2}" class="_child_key" />
|
||||
<input type="hidden" name="parent_key[]" value="0" class="_parent_key" />
|
||||
<input type="hidden" name="item_key[]" value="{$key2}" class="_item_key" />
|
||||
<a href="#" class="ms">{$value2['name']}</a> <a href="#" class="wPreview" target="_blank">Preview</a>
|
||||
<span class="side"><a href="#editMenu" class="modalAnchor _edit">Edit...</a> | <a href="#delete" class="_delete">Delete</a></span>
|
||||
<ul cond="$value2['subMenu']>0">
|
||||
<li loop="$value2['subMenu']=>$key3,$value3">
|
||||
<input type="hidden" name="child_key[]" value="{$key3}" class="_child_key" />
|
||||
<input type="hidden" name="parent_key[]" value="{$key2}" class="_parent_key" />
|
||||
<input type="hidden" name="item_key[]" value="{$key3}" class="_item_key" />
|
||||
{$value3->name} <a href="#" class="wPreview" target="_blank">Preview</a> <span class="side"><a href="#editMenu" class="modalAnchor _edit">Edit...</a> | <a href="#delete" class="_delete">Delete</a></span>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue