define(['marionette', 'collections/users'], function(Marionette, Users) {

    
    var UserItem = Marionette.ItemView.extend({
        tagName: 'li',
        template: _.template('<%=FULLNAME%> - <% if (LAST) { %><%=VISITS%> Visits (Last Visit: <%=LAST%>)<% } else { %>*NEW*<% } %>'),
        className: function() {
            return this.model.get('VISITS') == 0 ? 'new' : ''
        },
    })
    
    
    return Marionette.CollectionView.extend({
        template: _.template('<h1>Users</h1><ul class="users"></ul>'),
        childViewContainer: '.users',
        childView: UserItem,
        className: 'visit_users',
        
        initialize: function(options) {
            this.collection = new Users(null, { visit: options.visit })
            this.collection.fetch()
        }
    })
    
       
})
@@ -392,24 +392,175 @@
     %7D)%0A    %0A
+    var LoadingView = Marionette.ItemView.extend(%7B%0A        tagName: 'li',%0A        template: _.template('%3Ci class=%22fa fa-spin fa-spinner%22%3E%3C/i%3E')%0A    %7D)%0A
     %0A    ret
@@ -736,16 +736,48 @@
 erItem,%0A
+        emptyView: LoadingView,%0A
         

add loading view for users