diff --git a/ooiui/static/css/common/streams.css b/ooiui/static/css/common/streams.css index c51895e75..ee91e2cef 100644 --- 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; +} \ No newline at end of file diff --git a/ooiui/static/js/partials/StreamDownloadForm.html b/ooiui/static/js/partials/StreamDownloadForm.html index c05678af2..1cecbccb6 100644 --- a/ooiui/static/js/partials/StreamDownloadForm.html +++ b/ooiui/static/js/partials/StreamDownloadForm.html @@ -65,6 +65,11 @@

Ref Def

+
diff --git a/ooiui/static/js/views/science/StreamDownloadFormView.js b/ooiui/static/js/views/science/StreamDownloadFormView.js index ad1782db9..8cddaaefa 100644 --- 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 = 'Download Link\'; + 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'));