Jira

  1. Navigate to https://exceleratr.atlassian.net/ and select the project ThingLogix Asset Management

  2. Create a new issue for the page you are creating

    1. By default, the assignee is Rob Rastovich; change this to the appropriate assignee

  3. Under the Development section on the right, click the Create branch button

    1. You will be navigated to Bitbucket

Screen Shot 2017-08-01 at 10.27.15 AM.png

Bitbucket

  1. The project should default to thinglogixteam/sealed-air-foundry

    1. If it is not defaulted to this, change it

  2. Branch from feature/TAM-653

    1. This is the branch of Foundry that 

  3. Replace the default branch name to match naming conventions

    1. If your ticket is called TAM-725, title your branch feature/TAM-725

  4. Click Create branch

Screen Shot 2017-08-01 at 10.29.08 AM.png

Git

  1. Clone the repository and checkout the branch you created

Adding the Page

Creating the View

  1. Create a new directory in sealed-air-foundry/Thinglogix_Axon_Web_Portal/app/views/templates

  2. Create a new html file in that directory

Screen Shot 2017-08-01 at 10.52.31 AM.png

Create the Controller

  1. Create a new directory in sealed-air-foundry/Thinglogix_Axon_Web_Portal/public/javascripts/controllers

  2. Create a new javascript file in that directory

    1. Naming conventions require a suffix of Ctrl to the name of the file

      1. deviceCtrl.js

  3. Insert the code to create the controller for your page

Screen Shot 2017-08-01 at 11.13.01 AM.png

Loading the Controller

  1. Open the file sealed-air-foundry/Thinglogix_Axon_Web_Portal/index.html

  2. Insert a script tag to import your controller

Screen Shot 2017-08-01 at 11.01.20 AM.png

Adding Routes

  1. Open the file sealed-air-foundry/Thinglogix_Axon_Web_Portal/public/javascripts/main.js

  2. Add a route for your page

Screen Shot 2017-08-01 at 11.05.45 AM.png


Serve the Page

  1. Host a local server to serve the page

    1. https://www.npmjs.com/package/live-server is easy to set up and automatically reloads the page when code changes

View the Results

  1. Navigate to the address your local server provides e.g. localhost:8080

  2. Enter the route into the url

  3. Your page should be displayed

Screen Shot 2017-08-01 at 11.12.49 AM.png