Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/node-red/packages/node_modules/@node-red/editor-client/src/tours/   drwxr-xr-x
Free 13.12 GB of 57.97 GB (22.64%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     first-flow.js (4 KB)      -rw-r--r--

export default {
    steps: [
        {
            title: {
                'en-US': 'Create your first flow',
                'ja': 'はじめてのフローを作成'
            },
            width: 400,
            description: {
                'en-US': 'This tutorial will guide you through creating your first flow',
                'ja': '本チュートリアルでは、はじめてのフローを作成する方法について説明します。'
            },
            nextButton: 'start'
        },
        {
            element: "#red-ui-workspace .red-ui-tab-button.red-ui-tabs-add",
            description: {
                'en-US': 'To add a new tab, click the <i class="fa fa-plus"></i> button',
                'ja': '新しいタブを追加するため、 <i class="fa fa-plus"></i> ボタンをクリックします。'
            },
            wait: {
                type: "dom-event",
                event: "click",
                element: "#red-ui-workspace .red-ui-tab-button.red-ui-tabs-add a"
            },
        },
        {
            element: '.red-ui-palette-node[data-palette-type="inject"]',
            direction: 'right',
            description: {
                'en-US': 'The palette lists all of the nodes available to use. Drag a new Inject node into the workspace.',
                'ja': 'パレットには、利用できる全てのノードが一覧表示されます。injectノードをワークスペースにドラッグします。'
            },
            fallback: 'inset-bottom-right',
            wait: {
                type: "nr-event",
                event: "nodes:add",
                filter: function(event) {
                    if (event.type === "inject") {
                        this.injectNode = event;
                        return true;
                    }
                    return false
                }
            },
            complete: function() {
                $('.red-ui-palette-node[data-palette-type="inject"]').css("z-index","auto");
            }
        },
        {
            element: '.red-ui-palette-node[data-palette-type="debug"]',
            direction: 'right',
            description: {
                'en-US': 'Next, drag a new Debug node into the workspace.',
                'ja': '次に、debugノードをワークスペースにドラッグします。'
            },
            fallback: 'inset-bottom-right',
            wait: {
                type: "nr-event",
                event: "nodes:add",
                filter: function(event) {
                    if (event.type === "debug") {
                        this.debugNode = event;
                        return true;
                    }
                    return false
                }
            },
            complete: function() {
                $('.red-ui-palette-node[data-palette-type="debug"]').css("z-index","auto");
            },
        },
        {
            element: function() { return $("#"+this.injectNode.id+" .red-ui-flow-port") },
            description: {
                'en-US': 'Add a wire from the output of the Inject node to the input of the Debug node',
                'ja': 'injectノードの出力から、debugノードの入力へワイヤーで接続します。'
            },
            fallback: 'inset-bottom-right',
            wait: {
                type: "nr-event",
                event: "links:add",
                filter: function(event) {
                    return  event.source.id === this.injectNode.id && event.target.id === this.debugNode.id;
                }
            },
        },
        {
            element: "#red-ui-header-button-deploy",
            description: {
                'en-US': 'Deploy your changes so the flow is active in the runtime',
                'ja': 'フローをランタイムで実行させるため、変更をデプロイします。'
            },
            width: 200,
            wait: {
                type: "dom-event",
                event: "click"
            },
        }
    ]
}