Structure field: adds sort & flip option, fix #722

app/fields/structure/assets/css/structure.css

@@ -80,8 +80,12 @@
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;
-  cursor: move;
 }
+
+.structure[data-sortable=true] .structure-table td a {
+  cursor: move;  
+}
+
 .structure-table-options {
   width: 3rem;
   text-align: center;

app/fields/structure/structure.php

@@ -16,6 +16,8 @@ class StructureField extends BaseField {
   public $structure = null;
   public $style     = 'items';
   public $modalsize = 'medium';
+  public $sort      = null;
+  public $flip      = false;
 
   public function routes() {
 
@@ -53,6 +55,19 @@ public function style() {
     return in_array($this->style, $styles) ? $this->style : 'items';
   }
 
+  public function sort() {
+    return $this->sort ? str::split($this->sort) : false;
+  }
+
+  public function flip() {
+    return $this->flip === true ? true : false;
+  }
+
+  public function sortable() {
+    return $this->readonly() or $this->sort() or $this->flip();
+  }
+
+
   public function structure() {
     if(!is_null($this->structure)) {
       return $this->structure;
@@ -76,7 +91,16 @@ public function fields() {
   }
 
   public function entries() {
-    return $this->structure()->data();
+    $entries = $this->structure()->data();
+
+    if($sort = $this->sort()) {
+      $entries = call_user_func_array(array($entries, 'sortBy'), $sort);
+    }
+    if($this->flip()) {
+      $entries = $entries->flip();
+    }
+
+    return $entries;
   }
 
   public function result() {

app/fields/structure/template.php

@@ -1,7 +1,7 @@
 <div class="structure<?php e($field->readonly(), ' structure-readonly') ?>" 
   data-field="structure" 
   data-api="<?php __($field->url('sort')) ?>" 
-  data-sortable="<?php e($field->readonly(), 'false', 'true') ?>"
+  data-sortable="<?php e($field->sortable(), 'false', 'true') ?>"
   data-style="<?php echo $field->style() ?>">
 
   <?php echo $field->headline() ?>

assets/css/form.css

@@ -100,8 +100,12 @@
   overflow: hidden;
   width: 100%;
   text-overflow: ellipsis;
-  cursor: move;
 }
+
+.structure[data-sortable=true] .structure-table td a {
+  cursor: move;  
+}
+
 .structure-table-options {
   width: 3rem;
   text-align: center;