tent-status 0.0.1

data/assets/javascripts/paginator.js.coffee

@@ -0,0 +1,67 @@
+class TentStatus.Paginator
+  sinceId: null
+  limit: TentStatus.PER_PAGE || 50
+  onLastPage: false
+  isPaginator: true
+
+  constructor: (@collection, @options = {}) ->
+    @url = @options.url if @options.url
+    @url ||= @collection.url?()
+    @url ||= @collection.url
+
+  fetch: (options = {}) =>
+    sinceId = @sinceId
+    limit = @limit
+
+    @trigger 'fetch:start'
+
+    loadedCount = @collection.length
+    expectedCount = loadedCount + limit
+
+    _options = {
+      url: @urlForOffsetAndLimit(sinceId, limit)
+      add: true
+      success: (items) =>
+        if (loadedCount == @collection.length) or (@collection.length < expectedCount)
+          @onLastPage = true
+        @sinceId = items.last()?.get('id')
+        @options.success?()
+        @trigger 'fetch:success'
+      error: =>
+        @trigger 'fetch:error'
+    }
+    options = _.extend _options, options
+
+    @collection.fetch(options)
+
+  urlForOffsetAndLimit: (sinceId, limit) =>
+    separator = if @url.indexOf("?") != -1 then "&" else "?"
+    @url + separator + @serializeParams(@paramsForOffsetAndLimit sinceId, limit)
+
+  serializeParams: (params = {}) =>
+    res = []
+    for k, v of params
+      continue if @url.match("#{k}=")
+      res.push "#{k}=#{v}"
+    res.join("&")
+
+  paramsForOffsetAndLimit: (sinceId, limit) =>
+    params = { limit: limit }
+    params.before_id = sinceId if sinceId
+    params
+
+  nextPage: =>
+    @fetch()
+
+  toJSON: => @collection.toJSON()
+  toArray: => @collection.toArray()
+  find: => @collection.find(arguments...)
+  filter: => @collection.filter(arguments...)
+  sortBy: => @collection.sortBy(arguments...)
+  get: => @collection.get(arguments...)
+  unshift: => @collection.unshift(arguments...)
+  push: => @collection.push(arguments...)
+  first: => @collection.first(arguments...)
+  last: => @collection.last(arguments...)
+
+_.extend TentStatus.Paginator::, Backbone.Events

data/assets/javascripts/router.js.coffee

@@ -0,0 +1,71 @@
+# All routers should extend TentStatus.Router
+# Any abstractions should go in here
+class TentStatus.Router extends Backbone.Router
+  keyForAction: (actionName) =>
+    "#{@routerKey}:#{actionName}"
+
+  setCurrentAction: (actionName, actionFn) =>
+    if TentStatus.freezeRouter
+      TentStatus.on 'router:unfreeze', (shouldPlay) => @setCurrentAction(actionName, actionFn) if shouldPlay
+
+    key = @keyForAction(actionName)
+
+    @_dataFetches ||= {}
+    @_dataFetches[actionName] = 0
+    
+    @view?.empty()
+
+    @currentActionName = actionName
+
+    window.scrollTo window.scrollX, 0
+
+    TentStatus.setPageTitle? key
+    TentStatus.setCurrentRoute? @, actionName
+
+    actionFn()
+
+  isCurrentAction: (actionName) =>
+    return true # currentRoute not currently setup, TODO set this up
+    TentStatus.currentRoute?.key == @keyForAction(actionName)
+
+  fetchData: (dataKey, dataFn) =>
+    actionName = @currentActionName
+
+    if dataFn.length == 0
+      @_fetchData(dataKey, dataFn(), actionName)
+    else
+      dataFn (res) => @_fetchData(dataKey, res, actionName)
+
+  _fetchData: (dataKey, res, actionName) =>
+    loaded = =>
+      @view?.set dataKey, res[dataKey]
+
+      # yield for other fetchData calls to start
+      setTimeout (=> @fetchSuccess actionName), 0
+
+    if res.loaded is true
+      @fetchStart actionName
+      loaded()
+    else
+      res[dataKey].on 'fetch:start', (=> @fetchStart actionName)
+      res[dataKey].on 'fetch:success', loaded
+      if res[dataKey].isPaginator is true
+        # TentStatus.Paginator triggers 'fetch:start' and 'fetch:success' events
+        res[dataKey].fetch()
+      else
+        res[dataKey].trigger 'fetch:start'
+        res[dataKey].fetch success: (=> res[dataKey].trigger 'fetch:success')
+
+  fetchStart: (actionName) =>
+    return unless @isCurrentAction(actionName)
+    @_dataFetches[actionName]++
+    TentStatus.Views.loading?.show()
+
+  fetchSuccess: (actionName) =>
+    return unless @isCurrentAction(actionName)
+    @_dataFetches[actionName]-- unless @_dataFetches[actionName] == 0
+    if @_dataFetches[actionName] == 0
+      @view?.once 'ready', =>
+        TentStatus.Views.loading?.hide()
+      @view?.render()
+

data/assets/javascripts/routers/followers.js.coffee

@@ -0,0 +1,14 @@
+TentStatus.Routers.followers = new class Followers extends TentStatus.Router
+  routerKey: 'followers'
+
+  routes:
+    "followers" : "index"
+
+  index: =>
+    return if TentStatus.guest_authenticated || !TentStatus.authenticated
+    @view = new TentStatus.Views.Followers
+    @setCurrentAction 'index', =>
+      @fetchData 'followers', =>
+        { followers: new TentStatus.Paginator( TentStatus.Collections.followers ), loaded: false }
+      @fetchData 'groups', =>
+        { groups: new TentStatus.Paginator( TentStatus.Collections.groups ), loaded: false }

data/assets/javascripts/routers/followings.js.coffee

@@ -0,0 +1,14 @@
+TentStatus.Routers.followings = new class FollowingsRouter extends TentStatus.Router
+  routerKey: 'followings'
+
+  routes:
+    "followings" : "index"
+
+  index: =>
+    return if TentStatus.guest_authenticated || !TentStatus.authenticated
+    @view = new TentStatus.Views.Followings
+    @setCurrentAction 'index', =>
+      @fetchData 'groups', =>
+        { groups: new TentStatus.Paginator( TentStatus.Collections.groups ), loaded: false }
+      @fetchData 'followings', =>
+        { followings: new TentStatus.Paginator( TentStatus.Collections.followings ), loaded: false }

data/assets/javascripts/routers/posts.js.coffee

@@ -0,0 +1,98 @@
+TentStatus.Routers.posts = new class PostsRouter extends TentStatus.Router
+  routerKey: 'posts'
+
+  routes:
+    ""                 : "root"
+    "profile"          : "myProfile"
+    "posts"            : "index"
+    "entities/:entity"          : "profile"
+    "entities/:entity/:post_id" : "conversation"
+
+  index: =>
+    unless TentStatus.current_entity == TentStatus.domain_entity
+      @profile(encodeURIComponent(TentStatus.domain_entity))
+      return
+    @view = new TentStatus.Views.Posts
+    window.view = @view
+    @setCurrentAction 'index', =>
+      @fetchData 'posts', =>
+        { posts: new TentStatus.Paginator( TentStatus.Collections.posts ), loaded: false }
+      @fetchData 'followers', =>
+        { followers: new TentStatus.Paginator( TentStatus.Collections.followers ), loaded: false }
+      @fetchData 'followings', =>
+        { followings: new TentStatus.Paginator( TentStatus.Collections.followings ), loaded: false }
+      @fetchData 'profile', =>
+        { profile: TentStatus.Models.profile, loaded: false }
+
+  root: => @index(arguments...)
+
+  conversation: (entity, post_id) =>
+    @view = new TentStatus.Views.Conversation
+    @setCurrentAction 'conversation', =>
+      @fetchData 'post', =>
+        _post = new TentStatus.Models.Post { id: post_id }
+        { post: _post, loaded: false }
+
+      @fetchData 'posts', =>
+        query_string = "mentioned_entity=#{entity}&mentioned_post=#{post_id}"
+        options =
+          url: "#{(new TentStatus.Collections.Posts).url}?#{query_string}"
+
+        _posts = new TentStatus.Paginator( new TentStatus.Collections.Posts, options )
+        { posts: _posts, loaded: false }
+
+      @fetchData 'followers', =>
+        { followers: new TentStatus.Paginator( TentStatus.Collections.followers ), loaded: false }
+      @fetchData 'followings', =>
+        { followings: new TentStatus.Paginator( TentStatus.Collections.followings ), loaded: false }
+      @fetchData 'profile', =>
+        { profile: TentStatus.Models.profile, loaded: false }
+
+  myProfile: =>
+    @profile(TentStatus.current_entity)
+
+  profile: (entity) =>
+    @view = new TentStatus.Views.Profile
+    @setCurrentAction 'profile', =>
+      @fetchData 'currentProfile', (callback) =>
+        _loadedCalled = 0
+        _loaded = (data) =>
+          return unless data
+          return if _loadedCalled
+          _loadedCalled = true
+
+          _profile = new TentStatus.Models.Profile data
+          callback({ currentProfile: _profile, loaded: true })
+
+        _following = new TentStatus.Models.Following entity: decodeURIComponent(entity)
+        _following.fetch
+          url: "#{TentStatus.api_root}/followings?entity=#{entity}"
+          success: =>
+            return _loaded(false) unless _profile = _following.toJSON()[0]?.profile
+            _loaded _.extend({follow_type: 'followings'}, _profile)
+
+        _follower = new TentStatus.Models.Follower entity: decodeURIComponent(entity)
+        _follower.fetch
+          url: "#{TentStatus.api_root}/followers?entity=#{entity}"
+          success: =>
+            return _loaded(false) unless _profile = _follower.toJSON()[0]?.profile
+            _loaded _.extend({follow_type: 'followers'}, _profile)
+
+        @fetchData 'profile', (profileCallback) =>
+          TentStatus.Models.profile.fetch
+            success: (profile) =>
+              if profile.entity() == decodeURIComponent(entity)
+                _loadedCalled = true
+                callback({ currentProfile: profile, loaded: true })
+              profileCallback({ profile: TentStatus.Models.profile, loaded: true })
+
+      @fetchData 'posts', (callback) =>
+        options = { url: "#{TentStatus.api_root}/posts?entity=#{entity}" }
+        _posts = new TentStatus.Paginator( new TentStatus.Collections.Posts, options )
+        callback({ posts: _posts, loaded: false })
+
+      @fetchData 'followers', =>
+        { followers: new TentStatus.Paginator( TentStatus.Collections.followers ), loaded: false }
+      @fetchData 'followings', =>
+        { followings: new TentStatus.Paginator( TentStatus.Collections.followings ), loaded: false }
+

data/assets/javascripts/templates/_follower.js.mustache.slim

@@ -0,0 +1,17 @@
+tr
+  td
+    =="{{#avatar}}"
+    a href='{{entity}}'
+      img.img-rounded src='{{avatar}}' style='height:50px;width:50px;margin-right:4px;'
+    =="{{/avatar}}"
+    a href='{{entity}}'
+      =="{{name}}"
+  td =="{{entity}}"
+  td
+    form data-view='FollowerGroupsForm' data-follower-id='{{id}}' method='POST'
+      select multiple=true name='groups' data-placeholder='Select some groups'
+        =="{{#groups}}"
+        |<option value='{{id}}' {{#selected}}selected='selected'{{/selected}}>{{name}}</option>
+        =="{{/groups}}"
+  td
+    .btn.btn-danger data-view='RemoveFollowerBtn' data-id='{{id}}' data-confirm='Remove {{name}}?' Remove

data/assets/javascripts/templates/_following.js.mustache.slim

@@ -0,0 +1,17 @@
+tr
+  td
+    =="{{#avatar}}"
+    a href='{{entity}}'
+      img.img-rounded src='{{avatar}}' style='height:50px;width:50px;margin-right:4px;'
+    =="{{/avatar}}"
+    a href='{{entity}}'
+      =="{{name}}"
+  td =="{{entity}}"
+  td
+    form data-view='FollowingGroupsForm' data-following-id='{{id}}' method='POST'
+      select multiple=true name='groups' data-placeholder='Select some groups'
+        =="{{#groups}}"
+        |<option value='{{id}}' {{#selected}}selected='selected'{{/selected}}>{{name}}</option>
+        =="{{/groups}}"
+  td
+    .btn.btn-danger data-view='UnfollowBtn' data-id='{{id}}' data-confirm='Unfollow {{name}}?' Unfollow

data/assets/javascripts/templates/_new_post_form.js.mustache.slim

@@ -0,0 +1,10 @@
+| {{#authenticated}}
+form.form-horizontal data-view='NewPostForm' method='POST'
+  .span6
+    .alert.alert-error  
+
+    textarea.span6 name='text' placeholder="What's on your mind?" rows='3'
+    span.char-limit 140
+  
+  input.btn.btn-success.pull-right type='submit' value='Post'
+| {{/authenticated}}

data/assets/javascripts/templates/_post.js.mustache.slim

@@ -0,0 +1,10 @@
+| {{#isValid}}
+| {{^isRepost}}
+li.post.clearfix data-id='{{id}}' data-parent-id='{{parent.id}}' data-post-found='{{#parent}}yes{{/parent}}'
+  | {{> _post_inner}}
+| {{/isRepost}}
+| {{#isRepost}}
+li.post.clearfix data-parent-id='{{id}}' data-post-found='no'
+  | {{> _post_inner}}
+| {{/isRepost}}
+| {{/isValid}}

data/assets/javascripts/templates/_post_inner.js.mustache.slim

@@ -0,0 +1,71 @@
+.row
+  .span1
+    aFollowing href='{{entity}}'
+      img.img-rounded.pull-left.avatar src='{{avatar}}'
+
+  .span3.no-offset
+    h5 style='margin: 0px;'
+      a href='{{entity}}' {{name}} {{#hasName}}<small>{{formatted.entity}}</small>{{/hasName}}
+
+  .pull-right
+    a href='{{url}}' class='{{#parent}}gray{{/parent}}' title='{{formatted.full_published_at}}' {{formatted.published_at}}
+
+  | {{#inReplyTo}}
+  | {{#authenticated}}
+  .span5
+    a href='{{url}}'
+      small in reply to {{name}}
+  | {{/authenticated}}
+  | {{/inReplyTo}}
+
+  | {{^repost}}
+  | {{#parent}}
+  p.span5.no-offset
+    | {{content.text}}
+  | {{/parent}}
+  | {{^parent}}
+  p.span6.no-offset
+    | {{content.text}}
+  | {{/parent}}
+  | {{/repost}}
+
+  | {{#repost}}
+  | {{#authenticated}}
+  .span7.repost.no-offset style='width:560px;'
+    | {{> _post_inner}}
+  .span6.offset1
+    | Reposted by {{parent.name}}
+  small.pull-right via {{app.name}}
+  | {{/authenticated}}
+  | {{/repost}}
+
+| {{#authenticated}}
+.row.offset0-6.showOnHover.navigation
+  | {{^repost}}
+  | {{^currentUserOwnsPost}}
+  a.reply href='#' Reply
+  a.repost data-confirm='Repost {{nmae}}?' href='#' Repost
+  | {{/currentUserOwnsPost}}
+  | {{/repost}}
+  | {{#currentUserOwnsPost}}
+  a.delete data-confirm='Delete Post?' href='#' Delete
+  | {{/currentUserOwnsPost}}
+  | {{^repost}}
+  | {{^parent}}
+  small.pull-right via {{app.name}}
+  | {{/parent}}
+  | {{/repost}}
+| {{/authenticated}}
+
+| {{^repost}}
+| {{#authenticated}}
+| {{^parent}}
+.row.offset0-5.reply-container.clearfix
+  | {{> _reply_form}}
+| {{/parent}}
+| {{#parent}}
+.row.reply-container.clearfix
+  | {{> _reply_form}}
+| {{/parent}}
+| {{/authenticated}}
+| {{/repost}}

data/assets/javascripts/templates/_profile_stats.js.mustache.slim

@@ -0,0 +1,11 @@
+.span2  
+.span4.no-offset
+  .stat
+    .value {{postsCount}}
+    .title Posts
+  .stat
+    .title Following
+    .value {{followingsCount}}
+  .stat
+    .title Followed by
+    .value {{followersCount}}

data/assets/javascripts/templates/_reply_form.js.mustache.slim

@@ -0,0 +1,13 @@
+| {{#authenticated}}
+form.form-horizontal data-view='ReplyPostForm' method='POST'
+  input type='hidden' name='mentions_post_id' value='{{id}}'
+  input type='hidden' name='mentions_post_entity' value='{{entity}}'
+  .span7
+    .alert.alert-error  
+
+    textarea.span7 name='text' placeholder="What's on your mind?" rows='3' ^{{entity}}
+    .clearfix
+      span.char-limit 140
+  
+    input.btn.btn-success.pull-right type='submit' value='Post'
+| {{/authenticated}}

data/assets/javascripts/templates/conversation.js.mustache.slim

@@ -0,0 +1,13 @@
+.row
+  .span2  
+  .span8.well
+    ul.unstyled.posts
+      | {{#post}}
+      | {{#isValid}}
+      li.post.clearfix data-id='{{id}}'
+        | {{> _post_inner}}
+      | {{/isValid}}
+      | {{/post}}
+      | {{#posts}}
+      | {{> _post}}
+      | {{/posts}}