initials on help

src/components/cards.js

@@ -127,7 +127,7 @@ var STWkit;
             var showcircle = (options && options.hasOwnProperty('circle')) ? options.circle : false;
             var typeLabelGrid = L.DomUtil.create('div', 'uk-grid uk-margin-top', self.locationForm);
             var objectlabelDiv = L.DomUtil.create('div', 'uk-width-1-2', typeLabelGrid);
-            _super.prototype.addLabelDiv.call(_this, objectlabelDiv, "Outlet type", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-type' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, objectlabelDiv, "Outlet type", "See more information <a style='color:#faa732;' href='help/classic/#oil-" + initials + "-type' target='_blank'>here</a>");
             var typeDiv = L.DomUtil.create('div', '', self.locationForm);
             typeDiv.id = 'guide' + initials + '1';
             typeDiv.setAttribute('data-uk-button-radio', '');
@@ -165,7 +165,7 @@ var STWkit;
             self.positions = [];
             var positionLabelGrid = L.DomUtil.create('div', 'uk-grid uk-margin-top', self.locationForm);
             var positionlabelDiv = L.DomUtil.create('div', 'uk-width-1-1', positionLabelGrid);
-            _super.prototype.addLabelDiv.call(_this, positionlabelDiv, "Position", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-position' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, positionlabelDiv, "Position", "See more information <a style='color:#faa732;' href='help/classic/#oil-" + initials + "-position' target='_blank'>here</a>");
             var positionDiv = L.DomUtil.create('div', '', self.locationForm);
             positionDiv.id = 'guide' + initials + '2';
             var positionButtonGrid = L.DomUtil.create('div', 'uk-grid uk-grid-small', positionDiv);
@@ -439,10 +439,10 @@ var STWkit;
             self.maxDate = moment.utc().startOf('hour').add(240, 'hours');
             var fieldset = L.DomUtil.create('fieldset', '', form);
             var availableRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
-            _super.prototype.addLabelDiv.call(_this, availableRowDiv, "Selected period (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-period' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, availableRowDiv, "Selected period (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-" + initials + "-period' target='_blank'>here</a>");
             var availableDiv = L.DomUtil.create('div', '', availableRowDiv);
             var startRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
-            _super.prototype.addLabelDiv.call(_this, startRowDiv, "Start date (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-start' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, startRowDiv, "Start date (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-" + initials + "-start' target='_blank'>here</a>");
             var startDiv = L.DomUtil.create('div', 'uk-form-controls uk-form-icon uk-width-1-1', startRowDiv);
             var startIcon = L.DomUtil.create('span', 'uk-icon-calendar', startDiv);
             self.startDateInput = L.DomUtil.create('input', 'uk-width-1-2', startDiv);
@@ -451,7 +451,7 @@ var STWkit;
             self.startTimeInput = L.DomUtil.create('input', 'uk-width-1-2', startDiv);
             self.startTimeInput.type = 'text';
             var durationRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
-            _super.prototype.addLabelDiv.call(_this, durationRowDiv, "Duration", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-duration' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, durationRowDiv, "Duration", "See more information <a style='color:#faa732;' href='help/classic/#object-" + initials + "-duration' target='_blank'>here</a>");
             var durationDiv = L.DomUtil.create('div', 'uk-form-controls uk-form-icon uk-width-1-1', durationRowDiv);
             durationDiv.id = 'guide' + initials + '4';
             var durationIcon = L.DomUtil.create('span', 'uk-icon-clock-o', durationDiv);
@@ -465,7 +465,7 @@ var STWkit;
             var directionRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
             if (!showforwardbackward)
                 directionRowDiv.style.display = 'none';
-            _super.prototype.addLabelDiv.call(_this, directionRowDiv, "Forward / Backward", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-direction' target='_blank'>here</a>");
+            _super.prototype.addLabelDiv.call(_this, directionRowDiv, "Forward / Backward", "See more information <a style='color:#faa732;' href='help/classic/#oil-" + initials + "-direction' target='_blank'>here</a>");
             var directionDiv = L.DomUtil.create('div', 'uk-margin-bottom', directionRowDiv);
             directionDiv.setAttribute('data-uk-button-radio', '');
             var directionButtonGrid = L.DomUtil.create('div', 'uk-grid uk-grid-small', directionDiv);
@@ -813,7 +813,7 @@ var STWkit;
             };
             var fieldset = L.DomUtil.create('fieldset', '', startform);
             var calculationRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
-            addLabelDiv(calculationRowDiv, "Calculation mode", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-calculationmode' target='_blank'>here</a>");
+            addLabelDiv(calculationRowDiv, "Calculation mode", "See more information <a style='color:#faa732;' href='help/classic/#object-" + this.initials + "-calculationmode' target='_blank'>here</a>");
             var calculationMode = L.DomUtil.create('div', 'uk-form-select', calculationRowDiv);
             calculationMode.setAttribute('data-uk-form-select', '');
             var selectedMode = L.DomUtil.create('span', '', calculationMode);
@@ -823,7 +823,7 @@ var STWkit;
             addOption(self.selectCalculationMode, 'Detailed', 'Detailed / slower');
             self.selectCalculationMode.selectedIndex = 1;
             var uncertaintyRowDiv = L.DomUtil.create('div', 'uk-form-row', fieldset);
-            addLabelDiv(uncertaintyRowDiv, "Uncertainty", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-uncertainty' target='_blank'>here</a>");
+            addLabelDiv(uncertaintyRowDiv, "Uncertainty", "See more information <a style='color:#faa732;' href='help/classic/#object-" + this.initials + "-uncertainty' target='_blank'>here</a>");
             var uncertaintyLabel = L.DomUtil.create('label', '', uncertaintyRowDiv);
             uncertaintyLabel.style.display = 'block';
             self.uncertaintyInput = L.DomUtil.create('input', '', uncertaintyLabel);

src/components/cards.ts

@@ -153,7 +153,7 @@ module STWkit {
             var showcircle = (options && options.hasOwnProperty('circle'))?options.circle:false;
             var typeLabelGrid = <HTMLDivElement>L.DomUtil.create('div', 'uk-grid uk-margin-top', self.locationForm);
             var objectlabelDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-width-1-2', typeLabelGrid);
-            super.addLabelDiv(objectlabelDiv, "Outlet type", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-type' target='_blank'>here</a>");
+            super.addLabelDiv(objectlabelDiv, "Outlet type", "See more information <a style='color:#faa732;' href='help/classic/#oil-"+initials+"-type' target='_blank'>here</a>");
             var typeDiv = <HTMLDivElement>L.DomUtil.create('div', '', self.locationForm);
             typeDiv.id = 'guide'+initials+'1';
             typeDiv.setAttribute('data-uk-button-radio', '');
@@ -189,7 +189,7 @@ module STWkit {
             var positionLabelGrid = <HTMLDivElement>L.DomUtil.create('div', 'uk-grid uk-margin-top', self.locationForm);
     
             var positionlabelDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-width-1-1', positionLabelGrid);
-            super.addLabelDiv(positionlabelDiv, "Position", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-position' target='_blank'>here</a>");
+            super.addLabelDiv(positionlabelDiv, "Position", "See more information <a style='color:#faa732;' href='help/classic/#oil-"+initials+"-position' target='_blank'>here</a>");
             var positionDiv: any = <HTMLDivElement>L.DomUtil.create('div', '', self.locationForm);
             positionDiv.id = 'guide'+initials+'2';
             var positionButtonGrid = <HTMLDivElement>L.DomUtil.create('div', 'uk-grid uk-grid-small', positionDiv);
@@ -492,10 +492,10 @@ module STWkit {
             self.maxDate = moment.utc().startOf('hour').add(240, 'hours');
             var fieldset = <HTMLFieldSetElement>L.DomUtil.create('fieldset', '', form);
             var availableRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);
-            super.addLabelDiv(availableRowDiv, "Selected period (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-period' target='_blank'>here</a>");
+            super.addLabelDiv(availableRowDiv, "Selected period (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-"+initials+"-period' target='_blank'>here</a>");
             var availableDiv = <HTMLDivElement>L.DomUtil.create('div', '', availableRowDiv);
             var startRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);
-            super.addLabelDiv(startRowDiv, "Start date (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-start' target='_blank'>here</a>");
+            super.addLabelDiv(startRowDiv, "Start date (UTC)", "See more information <a style='color:#faa732;' href='help/classic/#object-"+initials+"-start' target='_blank'>here</a>");
             var startDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-controls uk-form-icon uk-width-1-1', startRowDiv);
             var startIcon = <HTMLSpanElement>L.DomUtil.create('span', 'uk-icon-calendar', startDiv);
             self.startDateInput = <HTMLInputElement>L.DomUtil.create('input', 'uk-width-1-2', startDiv);
@@ -504,7 +504,7 @@ module STWkit {
             self.startTimeInput = <HTMLInputElement>L.DomUtil.create('input', 'uk-width-1-2', startDiv);
             self.startTimeInput.type = 'text';
             var durationRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);
-            super.addLabelDiv(durationRowDiv, "Duration", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-duration' target='_blank'>here</a>");
+            super.addLabelDiv(durationRowDiv, "Duration", "See more information <a style='color:#faa732;' href='help/classic/#object-"+initials+"-duration' target='_blank'>here</a>");
             var durationDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-controls uk-form-icon uk-width-1-1', durationRowDiv);
             durationDiv.id = 'guide'+initials+'4';
             var durationIcon = <HTMLSpanElement>L.DomUtil.create('span', 'uk-icon-clock-o', durationDiv);
@@ -517,7 +517,7 @@ module STWkit {
             hoursSpan.textContent = " hours";
             var directionRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);
             if (!showforwardbackward) directionRowDiv.style.display = 'none';
-            super.addLabelDiv(directionRowDiv, "Forward / Backward", "See more information <a style='color:#faa732;' href='help/classic/#oil-oo-direction' target='_blank'>here</a>");
+            super.addLabelDiv(directionRowDiv, "Forward / Backward", "See more information <a style='color:#faa732;' href='help/classic/#oil-"+initials+"-direction' target='_blank'>here</a>");
             var directionDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-margin-bottom', directionRowDiv);
             directionDiv.setAttribute('data-uk-button-radio', '');
             var directionButtonGrid = <HTMLDivElement>L.DomUtil.create('div', 'uk-grid uk-grid-small', directionDiv);
@@ -904,7 +904,7 @@ module STWkit {
             };  
             var fieldset = <HTMLFieldSetElement>L.DomUtil.create('fieldset', '', startform);
             var calculationRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);           
-            addLabelDiv(calculationRowDiv, "Calculation mode", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-calculationmode' target='_blank'>here</a>");
+            addLabelDiv(calculationRowDiv, "Calculation mode", "See more information <a style='color:#faa732;' href='help/classic/#object-"+this.initials+"-calculationmode' target='_blank'>here</a>");
             var calculationMode = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-select', calculationRowDiv);
             calculationMode.setAttribute('data-uk-form-select','');
             var selectedMode = <HTMLSpanElement>L.DomUtil.create('span', '', calculationMode);
@@ -914,7 +914,7 @@ module STWkit {
             addOption(self.selectCalculationMode,'Detailed', 'Detailed / slower');
             self.selectCalculationMode.selectedIndex = 1;
             var uncertaintyRowDiv = <HTMLDivElement>L.DomUtil.create('div', 'uk-form-row', fieldset);           
-            addLabelDiv(uncertaintyRowDiv, "Uncertainty", "See more information <a style='color:#faa732;' href='help/classic/#object-fo-uncertainty' target='_blank'>here</a>");
+            addLabelDiv(uncertaintyRowDiv, "Uncertainty", "See more information <a style='color:#faa732;' href='help/classic/#object-"+this.initials+"-uncertainty' target='_blank'>here</a>");
             var uncertaintyLabel = <HTMLLabelElement>L.DomUtil.create('label', '', uncertaintyRowDiv);    
             uncertaintyLabel.style.display = 'block';
             self.uncertaintyInput = <HTMLInputElement>L.DomUtil.create('input', '', uncertaintyLabel);