Project API Introduction

By default, netDecor implements a standard project management system with "New", "Open", "Save", and "Save as" buttons. The previous API (v2) only exposed Save and Open events. The new V3 API provides functionality to rebuild the project management system entirely from scratch. The addButton method removes all default buttons and adds new configurable buttons to the panel. With other methods from the Project API, it's possible to build a completely custom implementation for your project workflow.

Examples

The following examples show only button instantiation code. Actual implementation may vary between web frameworks and backends.

Classic with share button

var newButton = NetDecor.v3.project.addButton({
    label: { en:"New", pl: "Nowy" },
    icon: "New",
    shortcut:{
        flags:["LCtrl"],
        key:"N"
    },
    onclick: function () {
        // implementation
    }
});

var openButton = NetDecor.v3.project.addButton({
    label: { en:"Open", pl: "Otwórz" },
    icon: "Open",
    shortcut:{
        flags:["LCtrl"],
        key:"O"
    },
    onclick: function () {
        // implementation
    }
});

var saveButton = NetDecor.v3.project.addButton({
    label: { en:"Save", pl: "Zapisz" },
    icon: "Save",
    shortcut:{
        flags:["LCtrl"],
        key:"S"
    },
    onclick: function () {
        // implementation
    }
});


var saveAsButton = NetDecor.v3.project.addButton({
    label: { en:"Save as", pl: "Zapisz jako" },
    icon: "SaveAs",
    onclick: function () {
        // implementation
    }
});

var shareButton = NetDecor.v3.project.addButton({
    label: { en:"Share", pl: "Udostępnij" },
    icon: "Share",
    onclick: function () {
        // implementation
    }
});

Readonly gallery

var openButton = NetDecor.v3.project.addButton({
    label: { en:"Open", pl: "Otwórz" },
    icon: "Open",
    shortcut:{
        flags:["LCtrl"],
        key:"O"
    },
    onclick: function () {
        // implementation
    }
});

var openCloudButton = NetDecor.v3.project.addButton({
    label: { en:"Open from cloud", pl: "Otwórz z chmury" },
    icon: "OpenCloud",
    onclick: function () {
        // implementation
    }
});

Cloud based save

var newButton = NetDecor.v3.project.addButton({
    label: { en:"New", pl: "Nowy" },
    icon: "New",
    shortcut:{
        flags:["LCtrl"],
        key:"N"
    },
    onclick: function () {
        // implementation
    }
});

var openButton = NetDecor.v3.project.addButton({
    label: { en:"Open", pl: "Otwórz" },
    icon: "OpenCloud",
    shortcut:{
        flags:["LCtrl"],
        key:"O"
    },
    onclick: function () {
        // implementation
    }
});

var saveButton = NetDecor.v3.project.addButton({
    label: { en:"Save", pl: "Zapisz" },
    icon: "SaveCloud",
    shortcut:{
        flags:["LCtrl"],
        key:"N"
    },
    onclick: function () {
        // implementation
    }
});

See also

addButton

IconResourceId