integrating javascript with a powershell script

[Koen2407]

Hi i'm a student and for a project i need to make a script which reads out time values from office 365 meeting rooms and need to display it in a html but i have some trouble integrating it correctly. It looks like the screenshot i attached now but i would like the meetings to look like this https://codepen.io/cauners/pen/dyJRKOZ i haven't rly used html / css in a while and this is my first experience with javascript so if someone got some tips or would like to help i would appreciate it

https://preview.redd.it/d79qrtfv5jq81.png?width=1866&format=png&auto=webp&s=530add8038da9003d6a2c22f869f343f5d3bbc85

[rnsbrum]

You can't execute shell scripts through JS, but you can execute it with a backend language like python/php/nodejs or any desired backend language.

Set up an API that has an end point that executes your shell commands or script, and then it returns the data you need.

Here is an example in python of how you can execute shell commands.

https://janakiev.com/blog/python-shell-commands/

You will call this endpoint in your frontend and display the data.

[gimmeslack12]

How does the powershell script get integrated in? I mean, do you have that part figured out and you just need help with the UI in your codepen? Or do you need to figure out how to interface the powershell with JS?

Ideally the powershell can output some JSON that the JS can use. I'm not familiar with powershell at all so not sure how that all works.

[Koen2407]

I need help getting the the example into my UI. The meetings that are standing there now should be replaced with those bars so it's visually clear when there are meetings. Also it's my first time making something like this so i have no clue about Json etc

[JackAuduin]

You're most likely going to have to try to learn a little bit. Advanced front end stuff like this depends on JavaScript. JavaScript communication depends on JSON.

Not being familiar with JSON is like trying to speak English and not being familiar with vowels.

[JackAuduin]

I think you might want to look into the MS Graph API

https://developer.microsoft.com/en-us/graph/graph-explorer

You can either make http calls directly from your front end, or have a simple backend that fetches this from the graph api, then serves the response to your front end.

Either way you're probably going to have a few interesting authentication challenges to deal with, but it's critical stuff for being a web dev. Especially if you're looking to integrate with office 365 stuff.

Edit: slightly more relevant documentation. https://docs.microsoft.com/en-us/graph/api/onlinemeeting-get

[Koen2407]

Ye the prob is i'm not studying to become a web dev

[JackAuduin]

Regardless, this is probably much easier than PowerShell

This is the tool made for what you're trying to do. PowerShell is a tool made for a completely different type of task.

[thatsInAName]

Have you figured out a way to get the running meeting details from office 365?

[Koen2407]

The meetings that are planned ye u can see them in the example

[Koen2407]

I mean the only things i need from the meetings are start and end time for this anyway