Skip to content

Web

  • in Web
  • 14 min read

XPages App to Web App: Part Nineteen: Spots By Date and Stats Pages

Back when the application was on XPages and spots were associated to a trip, there was a summary page that gave stats for the number of new spots, ships, ports, and countries during a trip. Now the requirement for trips has gone. But sometimes it's nice to see details of new documents across a period of time. So over the weekend, I added that functionality. This was very similar to a Spots By Date page, which I had not yet covered. So we'll cover both together.

  • in Web
  • 4 min read

XPages App to Web App: Part Fifteen - Dialogs

When it comes to creating Ship Spots, one of the pain points I highlighted with the previous application was when a Ship Spot required creating a new Port or a new Country. This required switching to an "admin" area to open a Port form to complete and save; and if the country hasn't been created, it requires additionally switching to a County form to complete and save, before returning to the Port and back to the Ship Spot. Options were cached server-side in viewScope, so launching additional browser windows wasn't an option - the page would still need to be refreshed and entered data lost. We can improve on this.

  • in Web
  • 5 min read

XPages App to Web App: Part Twelve - Ship Spot Component

In the last two parts we covered the ship form, but we didn't cover the HTML of the form. We'll cover that in the next part, but first we'll cover creating the class. As we do that, we'll see one of the big benefits that Web Components brings to JavaScript application development. Because here we'll start with the Ship Spot form, which not only captures data that will create or display a Ship but also creates a Spot - Location, Port From and Port To.

  • in Web
  • 7 min read

XPages App to Web App: Part Ten - Ship Form Actions

In the last two parts we created our first web component and converted the login function into services we could use for all data interactions, the first use being to load data for any select controls in the application. Now it's time to create the ship form.