Introduction:
SpinalGraph is a data schema for grouping together a set of informations and modeling the links between these informations. This data schema works on the "context" layer of the pyramid of informations.
To get more information about SpinalGraph data architecture, please read SpinalGraph 0.2 Model description.
c'est un service qui permet d'enrengistrer sous forme d'applications des boutons en fonction de mot clé.
Avec les mots clés, les interfaces retrouvent/récupère les boutons associés aux applications.
Usage:
To use the Spinal Context Menu Service, you must :
Install :
| Code Block | ||||
|---|---|---|---|---|
| ||||
npm install --save https://github.com/spinalcom/spinal-env-viewer-context-menu-service.git |
Import and instantiate
| Code Block | ||
|---|---|---|
| ||
importconst { SpinalNode spinalContextMenuService, SpinalContext, SpinalGraphSpinalContextApp } from= require("../spinal-model-graph/src/index.js"; var SpinalGraph = new SpinalGraph(); // instantiate var SpinalContext = new SpinalContext(type, name); // instantiate var SpinalNode = new SpinalNode(type, element); // instantiateenv-viewer-context-menu-service"); // 1 Extends the class `SpinalContextApp` and define custom `isShown` and `action` methods. class SpinalContextAppTest extends SpinalContextApp { constructor() { // 2 testLabel : tooltip of the button // test description : description of the button. it will be an evolution of the tooltip. super("testlabel", "test description", { //3 button config icon: "add", icon_type: "in", backgroundColor: "000000", fontColor: "FFFFFF" }); } //4 fonction to open panel. isShown(option) { if (option.testsFail === true) return Promise.resolve(-1); return Promise.resolve(true); } action() { console.log("action clicked"); } } |
API:
CircularMenu
Hook : circularMenu
Pour ajouter une fonction dans le circular menu il faut réaliser l'ensemble de cette procedure.
SideBar Graph Manager
Hook : sideBar
GlobalBar Graph Manager
Hook : globalBar
ViewerBar
Hook : viewerBar