Init version of DnD.

This commit is contained in:
Martin Edenhofer 2012-11-07 10:04:16 +01:00
parent c4895b3fdf
commit 69e8439508
7 changed files with 27 additions and 7 deletions

View file

@ -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' )

View file

@ -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>

View file

@ -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: %>

View file

@ -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: %>

View file

@ -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: %>

View file

@ -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">

View file

@ -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;
} }