
Research
Malicious npm Packages Impersonate Flashbots SDKs, Targeting Ethereum Wallet Credentials
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
font-awesome-ztree
Advanced tools
Font Awesome theme for zTree.
Include Font Awesome library (if your project doesn't use it already), zTreeStyle.css
and font-awesome-zTree.css
in the head tag your html document.
<link rel="stylesheet" href="https://unpkg.com/@fortawesome/fontawesome-free@5.15.4/css/all.min.css">
<link rel="stylesheet" href="zTree_v3/css/zTreeStyle/zTreeStyle.css"">
<link rel="stylesheet" href="dist/font-awesome-zTree.css">
Include jQuery library (if your project doesn't use it already) and zTree library in the head tag or at the very bottom of your document, just before the closing body tag (usually recommended for better performance).
<script src="https://unpkg.com/jquery@3.7.0/dist/jquery.min.js"></script>
<script src="zTree_v3/js/jquery.ztree.all.min.js"></script>
Create a tree element with id:
<ul id="tree" class="ztree"></ul>
Call with standard Data:
var setting = {}
var zNodes = [
{
name: "pNode 01", open: true,
children: [
{
name: "pNode 11",
children: [
{name: "leaf node 111"},
{name: "leaf node 112"},
{name: "leaf node 113"},
{name: "leaf node 114"}
]
},
{
name: "pNode 12",
children: [
{name: "leaf node 121"},
{name: "leaf node 122"},
{name: "leaf node 123"},
{name: "leaf node 124"}
]
},
{name: "pNode 13 - no child", isParent: true}
]
},
{
name: "pNode 02",
children: [
{
name: "pNode 21", open: true,
children: [
{name: "leaf node 211"},
{name: "leaf node 212"},
{name: "leaf node 213"},
{name: "leaf node 214"}
]
},
{
name: "pNode 22",
children: [
{name: "leaf node 221"},
{name: "leaf node 222"},
{name: "leaf node 223"},
{name: "leaf node 224"}
]
},
{
name: "pNode 23",
children: [
{name: "leaf node 231"},
{name: "leaf node 232"},
{name: "leaf node 233"},
{name: "leaf node 234"}
]
}
]
},
{name: "pNode 3 - no child", isParent: true}
]
$(document).ready(function () {
$.fn.zTree.init($("#tree"), setting, zNodes)
})
Call with simple data:
var setting = {
data: {
simpleData: {
enable: true
}
}
}
var zNodes =[
{ id:1, pId:0, name:"pNode 1", open:true},
{ id:11, pId:1, name:"pNode 11"},
{ id:111, pId:11, name:"leaf node 111"},
{ id:112, pId:11, name:"leaf node 112"},
{ id:113, pId:11, name:"leaf node 113"},
{ id:114, pId:11, name:"leaf node 114"},
{ id:12, pId:1, name:"pNode 12"},
{ id:121, pId:12, name:"leaf node 121"},
{ id:122, pId:12, name:"leaf node 122"},
{ id:123, pId:12, name:"leaf node 123"},
{ id:124, pId:12, name:"leaf node 124"},
{ id:13, pId:1, name:"pNode 13 - no child", isParent:true},
{ id:2, pId:0, name:"pNode 2"},
{ id:21, pId:2, name:"pNode 21", open:true},
{ id:211, pId:21, name:"leaf node 211"},
{ id:212, pId:21, name:"leaf node 212"},
{ id:213, pId:21, name:"leaf node 213"},
{ id:214, pId:21, name:"leaf node 214"},
{ id:22, pId:2, name:"pNode 22"},
{ id:221, pId:22, name:"leaf node 221"},
{ id:222, pId:22, name:"leaf node 222"},
{ id:223, pId:22, name:"leaf node 223"},
{ id:224, pId:22, name:"leaf node 224"},
{ id:23, pId:2, name:"pNode 23"},
{ id:231, pId:23, name:"leaf node 231"},
{ id:232, pId:23, name:"leaf node 232"},
{ id:233, pId:23, name:"leaf node 233"},
{ id:234, pId:23, name:"leaf node 234"},
{ id:3, pId:0, name:"pNode 3 - no child", isParent:true}
]
$(document).ready(function(){
$.fn.zTree.init($("#tree"), setting, zNodes)
})
NOTE: font-awesome-zTree is licensed under the The MIT License. Completely free, you can arbitrarily use and modify this plugin. If this plugin is useful to you, you can Star this repo, your support is my biggest motive force, thanks.
FAQs
Font Awesome theme for zTree
The npm package font-awesome-ztree receives a total of 0 weekly downloads. As such, font-awesome-ztree popularity was classified as not popular.
We found that font-awesome-ztree demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Four npm packages disguised as cryptographic tools steal developer credentials and send them to attacker-controlled Telegram infrastructure.
Security News
Ruby maintainers from Bundler and rbenv teams are building rv to bring Python uv's speed and unified tooling approach to Ruby development.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.