Wired up routing

QutEcoacoustics · Dec 31, 2014 · 967b3fb · 967b3fb
1 parent 5fad329
commit 967b3fb
Show file tree

Hide file tree

Showing 6 changed files with 78 additions and 8 deletions.
diff --git a/src/app/app.js b/src/app/app.js
@@ -109,7 +109,8 @@ var app = angular.module('baw',
                              'bawApp.search',
                              'bawApp.tags',
                              'bawApp.users',
-                             'bawApp.birdWalks'
+                             'bawApp.birdWalks',
+                             "bawApp.visualize"
                          ])
 
     .config(['$routeProvider', '$locationProvider', '$httpProvider', 'conf.paths', 'conf.constants', '$sceDelegateProvider', 'growlProvider', 'localStorageServiceProvider', "$urlProvider", "casingTransformers",
@@ -172,6 +173,13 @@ var app = angular.module('baw',
                      when('/demo/rendering', {templateUrl: paths.site.files.demo.rendering, controller: 'RenderingCtrl', title: 'Rendering' , fullWidth: true }).
                      when('/demo/BDCloud2014', {templateUrl: paths.site.files.demo.bdCloud2014, controller: 'BdCloud2014Ctrl', title: 'BDCloud2014 demo' , fullWidth: true }).
 
+                     when(paths.site.ngRoutes.visualize, {
+                         templateUrl: paths.site.files.visualize,
+                         controller: "VisualizeController",
+                         title: "Visualize audio distribution",
+                         fullWidth: true
+                     }).
+
                      // missing route page
                      when('/', {templateUrl: paths.site.files.home, controller: 'HomeCtrl'}).
                      when('/404', {templateUrl: paths.site.files.error404, controller: 'ErrorCtrl'}).

diff --git a/src/app/demo/rendering.js b/src/app/demo/rendering.js
@@ -138,7 +138,7 @@ angular.module("bawApp.demo.rendering", [])
             //. "C:\Program Files\ImageMagick-6.9.0-Q16\convert.exe" -crop 1435x1@ .\eabad986-56d9-47b5-bec6-47458ffd3eae_101023-0000.ACI-ENT-EVN-trimmed72.png  tiles/tile_%d.png
             $scope.loadTiles60 = function () {
                 $scope.tiles60 = [];
-                tileStart = performance.now()
+                tileStart = performance.now();
                 for (var i = min60; i < max60; i++) {
                     // i == minute of day
                     if (i % 60) {
@@ -152,7 +152,7 @@ angular.module("bawApp.demo.rendering", [])
                 if (tileCount >= 24) {
                     $scope.tileLoadTime = Math.round(performance.now() - tileStart);
                 }
-            }
+            };
 
         }
     ]

diff --git a/src/app/visualize/_visualize.scss b/src/app/visualize/_visualize.scss
@@ -1,3 +0,0 @@
-dddddddd {
-
-}

diff --git a/src/app/visualize/visualize.js b/src/app/visualize/visualize.js
@@ -0,0 +1,11 @@
+angular
+    .module("bawApp.visualize", [])
+    .controller(
+    "VisualizeController",
+    [
+        "$scope",
+        function($scope) {
+
+        }
+    ]
+);
diff --git a/src/app/visualize/visualize.tpl.html b/src/app/visualize/visualize.tpl.html
@@ -0,0 +1,52 @@
+<div id="content">
+    <h1>Audio distribution visualisation</h1>
+    <small>Current filter: e.g. Project 341</small>
+
+    <section>
+        <h2>Large scale</h2>
+        <p>
+            year's long view of data with "selector"
+        </p>
+    </section>
+
+    <section>
+        <h2>Detail</h2>
+        <p>
+            selector's length of data
+            <ol>
+                for each project
+                    <li>
+                        <ol>
+                            for each site
+                            <li>
+                                list meta data
+                            </li>
+                            <li>
+                                list meta data
+                            </li>
+                            <li>
+                                list meta data
+                            </li>
+                        </ol>
+                    </li>
+            </ol>
+        </p>
+    </section>
+
+    <section>
+        <h2>Day</h2>
+        <p>
+            24 hours long,
+            two sections
+
+        </p>
+        <div>
+            <div>
+                meta data tracks
+            </div>
+            <div>
+                false color spectrogram
+            </div>
+        </div>
+    </section>
+</div>
diff --git a/src/baw.configuration.tpl.js b/src/baw.configuration.tpl.js
@@ -106,14 +106,16 @@ angular.module('bawApp.configuration', ['url'])
                         d3: 'demo/d3TestPage.tpl.html',
                         rendering: 'demo/rendering.tpl.html',
                         bdCloud2014: 'demo/BDCloud2014Demo.tpl.html'
-                    }
+                    },
+                    visualize: "visualize/visualize.tpl.html"
                 },
                 // routes used by angular
                 ngRoutes: {
                     recentRecordings: "/listen",
                     listen: "/listen/{recordingId}",
                     library: "/library",
-                    libraryItem: "/library/{recordingId}/audio_events/{audioEventId}"
+                    libraryItem: "/library/{recordingId}/audio_events/{audioEventId}",
+                    visualize: "/visualize"
                 },
                 // general links for use in <a />'s
                 links: {