From 9f4b2cbc3a02d708dd6e281fefc831cfa64873a3 Mon Sep 17 00:00:00 2001
From: Trey Smith <trey.smith@nasa.gov>
Date: Mon, 29 Oct 2012 21:54:34 -0700
Subject: [PATCH] added mapFastenDiagram.png

---
 geocamTiePoint/static/geocamTiePoint/css/backbone.css     | 8 ++++++++
 geocamTiePoint/static/geocamTiePoint/js/backbone/views.js | 4 ++--
 geocamTiePoint/templates/geocamTiePoint/backbone.html     | 4 ++--
 geocamTiePoint/views.py                                   | 1 +
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/geocamTiePoint/static/geocamTiePoint/css/backbone.css b/geocamTiePoint/static/geocamTiePoint/css/backbone.css
index 710d2e4..eaf6275 100644
--- a/geocamTiePoint/static/geocamTiePoint/css/backbone.css
+++ b/geocamTiePoint/static/geocamTiePoint/css/backbone.css
@@ -141,3 +141,11 @@ a.btn-primary {
 #newOverlayFile {
     padding-bottom: 10px;
 }
+
+.get-started {
+  font-size: 1.2em;
+  font-weight: bold;
+  padding: 10px;
+  margin-top: 10px;
+  margin-bottom: 15px;
+}
diff --git a/geocamTiePoint/static/geocamTiePoint/js/backbone/views.js b/geocamTiePoint/static/geocamTiePoint/js/backbone/views.js
index 09c6a21..cb8ebca 100644
--- a/geocamTiePoint/static/geocamTiePoint/js/backbone/views.js
+++ b/geocamTiePoint/static/geocamTiePoint/js/backbone/views.js
@@ -68,7 +68,8 @@ $(function($) {
             '<p>MapFasten helps you quickly align an image or PDF with a map, '+
             'creating a shareable map layer that you can display in maps ' +
             'based on the Google Maps API and combine with other layers.</p>'+
-            '<p><a class="welcomeEntry" href="#overlays/">Let\'s get started &gt;&gt;</a></p>'+
+            '<p><a class="btn btn-primary get-started" href="#overlays/">Let\'s get started &gt;&gt;</a></p>' +
+            '<img src="' + settings.STATIC_URL + '/mapFasten/icons/mapFastenDiagram.png" width="400" height="297"/>' +
             '</div>',
     });
 
@@ -591,7 +592,6 @@ $(function($) {
         },
 
         zoomMaximum: function() {
-            var offset = 8;
             //var imageZoom = this.imageView.model.maxZoom();
             var imageZoom = this.imageView.gmap.mapTypes.get('image-map').maxZoom;
             google.maps.event.addListenerOnce(this.imageView.gmap, 'bounds_changed', _.bind(this.matchImageZoom, this));
diff --git a/geocamTiePoint/templates/geocamTiePoint/backbone.html b/geocamTiePoint/templates/geocamTiePoint/backbone.html
index 048dacf..4d87280 100644
--- a/geocamTiePoint/templates/geocamTiePoint/backbone.html
+++ b/geocamTiePoint/templates/geocamTiePoint/backbone.html
@@ -42,9 +42,9 @@
 <script type="text/javascript" src="/static/geocamTiePoint/js/backbone/router.js"></script>
 
     <script type="text/javascript">
-        $(function($){
+        window.settings = {{settings|safe}};
 
-            window.settings = {{settings|safe}};
+        $(function($){
 
             app.overlays = app.overlays || new app.models.OverlayCollection;
             {% if initial_overlays_json %}
diff --git a/geocamTiePoint/views.py b/geocamTiePoint/views.py
index 017e066..845018e 100644
--- a/geocamTiePoint/views.py
+++ b/geocamTiePoint/views.py
@@ -63,6 +63,7 @@ def export_settings(export_vars=None):
     if export_vars == None:
         export_vars = ('GEOCAM_TIE_POINT_DEFAULT_MAP_VIEWPORT',
                        'GEOCAM_TIE_POINT_ZOOM_LEVELS_PAST_OVERLAY_RESOLUTION',
+                       'STATIC_URL',
                        )
     return dumps(dict([(k, getattr(settings, k)) for k in export_vars]))