Skip to content
Snippets Groups Projects
Commit 0ebaeaa0 authored by Mingsong Hu's avatar Mingsong Hu
Browse files

Remove Fancytree files

parent 21d42343
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
js/Plugin/fancytree/hm.fancytree.js deleted 100644 → 0
+ 0
− 165
View file @ 21d42343
(function($, Drupal) {
$(document).ready(() => {
$(".fancytree").each(function(index) {
const $treeElement = $(this);
const sourceURL = $treeElement.attr("data-source");
const updateURL = $treeElement.attr("url-update");
$treeElement.fancytree({
extensions: ["dnd5", "filter"],
source: {
url: sourceURL,
data: { depth: 1, parent: 0 },
cache: false
},
// Event handler
dblclick: function(event, data) {
const node = data.node;
if (node.data.edit_url) {
event.stopPropagation();
event.preventDefault();
// Todo: make the target of the new window configurable.
window.open(node.data.edit_url, "_self");
}
},
// Called when a lazy node is expanded for the first time:
lazyLoad: function(event, data) {
const node = data.node;
// Load child nodes via Ajax GET sourceURL?depth=1&parent={node.key}
data.result = {
url: sourceURL,
data: { depth: 1, parent: node.key },
cache: false
};
},
filter: {
autoApply: true, // Re-apply last filter if lazy data is loaded
autoExpand: true, // Expand all branches that contain matches while filtered
counter: true, // Show a badge with number of matching child nodes near parent icons
fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar'
hideExpandedCounter: false, // Hide counter badge if parent is expanded
hideExpanders: false, // Hide expanders if all child nodes are hidden by filter
highlight: true, // Highlight matches by wrapping inside <mark> tags
leavesOnly: false, // Match end nodes only
nodata: true, // Display a 'no data' status node if result is empty
mode: "hide" // Grayout unmatched nodes (pass "hide" to remove unmatched node instead)
},
dnd5: {
// autoExpandMS: 400,
preventForeignNodes: true,
preventNonNodes: true,
preventRecursion: true, // Prevent dropping nodes on own descendants
// preventSameParent: true,
preventVoidMoves: true, // Prevent moving nodes 'before self', etc.
// effectAllowed: "all",
// dropEffectDefault: "move", // "auto",
// --- Drag-support:
dragStart: function(node, data) {
/* This function MUST be defined to enable dragging for the tree.
*
* Return false to cancel dragging of node.
* data.dataTransfer.setData() and .setDragImage() is available
* here.
*/
// Return true to allow the drag operation
return true;
},
dragEnter: function(node, data) {
return true;
},
dragDrop: function(node, data) {
/* This function MUST be defined to enable dropping of items on
* the tree.
*/
const mode = data.dropEffect;
if (data.otherNode) {
// Drop another Fancytree node from same frame (maybe a different tree however)
// var sameTree = (data.otherNode.tree === data.tree);
if (mode === "move") {
let parentKey;
const childrenNodeIDs = [];
let i = 0;
const hitMode =
data.hitMode === "over" ? "firstChild" : data.hitMode;
// Get all nodes moving.
data.otherNodeList.forEach(element => {
childrenNodeIDs[i++] = element.key;
});
// The parent key of the target.
parentKey = node.parent.key;
// For drupal, the ID of the root node is 0.
if (parentKey === "root_1") {
parentKey = 0;
}
// Update the data on server side.
$.post(updateURL, {
keys: childrenNodeIDs,
target: node.key,
parent: parentKey,
mode: hitMode
})
.done(response => {
if (response.result === "success") {
// Move the nodes.
data.otherNode.moveTo(node, hitMode, function (affectedNodes) {
let parentNode = affectedNodes.parent;
if (parentNode) {
if (!parentNode.folder) {
parentNode.folder = true;
}
else {
/* if (!parentNode.lazy) {
parentNode.lazy = true;
}
parentNode.load(true);*/
}
}
});
} else {
alert("Server error:" + response.result);
}
})
.fail(() => {
alert("Error: Can't connect to the server.");
});
} else {
/* Todo: duplicate nodes
*/
}
} else if (data.otherNodeData) {
// Drop Fancytree node from different frame or window, so we only have
// JSON representation available
/* Todo: move node from different tree
node.addChild(data.otherNodeData, data.hitMode);
*/
}
node.setExpanded();
}
},
});
});
// Event handlers.
$("input[name=fancytree-search]")
.on("keyup", function(e) {
// Todo: Deal with multiple tree and search text field.
const tree = $.ui.fancytree.getTree();
const match = $(this).val();
if ((e && e.which === $.ui.keyCode.ESCAPE) || $.trim(match) === "") {
tree.clearFilter();
return;
}
// Pass a string to perform case insensitive matching
tree.filterBranches(match);
})
.focus();
});
})(jQuery, Drupal);
src/Plugin/HmDisplayPlugin/HmDisplayFancytree.php deleted 100644 → 0
+ 0
− 82
View file @ 21d42343
<?php
namespace Drupal\hierarchy_manager\Plugin\HmDisplayPlugin;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\StringTranslation\StringTranslationTrait;
use Drupal\hierarchy_manager\Plugin\HmDisplayPluginInterface;
use Drupal\hierarchy_manager\Plugin\HmDisplayPluginBase;
/**
* Fancytree display plugin.
*
* @HmDisplayPlugin(
* id = "hm_display_fancytree",
* label = @Translation("Fancytree")
* )
*/
class HmDisplayFancytree extends HmDisplayPluginBase implements HmDisplayPluginInterface {
use StringTranslationTrait;
/**
* {@inheritdoc}
*/
public function getForm(string $url_source, string $url_update, array &$form = [], FormStateInterface &$form_state = NULL) {
/* if (!empty($url_source)) {
// Search input.
$form['title'] = [
'#type' => 'textfield',
'#title' => $this
->t('Search'),
'#description' => $this->t('Type in the search keyword here to filter the tree below. Empty the keyword or press ESC key to reset the tree.'),
'#attributes' => [
'name' => 'fancytree-search',
],
'#size' => 60,
'#maxlength' => 128,
];
$form['fancytree'] = [
'#type' => 'html_tag',
'#suffix' => '<div class="description">' . $this->t('You can double click a taxonomy term to edit it.') . '<br>' . $this->t('A taxonomy term in the tree above can be dragged and dropped') . '</div>',
'#tag' => 'div',
'#value' => '',
'#attributes' => [
'class' => [
'fancytree',
],
'data-source' => $url_source,
'url-update' => $url_update,
],
];
$form['#attached']['library'][] = 'hierarchy_manager/libraries.jquery.fancytree';
$form['#attached']['library'][] = 'hierarchy_manager/libraries.jquery.fancytree.skin-win8';
$form['#attached']['library'][] = 'hierarchy_manager/feature.hm.fancytree';
}
*/
return $form;
}
/**
* Build the data array that FancyTree accepts.
*/
public function treeData(array $data) {
$fancytree_data = [];
// The array key of Fancytree is different from the data source.
// So we need to translate them.
foreach ($data as $tree_node) {
$fancytree_node = $tree_node;
$fancytree_node['key'] = $fancytree_node['id'];
unset($fancytree_node['id']);
$fancytree_node['folder'] = $fancytree_node['lazy'] = $fancytree_node['has_children'];
unset($fancytree_node['has_children']);
// Add this node into the data array.
$fancytree_data[] = $fancytree_node;
}
return $fancytree_data;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment