Init version of DnD.
This commit is contained in:
parent
c4895b3fdf
commit
69e8439508
7 changed files with 27 additions and 7 deletions
|
@ -80,6 +80,15 @@ class Index extends App.Controller
|
||||||
params.el = @el.find( '#' + target )
|
params.el = @el.find( '#' + target )
|
||||||
new plugin.controller( params )
|
new plugin.controller( params )
|
||||||
|
|
||||||
|
dndOptions =
|
||||||
|
placeholder: 'can-move-plcaeholder'
|
||||||
|
tolerance: 'pointer'
|
||||||
|
distance: 15
|
||||||
|
opacity: 0.6
|
||||||
|
forcePlaceholderSize: true
|
||||||
|
|
||||||
|
@el.find( '#sortable' ).sortable( dndOptions )
|
||||||
|
@el.find( '#sortable-sidebar' ).sortable( dndOptions )
|
||||||
|
|
||||||
App.Config.set( '', Index, 'Routes' )
|
App.Config.set( '', Index, 'Routes' )
|
||||||
App.Config.set( '/', Index, 'Routes' )
|
App.Config.set( '/', Index, 'Routes' )
|
||||||
|
|
|
@ -13,9 +13,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
<div class="main-overviews"></div>
|
<div class="main-overviews" id="sortable"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="span3">
|
<div class="span3">
|
||||||
<div class="side-overviews"></div>
|
<div class="side-overviews" id="sortable-sidebar"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span3">
|
<div class="span3 can-move">
|
||||||
<h2><%- @T( @head ) %></h2>
|
<h2><%- @T( @head ) %></h2>
|
||||||
<dl>
|
<dl>
|
||||||
<% for item in @items: %>
|
<% for item in @items: %>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span3">
|
<div class="span3 can-move">
|
||||||
<h2><%- @T( @head ) %></h2>
|
<h2><%- @T( @head ) %></h2>
|
||||||
<ul>
|
<ul>
|
||||||
<% for item in @items: %>
|
<% for item in @items: %>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span3">
|
<div class="span3 can-move">
|
||||||
<h2><%- @T( @head ) %></h2>
|
<h2><%- @T( @head ) %></h2>
|
||||||
<ul>
|
<ul>
|
||||||
<% for item in @items: %>
|
<% for item in @items: %>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span9">
|
<div class="span9">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="span6">
|
<div class="span6 can-move">
|
||||||
<h2><%- @T( @overview.meta.name ) %> <small><a href="#" data-type="settings" class="icon-edit"></a></small></h2>
|
<h2><%- @T( @overview.meta.name ) %> <small><a href="#" data-type="settings" class="icon-edit"></a></small></h2>
|
||||||
</div>
|
</div>
|
||||||
<div class="span3">
|
<div class="span3">
|
||||||
|
|
|
@ -169,7 +169,6 @@ form {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
// margin-top: 17px;
|
|
||||||
padding-top: 17px;
|
padding-top: 17px;
|
||||||
border-top: 1px solid #EEE;
|
border-top: 1px solid #EEE;
|
||||||
}
|
}
|
||||||
|
@ -186,6 +185,18 @@ footer {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.can-move {
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
|
||||||
|
.can-move-plcaeholder {
|
||||||
|
border: 1px dashed #DDD;
|
||||||
|
background: #EEE;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.ticket-answer .avatar {
|
.ticket-answer .avatar {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue