new admin devices page;

static/scripts/sysadmin-app/views/device.js

@@ -0,0 +1,58 @@
+define([
+    'jquery',
+    'underscore',
+    'backbone',
+    'common',
+    'moment',
+    'app/views/widgets/hl-item-view'
+], function($, _, Backbone, Common, Moment, HLItemView) {
+    'use strict';
+
+    var DeviceView = HLItemView.extend({
+        tagName: 'tr',
+
+        template: _.template($('#admin-device-item-tmpl').html()),
+
+        events: {
+            'click .unlink-device': 'unlinkDevice'
+        },
+
+        initialize: function() {
+            HLItemView.prototype.initialize.call(this);
+        },
+
+        render: function() {
+            var data = this.model.toJSON(),
+                last_accessed = Moment(data['last_accessed']);
+
+            data['time'] = last_accessed.format('LLLL');
+            data['time_from_now'] = Common.getRelativeTimeStr(last_accessed);
+
+            this.$el.html(this.template(data));
+
+            return this;
+        },
+
+        unlinkDevice: function() {
+            var _this = this,
+                device_name = this.model.get('device_name');
+
+            this.model.unlink({
+                success: function() {
+                    _this.remove();
+
+                    var msg = gettext("Successfully unlink %(name)s.")
+                        .replace('%(name)s', Common.HTMLescape(device_name));
+                    Common.feedback(msg, 'success');
+                },
+                error: function(xhr) {
+                    Common.ajaxErrorHandler(xhr);
+                }
+            });
+            return false;
+        }
+
+    });
+
+    return DeviceView;
+});