Graph dependency for Trello, Github and Asana

Create a cytoscape dependency graph on Trello, Github projects and Asana boards

Graph dependency for Trello, Github and Asanaとは何ですか?

Graph dependency for Trello, Github and AsanaはStephanePopoutによって開発されたChromeの拡張機能で、その主な機能は「Create a cytoscape dependency graph on Trello, Github projects and Asana boards」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

Graph dependency for Trello, Github and Asana拡張機能のCRXファイルをダウンロード

Graph dependency for Trello, Github and Asana拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        # Create dependency graph on Trello, Github and Asana easily (and soon jira)

---

- If you like the extension, give it some ⭐️ on my github repo please 😍and leave a comment (it's always a pleasure to have positive feedback 🙏🏼)
  Go to https://github.com/DanielPopOut/graph-dependencies

- If you have any issue or improvement suggestions leave a comment or create an issue on github
  https://github.com/DanielPopOut/graph-dependencies/issues

**Autorisations needed :**  
The only autorisation asked is the storage to be able to save and restore your dependencies  
The library used to create the graph is cytoscape.js (https://js.cytoscape.org/)

## Steps to use the app :

---

#### (check the gif here https://giphy.com/gifs/graph-trello-dependency-XClrCtAB9djahMHAr5/fullscreen )

- Add action button to cards
- Select dependent card
- Select parent card
- Click on show dependencies
- Move the graph

## Next updates :

- Each card will have a different background depending on the list and label
- Card will be grouped by label

v2.8:

- Fix decodeURI error --> https://github.com/DanielPopOut/graph-dependencies/issues/3

v2.7:

- Improve action button colors and UX
- Auto refresh card actions and list actions if DOM is changed
- Remove start and done column
- Let the use choose specific color for each column


v2.6:

- Fix start and done column inversion
- Handle scrum card difficulty
- Improve card initial positioning


v2.5:

- Corrected bug 2.4 which showed the graph out of the visible zone
- Improve graph rendering
- Add done and start columns
- Color cards depending on the column they are in

v2.4:

- Save data automatically in localStorage
- Restore data from a json

v2.3:

- List selection for dependency graph enabled

v2.2:

- Added labels on cards
- Added worker on the card

v2.1:

- Enable graph to work with Asana
- fix: solved React and native event click conflict
- fix: actions buttons are now in the card and not in a div after the card

v2.0:

- Enable graph creation on github projects
- fix: update dependencies on card when edge created on graph

v1.2 :

- Create dependency graph on Trello

Enjoy !                    

拡張機能の基本情報

名前 Graph dependency for Trello, Github and Asana Graph dependency for Trello, Github and Asana
ID ppbndnpfbahiilhalfmbkfnhkaohjbdo
公式URL https://chrome.google.com/webstore/detail/graph-dependency-for-trel/ppbndnpfbahiilhalfmbkfnhkaohjbdo
説明 Create a cytoscape dependency graph on Trello, Github projects and Asana boards
ファイルサイズ 953 KB
インストール数 60
現在のバージョン 2.8
最終更新日 2020-11-03
公開日 2020-06-15
評価 5.00/5 合計 1 レビュー
開発者 StephanePopout
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/DanielPopOut/graph-dependencies
ヘルプページのURL https://github.com/DanielPopOut/graph-dependencies
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Graph dependency for Trello, Github and Asana",
    "version": "2.8",
    "description": "Create a cytoscape dependency graph on Trello, Github projects and Asana boards",
    "icons": {
        "16": "logo-16.png",
        "32": "logo-32.png",
        "48": "logo-48.png",
        "128": "logo-128.png"
    },
    "permissions": [
        "storage"
    ],
    "manifest_version": 2,
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*.trello.com\/*"
            ],
            "js": [
                "trelloManager.js",
                "graphdep.js"
            ]
        },
        {
            "matches": [
                "*:\/\/github.com\/*\/projects\/*"
            ],
            "js": [
                "githubManager.js",
                "graphdep.js"
            ]
        },
        {
            "matches": [
                "*:\/\/*.asana.com\/*\/board"
            ],
            "js": [
                "asanaManager.js",
                "graphdep.js"
            ]
        }
    ]
}