Skip to content

Commit 9c0558d

Browse files
author
JelteMX
committed
🔥 First setup
0 parents  commit 9c0558d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+24623
-0
lines changed

.eslintrc.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
const base = require("@mendix/pluggable-widgets-tools/configs/eslint.ts.base.json");
2+
3+
module.exports = {
4+
...base,
5+
rules: {
6+
"@typescript-eslint/ban-ts-ignore": "warn",
7+
"@typescript-eslint/no-empty-interface": "off",
8+
"@typescript-eslint/no-empty-function": "off",
9+
"react/no-find-dom-node": "off",
10+
"react/no-deprecated": "warn"
11+
}
12+
};

.gitattributes

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
* text=auto
2+
*.ts text eol=lf
3+
*.tsx text eol=lf
4+
*.js text eol=lf
5+
*.jsx text eol=lf
6+
*.css text eol=lf
7+
*.scss text eol=lf
8+
*.json text eol=lf
9+
*.xml text eol=lf
10+
*.md text eol=lf
11+
*.gitattributes eol=lf
12+
*.gitignore eol=lf
13+
*.png binary
14+
*.jpg binary
15+
*.gif binary

.gitignore

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
dist/
2+
node_modules/
3+
*.log
4+
.env
5+
.vscode
6+
.DS_Store

LICENSE

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
The Apache License v2.0
2+
3+
Copyright Jelte Lagendijk 2019
4+
5+
Licensed under the Apache License, Version 2.0 (the "License");
6+
you may not use this file except in compliance with the License.
7+
You may obtain a copy of the License at
8+
9+
http://www.apache.org/licenses/LICENSE-2.0
10+
11+
Unless required by applicable law or agreed to in writing, software
12+
distributed under the License is distributed on an "AS IS" BASIS,
13+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14+
See the License for the specific language governing permissions and
15+
limitations under the License.

README.md

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
[![Build Status](https://travis-ci.org/JelteMX/mendix-tree-view.svg?branch=master)](https://travis-ci.org/JelteMX/mendix-tree-view)
2+
[![Coverage Status](https://coveralls.io/repos/github/JelteMX/mendix-tree-view/badge.svg?branch=master)](https://coveralls.io/github/JelteMX/mendix-tree-view?branch=master)
3+
[![Dependencies](https://david-dm.org/JelteMX/mendix-tree-view.svg)]([https://david-dm.org/JelteMX/mendix-tree-view](https://david-dm.org/JelteMX/mendix-tree-view))
4+
[![DevDependencies](https://david-dm.org/JelteMX/mendix-tree-view/dev-status.svg)]([https://david-dm.org/JelteMX/mendix-tree-view?type=dev](https://david-dm.org/JelteMX/mendix-tree-view?type=dev))
5+
[![Support](https://img.shields.io/badge/Support-Community%20(no%20active%20support)-orange.svg)](https://docs.mendix.com/developerportal/app-store/app-store-content-support)
6+
[![Studio](https://img.shields.io/badge/Studio%20version-8.0%2B-blue.svg)](https://appstore.home.mendix.com/link/modeler/)
7+
[![GitHub release](https://img.shields.io/github/release/JelteMX/mendix-tree-view)](https://github.com/JelteMX/mendix-tree-view/releases/latest)
8+
[![GitHub issues](https://img.shields.io/github/issues/JelteMX/mendix-tree-view)](https://github.com/JelteMX/mendix-tree-view/issues)
9+
10+
# Tree View for Mendix
11+
12+
Mendix Tree View widget using [Ant Design Table](https://ant.design/components/table/) (MIT License).
13+
14+
![logo](/assets/AppStoreIcon.png)
15+
16+
Show a Tree structure in your Mendix project
17+
18+
![screenshot](/assets/screenshot.png)
19+
20+
> See test-project [https://treeview-react-sandbox.mxapps.io/](https://treeview-react-sandbox.mxapps.io/) for a live demo!
21+
22+
> Missing features? See TODO at the bottom to see which items are still on the TODO list. If you find other bugs, please report this as an issue [here](https://github.com/JelteMX/mendix-tree-table/issues)
23+
24+
## Features
25+
26+
- Display a tree structure in a tree view
27+
- Data Sources: XPath, Microflow, Nanoflow
28+
- Load a complete tree structure
29+
- Two patterns: Node-Parent or Node-Children
30+
- Load children over reference, xpath or nanoflow
31+
- On Click events
32+
- Drag & Drop (Node-Parent)
33+
- **Experimental** Client side search (Only on loading a complete tree)
34+
35+
> This widget is about 300Kb uncompressed, so in your cloud deployment this widget should take about 83 Kb of network resources
36+
37+
Tested:
38+
39+
- IE11 & Edge
40+
- Chrome
41+
- Firefox
42+
- Safari
43+
44+
## Basic Configuration
45+
46+
### 1. Data Source
47+
48+
![settings](/assets/settings1.png)
49+
50+
### 2. Data
51+
52+
![settings](/assets/settings2.png)
53+
54+
- You can choose to load a complete tree, or partial
55+
- The rest of the settings are self-explanatory
56+
57+
### 3. Relation
58+
59+
![settings](/assets/settings3.png)
60+
61+
62+
### 4. UI
63+
64+
![settings](/assets/settings4.png)
65+
66+
### 5. Drag & Drop
67+
68+
![settings](/assets/settings5.png)
69+
70+
- Drag & Drop is only enabled for objects with a parent relation
71+
- The widget will do the changes on the object by itself
72+
73+
### 6. Experimental - Search
74+
75+
![settings](/assets/settings6.png)
76+
77+
- This feature is highly experimental and might be subject to change in future releases
78+
- It requires another helper entity, which will be used in calling a Nanoflow
79+
- The helper entity has a reference set of all the objects that are loaded, and the search query. It is up to you to create a Nanoflow that returns a list of objects to be shown (act as a filter)
80+
81+
### 7. Events
82+
83+
![settings](/assets/settings7.png)
84+
85+
## Demo project
86+
87+
[https://treeview-react-sandbox.mxapps.io/](https://treeview-react-sandbox.mxapps.io/)
88+
89+
### Domain model
90+
91+
![domain](/assets/domain.png)
92+
93+
- This is an example of the domain model used in our test-project
94+
- **Note: Only use one type of relation! Either Node-Parent or Node-Children!** This domain model features both, as cwe reate two types of sets of nodes to show all capabilities
95+
96+
## Issues, suggestions and feature requests
97+
98+
Please report your issues [here](https://github.com/JelteMX/mendix-tree-view/issues)
99+
100+
## Development and contribution
101+
[specify contribute]
102+
103+
## TODO
104+
105+
These are action items on the list for future releases
106+
107+
- WebModeler preview
108+
- Draggable NodeChildren
109+
- On DragChange mf/nf
110+
- Selectable? Version 2.0
111+
- Automated unit tests & CI/CD pipeline
112+
113+
## License
114+
115+
Apache 2

assets/AppStoreIcon.png

6.91 KB
Loading

assets/domain.png

73.5 KB
Loading

assets/icon.png

960 Bytes
Loading

assets/screenshot.png

84.8 KB
Loading

assets/settings1.png

160 KB
Loading

0 commit comments

Comments
 (0)