removed backbone from VS solution,

renamed NzbDrone.Backbone to UI

UI/Shared/ModalRegion.js

@@ -0,0 +1,28 @@
+define(['app'], function () {
+    return Backbone.Marionette.Region.extend({
+        el: "#modal-region",
+
+        constructor: function () {
+            _.bindAll(this);
+            Backbone.Marionette.Region.prototype.constructor.apply(this, arguments);
+            this.on("show", this.showModal, this);
+        },
+
+        getEl: function (selector) {
+            var $el = $(selector);
+            $el.on("hidden", this.close);
+            return $el;
+        },
+
+        showModal: function (view) {
+            view.on("close", this.hideModal, this);
+            this.$el.modal('show');
+        },
+
+        hideModal: function () {
+            this.$el.modal('hide');
+        }
+    });
+});
+
+

UI/Shared/NotFoundTemplate.html

@@ -0,0 +1,3 @@
+<div>
+    <img src="/static/content/images/404.png" style="height:400px; margin-top: 50px" />
+</div>

UI/Shared/NotFoundView.js

@@ -0,0 +1,7 @@
+define(['app'],function () {
+    NzbDrone.Shared.NotFoundView = Backbone.Marionette.ItemView.extend({
+        template: 'Shared/notfoundtemplate',
+    });
+});
+
+

UI/Shared/NotificationCollection.js

@@ -0,0 +1,66 @@
+define(['app', 'Shared/NotificationModel'], function () {
+
+    var collection = Backbone.Collection.extend({
+
+        model: NzbDrone.Shared.NotificationModel,
+        
+        initialize: function () {
+
+          /*  var model = new NzbDrone.Shared.NotificationModel();
+            model.set('title','test notification');
+            model.set('message','test message');
+            model.set('level', 'error');
+            this.push(model);
+          */
+
+            var self = this;
+
+            window.onerror = function (msg, url, line) {
+
+                try {
+                    var model = new NzbDrone.Shared.NotificationModel();
+
+                    var a = document.createElement('a');
+                    a.href = url;
+
+                    model.set('title', a.pathname.split('/').pop() + ' : ' + line);
+                    model.set('message', msg);
+                    model.set('level', 'error');
+                    self.push(model);
+                } catch (error) {
+
+                    console.log("An error occurred while reporting error. " + error);
+                    console.log(msg);
+                    alert('Couldn\'t report JS error.  ' + msg);
+                }
+
+                return false; //don't suppress default alerts and logs.
+            };
+
+            $(document).ajaxError(function (event, xmlHttpRequest, ajaxOptions) {
+
+                //don't report 200 error codes
+                if (xmlHttpRequest.status >= 200 && xmlHttpRequest.status <= 300) {
+                    return undefined;
+                }
+
+                //doesn't report aborted requests
+                if (xmlHttpRequest.statusText === 'abort') {
+                    return undefined;
+                }
+
+                var model = new NzbDrone.Shared.NotificationModel();
+                model.set('title', ajaxOptions.type + " " + ajaxOptions.url + " : " + xmlHttpRequest.statusText);
+                model.set('message', xmlHttpRequest.responseText);
+                model.set('level', 'error');
+                self.push(model);
+
+                return false;
+            });
+        }
+    });
+
+    return new collection();
+});
+
+

UI/Shared/NotificationModel.js

@@ -0,0 +1,38 @@
+define(['app'], function () {
+
+    NzbDrone.Shared.NotificationModel = Backbone.Model.extend({
+        mutators:{
+
+            preFormattedMessage:function () {
+                return  this.get('message').replace(/\\r\\n/g, '<br>');
+            },
+
+            isPreFormatted:function () {
+                return this.get('message').indexOf('\\r\\n') !== -1;
+            },
+
+            iconClass:function () {
+
+                if (this.has('icon')) {
+                    return 'icon';
+                }
+
+                if (this.get('level') === 'info') {
+                    return "icon-info-sign";
+                } else if (this.get('level') === 'success') {
+                    return 'icon-ok-sign';
+                } else if (this.get('level') === 'error') {
+                    return 'icon-warning-sign';
+                }
+
+                return "";
+            }
+        },
+
+        defaults:{
+            "level":'info',
+            "title":'',
+            "message":''
+        }
+    });
+});

UI/Shared/NotificationView.js

@@ -0,0 +1,40 @@
+define(['app', 'Shared/NotificationCollection'], function (app, notificationCollection) {
+
+    var notificationItemView = Backbone.Marionette.ItemView.extend({
+        template: '#notification-template',
+
+        events: {
+            'click .x-close': 'kill'
+        },
+
+        kill: function () {
+
+            var self = this;
+
+            $.Deferred(function () {
+                self.$el.slideUp('slow');
+            }).done(function () {
+                self.model.destroy();
+            });
+        }
+    });
+
+    var collectionView = Backbone.Marionette.CollectionView.extend({
+
+        itemView: notificationItemView,
+
+        initialize: function () {
+            this.collection = notificationCollection;
+        }
+    });
+
+    NzbDrone.addInitializer(function () {
+        console.log('initializing notification view');
+        NzbDrone.notificationRegion.show(new collectionView());
+    });
+    
+});
+
+
+
+

UI/Shared/SpinnerTemplate.html

@@ -0,0 +1 @@
+<i class="icon-spinner icon-spin"></i>

UI/Shared/SpinnerView.js

@@ -0,0 +1,8 @@
+define(['app'],function () {
+    NzbDrone.Shared.SpinnerView = Backbone.Marionette.ItemView.extend({
+        template: 'Shared/SpinnerTemplate',
+        className: 'nz-spinner row'
+    });
+});
+
+