IT Monkey will place code here as examples of what Cireson's consulting team has to offer as well as examples for public consumption to benefit the Microsoft System Center community as a whole.
DISCLAIMER
All files and projects located here come as is and without any warranty or support. We will attempt to improve the projects as time goes on based on customer and community demand. Comments and improvements are welcome as well as customization requests. Your use of these Cireson Uploads is subject to our Terms of Use.
Cireson's support team has no information on these projects outside of what you have available and will not provide support for these enhancements, extensions, and scripts.
Dont forget to checkout solutions uploaded by our customers, partners and community members here.
Request Stage Progress Bar
The following extension looks up the stage of all top level activities and display a nice progress bar on the page to indicate these and which one is currently in progress.
Its early stages for now, there's some work needs doing on the styling and a lot more testing, but please give it a go. If you download, please like.
Geoff
Comments
Download updated on the original post. I'll move to GitHub soon.
Not that I can think of, just testing myself, what issue are you having?
Geoff
Are you setting any errors in the browser? Press F12 to get into the browser's console and check there.
Does your Request have Activities with Stages?
The zip file above is the latest code, did you want to contribute?
first of all thats a great feature ! Thats really what my customers would love to have and it would relief the service-desk from a lot of questions regarding the status of the SR^s.
But now comes the problems-part...
Although renaming the given Activity Stages via "Library/List/Activity Stage" the progress-bar somehow falls back to the "original-name".
I also tried creating new Activity stages, but then the progress-bar -text just turns blank.
Please find attached screenshots
Best regards
Andreas
How long has it been since you renamed it. IT could be a caching issue?
Or, I wonder if this is a language thing? You've only renamed it in one language but your portal is set to another language.
But also, can I ask why you have renamed / re-purposed an out of the box enum? Its better practice to delete these and create your own enums in a custom management pack?
Geoff
thanks for replying !
The caching time was something I thougt about as well, I tried it "live". Changed it, went to the SR , refreshed Webpage and checked the result.
Well, i renamed it because my custom-ones just turned out blank-text-fields.
So to test further I tried renaming existing ones.
I´ll give it a try with the language and the caching-time over the weekend.
Thanks in advance
Andreas
Update, after rebuilding numerous caches ( dont know which one did the trick ) it works now with my new custom stages. Thanks a lot
Hi there, unfortunalty I encountered another tricky Situation.
As we are working with automated runbook invokes there are couple of situations where These runbooks create sequentiel activitys that include request activities. I already added stages in the script to set the correct stages to both the sequentiell activity and the request activitys.
But then again the Progress bar doenst Display the "embedded" request actitvitys, but only Shows the wrapping sequentiell activitys stage.
It would be great if you could give me a hint on how to get the Progress bar to "look" inside the sequentiell activitys, or if changing the existing runbooks and f.e. getting rid of the sequentiell actitivy Container would be the only way.
Thanks in advance
Andreas
In the latest portal with the flyout header, the stage bar overlaps the WI tabs.
Is this an issue to be addressed in this code, or the portal header?
It will have to be address here as released code will always trump a community solution. I have already had a play and found the solution, I just need to update this along with a bunch of other updates waiting to happen. Should find time early Jan.
Stages folder => Stages.js
Add to Custom.js
Script loader
$.getScript("/CustomSpace/Stages/Stages.js",["/ServiceRequest/","/ChangeRequest/"]);
instead loadScript("/CustomSpace/Stages/Stages.js",["/ServiceRequest/","/ChangeRequest/"]);
$('.form-panel').prepend(html)
That looks good. Nice one.
Ideally this would also resize / turn into numbers only when the screen resizes.
I have been playing around with some useful potential features to build on top of this:
- Status icons vs numbers.
- Context styling based on status (yellow for skipped, red for failed and gray for cancelled).
- Dynamic Kendo view to handle refreshing content if activities change.
- Title text attributes to help with shortened display names and status icons on hover.
- Clicking on stage to go to its corresponding section in the Activities tab.
Still brainstorming on:
- How to handle container activities like PAs and SAs.
- Displaying Completed state.
- Updating CSS on page width changes to handle a column view.
Getting some very positive feedback on the proof of concept at this point so thanks again for the inspiration!
@Mika_Kosunen I believe the script in that file goes in your custom.js file unless another add-on put it in there already. I ignored it on my server but I already have a copy of the loadscript function in my custom.js from another mod.
@Leigh_Kilday @Geoff_Ross
I'm attempting to make this work in version 9.7 of the portal, but the form bar is still overlapping the form tabs even after making the change Leigh suggested. Does anyone have any ideas how to make this work properly?
EDIT: Please disregard, turns out I was editing the file in my downloads folder and not the one installed in the portal :( Everything is working great on 9.7.0.
Can you share the solution?
Thanks for this @Geoff_Ross - It really makes working with CR's so much more transparent to the progress, especially to some of our approves who are less frequent users of the system.
If anyone else is having issues (such as on 9.4 like us), adding the below to custom.jss should be a workaround.
div.form-panel{
padding-top: 40px;
}
@Ryan_Lane - Are those enhancements something you would be able to share? Could definately see a lot of value in all of your improvements!