# Yss - 0.1 (Node-red edition) - Dashboard not Node-red

**URL:** <https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389>\
**Category:** Dashboard\
**Created:** [8 January 2023 22:16 UTC](https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389 "2023-01-08T22:16:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![yOyOeK1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/yoyoek1/32/73011_2.png) [@yOyOeK1](https://discourse.nodered.org/u/yOyOeK1)\
**Post date:** [8 January 2023 22:16 UTC](https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389/1 "2023-01-08T22:16:15Z")

</div>

I will like to share with you one of my first releases of yss ver 0.1  
Now chisel out from oiyshTerminal monstrosity it's free !  
yss is something in a category of dashboard-ui but .svg, 3d object (.glb) and pure .html panels.

It will be a framework to have menu, Screens Manager, semi shaders to invert colors or night red-black.

Lot of examples 🙂

You have data in node-red. Push them to link in node "ws\_yss" and you will get msg in javascript in yss.

**Installation:**  
Have in mined it's ongoing project.

1. Import flow from this repository:  
[oiyshTerminal/nodeRedFlow\_ySS at main · yOyOeK1/oiyshTerminal · GitHub](https://github.com/yOyOeK1/oiyshTerminal/tree/main/nodeRedFlow_ySS)

You will find there json files of flow to import. For now there is only 0.1.json

It will give you masso menos

 ![Screenshot from 2023-01-08 16-45-20](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/3/c3f33dd781b20e52f25ab2ff3a1d9a922a0b54a1.png)

1. Download yss directory with js files and all that goodnes.  
[oiyshTerminal/yss\_2301081638\_nodered\_release\_0.1.zip at main · yOyOeK1/oiyshTerminal · GitHub](https://github.com/yOyOeK1/oiyshTerminal/blob/main/yss_2301081638_nodered_release_0.1.zip)

in main directory of oiyshTerminal repository.  
3. Extract zip file on your machine where you have Node-red running.  
4. In folder you will find index.html remember where it is! (path)  
5. In Node-red in flow edit node "Main engine"  
In it you will find

```auto
// path to your index.html directory ! from step 4
var bPath = "/home/yoyo/Apps/oiyshTerminal/ySS_calibration/";
// set ip address (only ip address) of your instance 
msg.yssWSUrl = "ws://192.168.43.220:1880/ws/yss";

msg.yssPages = [
    {
      "oName": "s_calibrationPage",
      "o": null,
      "jssrc":["s_calibration.js", "s_calibrationPage.js"]
    },
    {
      "oName": "s_ilooNavPage",
      "o": null,
      "jssrc":["s_ilooNav.js", "s_ilooNavPage.js"]
    },
    {
      "oName": "s_basicSailPage",
      "o": null,
      "jssrc":["s_basicSailPage.js", "s_basicSail.js"]
    },
    {
      "oName": "s_apV3SvgPage",
      "o": null,
      "jssrc":["s_apV3Svg.js", "s_apV3SvgPage.js"]
    }
    
];

```

**DEPLOY**

at [http://yourIpAdress:1880/yss](http://yourIpAdress:1880/yss) you will have

 ![Screenshot from 2023-01-08 16-45-38](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/0/e05b08502fb589aeb45b06f8e46d19da4f6bdb3e.png)

ScreenManager You can see it in action in:

[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/3/6329b5ca114b4d03c1bb7d32b56270c936f9d557.jpeg "oiyshTerminal - screens manager") ](https://www.youtube.com/watch?v=fz_WaZtpGYo)

![otWorld1](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/7/f76163941a7c09f730e5506848c01acf668e7594.png)  
It's a part of a oiyshTerminal project.  
More about it at: [GitHub - yOyOeK1/oiyshTerminal: off-line iot collection](https://github.com/yOyOeK1/oiyshTerminal)

Let the power of Node-red be with you !  
Looking forward for your feedback!

---

<div class="post-metadata">

**Author:** ![yOyOeK1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/yoyoek1/32/73011_2.png) [@yOyOeK1](https://discourse.nodered.org/u/yOyOeK1)\
**Post date:** [9 January 2023 20:48 UTC](https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389/2 "2023-01-09T20:48:56Z")

</div>

More my style test dashboard.  
Update on repository.

[![](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/9/397c3436931b0595f059b7ec995d6506b6b18cff.jpeg "yss with three.js ver: 230109 3d instruments ? Why not :)") ](https://www.youtube.com/watch?v=FMqxG13F3ak)

---

<div class="post-metadata">

**Author:** ![yOyOeK1](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/yoyoek1/32/73011_2.png) [@yOyOeK1](https://discourse.nodered.org/u/yOyOeK1)\
**Post date:** [17 January 2023 17:07 UTC](https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389/3 "2023-01-17T17:07:33Z")

</div>

Update in Readme section on repository 🙂 It was a loooong one 😛 I still don't see light in the end of the tunel.

Moving towards modular pages.... More about it at [oiyshTerminal/ySS\_calibration at main · yOyOeK1/oiyshTerminal · GitHub](https://github.com/yOyOeK1/oiyshTerminal/tree/main/ySS_calibration)

And let me know what you think about it !?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [16 February 2023 17:08 UTC](https://discourse.nodered.org/t/yss-0-1-node-red-edition-dashboard-not-node-red/73389/4 "2023-02-16T17:08:28Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.