infor-design / enterprise-ng

Angular wrappers for IDS Enterprise components
Apache License 2.0
57 stars 83 forks source link

Feature: Demo site for Angular components #1473

Open edinfor opened 1 year ago

edinfor commented 1 year ago

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. [e.g. {Component Name} has a problem when {...}]

I attempted to create a github page to demo angular components, but it's blocked by our VPN, you can visit this link if you turn off VPN. .

https://edinfor.github.io/ids

This can be done easily using github actions and github page, please refer here, maybe your team can publish this without getting block?:

https://github.com/edinfor/ids/blob/ghpage/.github/workflows/gh-pages.yml

Can we have any sort of demo site for us to view angular components instead of having to setup locally?

If there is any other place I can do this temporarily for WFM team, please let me know, i will be glad to set that up until the official version is released.

Describe the solution you'd like A clear and concise description of what you want to happen. [e.g. {Component Name} would work better if {...}]

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

tmcconechy commented 1 year ago

Im not on VPN and i still cant see it - so may not be blocked by VPN? But what we have been using to publish sites is a stackblitz project. This is the latest https://stackblitz.com/edit/ids-quick-start-1521

That being said we can look at the suggestion. But not sure i get how it fits in and what we would publish and document to do it that way?

edinfor commented 1 year ago

image

stackblitz is slow and doesn't seem stable at times, see screenshot, the menu panel is missing content

what i intend to showcase the designers and make as reference is this page, works without VPN for me, but not sure why it wasn't working for you...if we can showcase this page, we can have direct links to certain components, quick to open, and github actions + pages is a built-in feature from Github for free, simply just enable the github action to publish, so each time you push to a release branch, we can view the latest from the demo site:

just to list a few usecases:

  1. use the demo site for reference when we validate IDS angular component capabilities
  2. check if any bugs were already existing in IDS prior to creating a WFM or product level bug tickets
  3. reference the component in design or technical documentations
  4. communicating with management on new features released by IDS visually and compare our current components from older version vs the latest component features to decide when to upgrade

image

tmcconechy commented 1 year ago

Ok, This isnt a bad idea but need to look into it. We do have a process in place on https://github.com/infor-design/enterprise where when you push a PR/Branch it makes a URL already but its done differently. So maybe we do the same thing here in this repo once we iron that out.

The stackblitz works for now. I did make it have nothing in the menu. Its basically a blank app. Not the entire app

github-actions[bot] commented 5 months ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contribution.