AllegroTime port for the web.

Running

bundle
rake build
rake server # runs middleman

rake cordova
rake ios
rake android # runs android device or similator
rake device # runs ios device

Installing Bower Dependencies

bower install -S rackt/react-router
cd bower_components/react-router
npm install
npm run build-min
npm run build-umd
# link bower_components/react-router/umd/ReactRouter.js

bower install -S reactjs/history
cd bower_components/history
npm install
npm run build-umd
npm run build-min

JS top level variables

ds
app

Cordova commands

cordova create allegrotime
cordova prepare
cordova platform add ios
cordova platform add android

cordova build ios
cordova run ios
cordova emulate ios --target='iPhone-6-Plus, 9.1'

platforms/ios/cordova/lib/list-emulator-images

Updating

bundle update bower update --save npm update -g (cordova itself) cordova platform update cordova plugin update

Making snapshots

gem install snapshot frameit deliver
cd cordova/platforms/ios
snapshot init
cp other/snapshot.js cordova/platforms/ios
cp other/snapshot.js cordova/platforms/ios/snapshot-iPad.js
cp other/Snapfile cordova/platforms/ios
uncomment the stuff in the app.js
snapshot
cd cordova/platforms/ios/screenshots
frameit silver

Fixes

• After adding the iOS platform. Edit platforms/ios/cordova/default.xml

  replace `BackupWebStorage` to `none` in platforms/ios/cordova/default.xml
  

• After adding cordova-plugin-geolocation plugin. Edit plugins/cordova-plugin-geolocation/plugin.xml

  set NSLocationWhenInUseUsageDescription to "Требуется для определения ближайшего ж/д переезда."
  

Performance

Rendering the Schedule graph (Mac/iPad mini 2/ASUS Zenfone 2)

• using Handlebars: 1.6 / 8.0 / 15
• using jQuery: 6 / 15 / 30

Rendering the Status screen

• using Handlebars: 1 / 2 / 6
• using jQuery: 2 / 3 / 7

Rendering the crossings list

• using Handlebars: 2.5 / 6 / 11 (re-render everything)
• using jQuery: 0.05 / 0.5 / 0.5 (just update the colors)
• using jQuery: 7.5 / 40 / 65 (initialization)

React is 2-4 times slower than Handlebars

State

• time
• closest crossing (location) ?
• selected crosing ?

---

• current tab
• navigation path
• current page

---

• current crossing: selected | closest
• current tab: current page

Updating schedule

• Edit ScheduleTable.numbers
• Export the spreadsheet to CSV
• Copy Sheet 2-schedule.csv to assets/data dir
• Rename the file to include the timestamp
• Update filename and timestamp in data.rake
• Update train numbers / off days in data.rake
• Run rake data:import — the files in assets/data/schedule_.json* are updated now
• Run rake data:copy_to_site — the files in ../site/source/data are updated now
• Publish the site firebase deploy
• Check https://allegrotime.firebaseapp.com/data/schedule_timestamp.json
• Check https://allegrotime.firebaseapp.com/data/schedule_v2.json

---

# platforms/android/cordova/lib/list-started-emulators
# adb install -rs platforms/android/build/outputs/apk/android-debug.apk