Task Planning

skylines/frontend/assets/bundles.py

@@ -74,6 +74,8 @@
     'css/events.css',
     'css/tracking-table.css',
     'css/slFixTable.css',
+    'css/slTaskPanel.css',
+    'css/slTaskPanelSectors.css',
     'css/wingman.css',
     'css/ol3-sidebar.css',
     'vendor/flags/flags.css',
@@ -102,6 +104,8 @@
 
 all_js = Bundle(
     'http://code.jquery.com/jquery-1.10.2.min.js',
+    'http://underscorejs.org/underscore-min.js',
+    'http://backbonejs.org/backbone-min.js',
     'http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js',
     'vendor/jquery/jquery.cookie.js',
     'vendor/jquery/jquery.timeago.js',
@@ -129,7 +133,6 @@
     'js/slBarogram.js',
     'js/slFixTable.js',
     'js/slPhaseTable.js',
-    'js/slCollection.js',
     'js/slFlightCollection.js',
     'js/slFlight.js',
     'js/slContestCollection.js',
@@ -146,9 +149,28 @@
     filters=SimpleClosureJS,
     output='js/tracking-%(version)s.js')
 
+task_js = Bundle(
+    'js/slUnits.js',
+    'https://rawgithub.com/Turbo87/sidebar-v2/v0.2.1/js/jquery-sidebar.min.js',
+    'js/task/ol-AirportsFormat.js',
+    'js/task/slGraphicTaskEditor.js',
+    'js/task/slTask.js',
+    'js/task/slTaskCollection.js',
+    'js/task/slTaskVectorSource.js',
+    'js/task/slTaskPanel.js',
+    'js/task/slTaskPlanner.js',
+    'js/task/slTurnpoint.js',
+    'js/task/slTurnpointSector.js',
+    'js/task/slTurnpointSelect.js',
+    'js/task/slWaypoint.js',
+    'js/task/slWaypointFile.js',
+    filters=SimpleClosureJS,
+    output='js/task-%(version)s.js')
+
 upload_js = Bundle(
     'js/slUnits.js',
     'js/slBarogram.js',
+    'js/slFlight.js',
     'js/upload.js',
     'http://momentjs.com/downloads/moment.min.js',
     'https://rawgithub.com/TobiasLohner/bootstrap-datetimepicker/c36342415a1be8fa013548402bf01718ca93d454/src/js/bootstrap-datetimepicker.js',

skylines/frontend/static/css/slTaskPanel.css

@@ -0,0 +1,46 @@
+.turnpoint {
+    border-color: #ddd;
+    border-width: 1px;
+    border-radius: 4px;
+    border-style: solid;
+    margin: 2px;
+    padding: 1px;
+    height: 46px;
+}
+
+.turnpoint .image {
+    width: 40px;
+    height: 40px;
+    float: left;
+    margin: 3px 4px 3px 2px;
+}
+
+.turnpoint .title {
+    font-weight: bold;
+    font-size: 1em;
+    height: 1.2em;
+    overflow: hidden;
+    margin: 0;
+}
+
+.turnpoint .coordinates {
+    color: #959595;
+    text-align: right;
+    font-size: 0.7em;
+    line-height: 1em;
+    padding-right: 0.5em;
+    padding-left: 0.1em;
+    margin: 0;
+}
+
+.turnpoint .type {
+    font-size: 0.9em;
+    margin: 0;
+}
+
+.turnpoint.highlight {
+    padding: 0px;
+    border-width: 2px;
+    border-color: #428bca;
+    cursor: pointer;
+}

skylines/frontend/static/css/slTaskPanelSectors.css

@@ -0,0 +1,60 @@
+/**
+ * spritemapper.sprite_dirs = ../images/sector_sprites
+ * spritemapper.output_css = sector_sprites.css
+ * spritemapper.output_image = ../images/sector_sprites.png
+ * spritemapper.base_url = ../images/
+ */
+
+.sector {
+  width: 40px;
+  height: 40px;
+  float: left;
+}
+
+.sector.bgaenhancedoption {
+  background: url('../images/sectors.png') no-repeat -164px 0;
+}
+
+.sector.bgafixedcourse {
+  background: url('../images/sectors.png') no-repeat -328px 0;
+}
+
+.sector.bgastartsector {
+  background: url('../images/sectors.png') no-repeat -246px 0;
+}
+
+.sector.circle {
+  background: url('../images/sectors.png') no-repeat -287px 0;
+}
+
+.sector.daec {
+  background: url('../images/sectors.png') no-repeat -123px 0;
+}
+
+.sector.faifinish {
+  background: url('../images/sectors.png') no-repeat -205px 0;
+}
+
+.sector.fai {
+  background: url('../images/sectors.png') no-repeat -41px 0;
+}
+
+.sector.faistart {
+  background: url('../images/sectors.png') no-repeat -410px 0;
+}
+
+.sector.finishline {
+  background: url('../images/sectors.png') no-repeat -451px 0;
+}
+
+.sector.finishsector {
+  background: url('../images/sectors.png') no-repeat -369px 0;
+}
+
+.sector.startline {
+  background: url('../images/sectors.png') no-repeat 0 0;
+}
+
+.sector.startsector {
+  background: url('../images/sectors.png') no-repeat -82px 0;
+}

skylines/frontend/static/css/slTaskPanelSectors_nosprites.css

@@ -0,0 +1,60 @@
+/**
+ * spritemapper.sprite_dirs = ../images/sector_sprites
+ * spritemapper.output_css = sector_sprites.css
+ * spritemapper.output_image = ../images/sector_sprites.png
+ * spritemapper.base_url = ../images/
+ */
+
+.sector {
+  width: 40px;
+  height: 40px;
+  float: left;
+}
+
+.sector.bgaenhancedoption {
+  background: url('../images/sectors/bgaenhancedoption.png');
+}
+
+.sector.bgafixedcourse {
+  background: url('../images/sectors/bgafixedcourse.png');
+}
+
+.sector.bgastartsector {
+  background: url('../images/sectors/bgastartsector.png');
+}
+
+.sector.circle {
+  background: url('../images/sectors/circle.png');
+}
+
+.sector.daec {
+  background: url('../images/sectors/daec.png');
+}
+
+.sector.faifinish {
+  background: url('../images/sectors/faifinish.png');
+}
+
+.sector.fai {
+  background: url('../images/sectors/fai.png');
+}
+
+.sector.faistart {
+  background: url('../images/sectors/faistart.png');
+}
+
+.sector.finishline {
+  background: url('../images/sectors/finishline.png');
+}
+
+.sector.finishsector {
+  background: url('../images/sectors/finishsector.png');
+}
+
+.sector.startline {
+  background: url('../images/sectors/startline.png');
+}
+
+.sector.startsector {
+  background: url('../images/sectors/startsector.png');
+}

skylines/frontend/static/images/sectors/sector_sprites.ini

@@ -0,0 +1,4 @@
+[spritemapper]
+output_css = sector_sprites.css
+base_url = ../images/
+output_image = sector_sprites.png

skylines/frontend/static/images/sectors/sm_sector_sprites.css

@@ -0,0 +1,59 @@
+/**
+ * spritemapper.sprite_dirs = ../images/sector_sprites
+ * spritemapper.output_css = sector_sprites.css
+ * spritemapper.output_image = ../images/sector_sprites.png
+ * spritemapper.base_url = ../images/
+ */
+
+.sector {
+  width: 40px;
+  height: 40px;
+}
+
+.sector .bgaenhancedoption {
+  background:  url('../images/sectors/bgaenhancedoption.png');
+}
+
+.sector .bgafixedcourse {
+  background:  url('../images/sectors/bgafixedcourse.png');
+}
+
+.sector .bgastartsector {
+  background:  url('../images/sectors/bgastartsector.png');
+}
+
+.sector .circle {
+  background:  url('../images/sectors/circle.png');
+}
+
+.sector .daec {
+  background:  url('../images/sectors/daec.png');
+}
+
+.sector .faifinish {
+  background:  url('../images/sectors/faifinish.png');
+}
+
+.sector .fai {
+  background:  url('../images/sectors/fai.png');
+}
+
+.sector .faistart {
+  background:  url('../images/sectors/faistart.png');
+}
+
+.sector .finishline {
+  background:  url('../images/sectors/finishline.png');
+}
+
+.sector .finishsector {
+  background:  url('../images/sectors/finishsector.png');
+}
+
+.sector .startline {
+  background:  url('../images/sectors/startline.png');
+}
+
+.sector .startsector {
+  background:  url('../images/sectors/startsector.png');
+}