Ben Nadel
On User Experience (UX) Design, JavaScript, ColdFusion, Node.js, Life, and Love.
Ben Nadel at cf.Objective() 2010 (Minneapolis, MN) with: Doug Hughes and Ezra Parker and Dan Wilson and John Mason and Jason Dean and Luis Majano and Mark Mandel and Brian Kotek and Wil Genovese and Rob Brooks-Bilson and Andy Matthews and Simeon Bateman and Ray Camden and Chris Rockett and Joe Bernard and Dan Skaggs and Byron Raines and Barney Boisvert and Simon Free and Steve 'Cutter' Blades and Seth Bienek and Katie Bienek and Jeff Coughlin
Ben Nadel at cf.Objective() 2010 (Minneapolis, MN) with: Doug Hughes@doughughes ) , Ezra Parker , Dan Wilson@DanWilson ) , John Mason@john_mason_ ) , Jason Dean@JasonPDean ) , Luis Majano@lmajano ) , Mark Mandel@Neurotic ) , Brian Kotek , Wil Genovese@wilgeno ) , Rob Brooks-Bilson@styggiti ) , Andy Matthews@commadelimited ) , Simeon Bateman@simBateman ) , Ray Camden@cfjedimaster ) , Chris Rockett ( @RockettMan ) , Joe Bernard@JEBernard ) , Dan Skaggs@dskaggs ) , Byron Raines ( @byronraines ) , Barney Boisvert@barneyb ) , Simon Free@simonfree ) , Steve 'Cutter' Blades@cutterbl ) , Seth Bienek@sethbienek ) , Katie Bienek@KatieBienek ) , and Jeff Coughlin@jeffcoughlin )

HTML And JavaScript Viewer For Fusion Reactor Alert Emails

By Ben Nadel on

Last week, I blogged about parsing Fusion Reactor Alert emails into a usable data structure. Over the weekend, I wanted to see if I could take that one step further and create an HTML and JavaScript (only) viewer for said Fusion Reactor Alerts. It took me a couple of hours on Friday and Sunday; but, I managed to get a JavaScript example on my GitHub project page that allows you to copy-paste your Fusion Reactor Alert emails into a Textarea input.


 
 
 

 
 
 
 
 

Project: View the Fusion Reactor Alert project on my GitHub account.

Once I had the FusionReactorAlert.cfc from last week, the hardest part of the JavaScript viewer was creating the user interface (UI). Parsing the textarea content (the copy-paste of your Fusion Reactor Alert email) was little more than a direct line-by-line translation of the ColdFusion component into an AngularJS factory. Luckily, JavaScript implements all of the regular expressions that I was using to parse the email content, including the Negative Look-Aheads.

I'll definitely be putting this to use at work. So, hopefully, I'll be able to fine-tune it and make it more usable. This first version was put together fairly fast, so it lacks polish and basic features like a "refresh" button. But, those shouldn't be too hard to add.




Reader Comments