migrate JS to use RequireJS frameworks

edx_notifications/server/web/static/edx_notifications/js/app.js

@@ -0,0 +1,21 @@
+;(function (define) {
+
+define([
+    'jquery',
+    'backbone',
+    '/static/edx_notifications/js/views/counter_icon_view.js',
+], function($, Backbone, CounterIconView) {
+    'use strict';
+
+    return function (config) {
+        this.EdxNotificationIcon= new CounterIconView({
+            el: $('#edx_notification_counter'),
+            pane_el: $('#edx_notification_pane'),
+            endpoints: config.endpoints,
+            view_templates: config.view_templates
+        });
+    };
+
+});
+
+})(define || RequireJS.define);

edx_notifications/server/web/static/edx_notifications/js/collections/notification_collection.js

@@ -0,0 +1,15 @@
+;(function (define) {
+
+define([
+    'backbone',
+    '/static/edx_notifications/js/models/user_notification_model.js',
+], function (Backbone, UserNotificationModel) {
+    'use strict';
+
+    return Backbone.Collection.extend({
+        /* model for a collection of UserNotifications */
+        model: UserNotificationModel,
+
+    });
+});
+})(define || RequireJS.define);

edx_notifications/server/web/static/edx_notifications/js/models/counter_icon_model.js

@@ -1,8 +1,16 @@
-var CounterIconModel = Backbone.Model.extend({
-    /* model for the Notification Icon which will display a counter of unread messages */
+;(function (define) {
 
-    defaults: {
-        /* start with unknown number of unread notifications */
-        'count': null
-    },
+define(['backbone'],
+    function (Backbone) {
+        'use strict';
+
+        return Backbone.Model.extend({
+            /* model for the Notification Icon which will display a counter of unread messages */
+
+            defaults: {
+                /* start with unknown number of unread notifications */
+                'count': null
+            },
+    });
 });
+})(define || RequireJS.define);

edx_notifications/server/web/static/edx_notifications/js/models/user_notification_model.js

@@ -1,4 +1,11 @@
-var UserNotificationModel = Backbone.Model.extend({
-    /* model for the client-side UserNotification equivalent */
+;(function (define) {
 
+define(['backbone'],
+    function (Backbone) {
+        'use strict';
+
+        return Backbone.Model.extend({
+            /* model for the client-side UserNotification equivalent */
+    });
 });
+})(define || RequireJS.define);