Oracle JET 2.3.0 SPA restructure instructions.txt

1. create and run install.cmd

copy content below into install.cmd file:

@echo off
cmd /C "npm -g install yo bower grunt grunt-cli grunt-bowercopy grunt-oraclejet load-grunt-config oraclejet-tooling generator-oraclejet npm-check-updates cordova"
cmd /C "yo oraclejet extranet-dev --template=navdrawer"
cd extranet-dev
echo > install.cmd
echo cd ../extranet-dev >> install.cmd
echo cmd /C "yo oraclejet:add-sass" >> install.cmd
echo cmd /C "npm-check-updates -u" >> install.cmd
echo cmd /C "npm i" >> install.cmd
echo cmd /C "yo oraclejet:add-theme extranet" >> install.cmd
echo cmd /C "grunt build --theme=extranet --platform=web" >> install.cmd
cmd /C "install.cmd"

2. In IntelliJ IDEA or WebStorm add Grunt.js configuration task similar to 

grunt build --theme=extranet:web --platform=web


3. To make everything work on existing projects, follow these steps:

follow the steps 1,2,3 from here (https://blogs.oracle.com/geertjan/entry/restructuring_of_oracle_jet_applications)

(create app folder under src folder, and create app/pages/ subfolders for views)

4. edit appController.js on line 20:

function getPagePath(path) {
    return '../app/pages/' + path + '/' + path.substr(path.lastIndexOf('/') + 1);
}

5. add value: getPagePath('dashboard') to each page configuration in router

            self.router.configure({
                'dashboard': {value: getPagePath('dashboard'), label: 'Dashboard', isDefault: true},
                'incidents': {value: getPagePath('incidents'), label: 'Incidents'},
                'customers': {value: getPagePath('customers'), label: 'Customers'},
                'about': {value: getPagePath('about'), label: 'About'}
            });

6. in main.js on line 53 add defaults:

        oj.ModuleBinding.defaults.modelPath = '';
        oj.ModuleBinding.defaults.viewPath = 'text!';