Adds direct download link to bottom of stream download form.

oceanobservatories · Mar 6, 2015 · 7b3939c · 7b3939c
1 parent 2f41005
commit 7b3939c
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 9 deletions.
diff --git a/ooiui/static/css/common/streams.css b/ooiui/static/css/common/streams.css
@@ -1,21 +1,46 @@
 div.banner-image {
- content: url(/img/OOI_BannerNew_01.png);
- max-width: 100%;
- max-height: 100%;
+    content: url(/img/OOI_BannerNew_01.png);
+    max-width: 100%;
+    max-height: 100%;
 }
 
 .message {
-  padding-right: 10px;
-  line-height: 0.2;
+    padding-right: 10px;
+    line-height: 0.2;
 }
 
 
 .message h1 {
-  margin-top: 0px;
-  margin-bottom: 0px;
+    font-size: 14px;
+    margin-top: 0px;
+    margin-bottom: 0px;
 }
 
 .message h3 {
-  margin-top: 5px;
-  font-size: 16px;
+    margin-top: 5px;
+    font-size: 12px;
 }
+
+.message h4 {
+    margin-top: 5px;
+    font-size: 6px;
+    text-align: center;
+    font-weight: bold;
+}
+
+.download-link {
+    margin-top: 5px;
+    font-size: 12px;
+    font-weight: bold;
+    text-align: center;
+}
+
+.download-link a {
+    color: #8eadd2;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.download-link a:hover {
+    color: #6e91b9;
+}
diff --git a/ooiui/static/js/partials/StreamDownloadForm.html b/ooiui/static/js/partials/StreamDownloadForm.html
@@ -65,6 +65,11 @@ <h3>Ref Def</h3>
             </div> <!-- .row -->
             <div class="lgn-center">
               <button class="btn btn-default" type="button" id="download-btn">Download</button>
+              <div class="download-link">
+                <h4>
+                  DownloadLink
+                </h4>
+              </div>
             </div>
           </form>
         </div> <!-- lgn-body -->

diff --git a/ooiui/static/js/views/science/StreamDownloadFormView.js b/ooiui/static/js/views/science/StreamDownloadFormView.js
@@ -42,6 +42,13 @@ var StreamDownloadFormView = Backbone.View.extend({
     this.$end_date_picker.setDate(endDate);
 
     this.$el.find('.message h3').text(model.get('display_name'));
+
+    // Download Link
+    var base_url = window.location.origin;
+    var raw_dl_url = base_url + this.model.getURL(selection);
+    var dl_url = '<a href=\"' + raw_dl_url + '\">Download Link\</a>';
+    this.$el.find('.download-link h4').html(dl_url);
+
     this.$el.find('#type-select').val(selection);
 
     this.$el.find('.stream-name').text(model.get('stream_name'));