tent-status 0.0.1

data/assets/javascripts/views/post.js.coffee

@@ -0,0 +1,139 @@
+class TentStatus.Views.Post extends TentStatus.View
+  initialize: (options = {}) ->
+    @parentView = options.parentView
+    @template = @parentView?.partials['_post']
+
+    @postId = @$el.attr('data-parent-id') || ""
+    @postId = @$el.attr 'data-id' if @postId == ""
+    @post = @parentView.posts.get(@postId)
+    @parentPost = @post
+
+    if @post?.isRepost() && @$el.attr('data-post-found') != 'yes'
+      @$el.hide()
+      post = new TentStatus.Models.Post { id: @post.get('content')['id'] }
+      post.fetch
+        success: =>
+          return unless post.entity()
+          @$el.show()
+          @render @context(@post, @repostContext(@post, post))
+          @post = post
+    else
+      @setup()
+
+    @on 'ready', @setup
+    @on 'ready', @bindViews
+    @on 'ready', @bindEvents
+
+  setup: =>
+    @buttons = {
+      reply: ($ '.navigation .reply', @$el)
+      repost: ($ '.navigation .repost', @$el)
+      delete: ($ '.navigation .delete', @$el)
+    }
+
+    @buttons.reply.on 'click', (e) =>
+      e.preventDefault()
+      @showReply()
+      false
+
+    @$reply = ($ '.reply-container', @$el).hide()
+
+    @buttons.repost.on 'click', (e) =>
+      e.preventDefault()
+      @repost()
+      false
+
+    @buttons.delete.on 'click', (e)  =>
+      e.preventDefault()
+      @delete()
+      false
+
+  showReply: =>
+    return if @post.get('entity') == TentStatus.current_entity
+    @$reply.toggle()
+
+  repost: =>
+    return if @buttons.repost.hasClass 'disabled'
+    return if @post.get('entity') == TentStatus.current_entity
+    shouldRepost = confirm(@buttons.repost.attr 'data-confirm')
+    return unless shouldRepost
+    post = new TentStatus.Models.Post {
+      type: "https://tent.io/types/post/repost/v0.1.0"
+      content:
+        entity: @post.get('entity')
+        id: @post.get('id')
+    }
+    post.once 'sync', =>
+      @buttons.repost.addClass 'disabled'
+      TentStatus.Collections.posts.unshift(post)
+      @parentView.emptyPool()
+      @parentView.fetchPoolView.createPostView(post)
+    post.save()
+
+  delete: =>
+    post = @post
+    unless post == @parentPost
+      post = @parentPost
+    return unless post.get('entity') == TentStatus.current_entity
+    shouldDelete = confirm(@buttons.delete.attr 'data-confirm')
+    return unless shouldDelete
+    @$el.hide()
+    @post.destroy
+      success: =>
+        @$el.remove()
+      error: =>
+        @$el.show()
+
+  replyToPost: (post) =>
+    return unless post.get('mentions')?.length
+    for mention in post.get('mentions')
+      if mention.entity and mention.post
+        mention.url = "#{TentStatus.url_root}entities/#{encodeURIComponent(mention.entity)}/#{mention.post}"
+        mention.name = (_.find @parentView.follows(), (follow) => follow.get('entity') == mention.entity)?.name()
+        mention.name ?= (_.find [@parentView.profile], (profile) => profile.entity() == mention.entity)?.name()
+        return mention
+    null
+
+  repostContext: (post, repost) =>
+    return false unless post.isRepost()
+
+    repost ?= _.find @parentView.posts.toArray(), ((p) => p.get('id') == post.get('content')['id'])
+    return false unless repost
+    _.extend( @context(repost), { parent: { name: post.name(), id: post.get('id') } } )
+
+  licenseName: (url) =>
+    for l in @licenses || []
+      return l.name if l.url == url
+    url
+
+  context: (post, repostContext) =>
+    _.extend( post.toJSON(),
+      isValid: true
+      shouldShowReply: true
+      isRepost: post.isRepost()
+      repost: repostContext || @repostContext(post)
+      inReplyTo: @replyToPost(post)
+      url: "#{TentStatus.url_root}entities/#{encodeURIComponent(post.get('entity'))}/#{post.get('id')}"
+      profileUrl: "#{TentStatus.url_root}entities/#{encodeURIComponent(post.get('entity'))}"
+      name: post.name()
+      hasName: post.hasName()
+      avatar: post.avatar()
+      licenses: _.map( post.get('licenses') || [], (url) => { name: @licenseName(url), url: url } )
+      escaped:
+        entity: encodeURIComponent(post.get('entity'))
+      formatted:
+        entity: TentStatus.Helpers.formatUrl post.get('entity')
+        published_at: TentStatus.Helpers.formatTime post.get('published_at')
+        full_published_at: TentStatus.Helpers.rawTime post.get('published_at')
+      authenticated: TentStatus.authenticated
+      guest_authenticated: TentStatus.guest_authenticated
+      currentUserOwnsPost: TentStatus.current_entity == post.get('entity')
+    )
+
+  render: (context) =>
+    html = @template.render(context, @parentView.partials)
+    el = ($ html)
+    @$el.replaceWith(el)
+    @$el = el
+    @trigger 'ready'
+

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

@@ -0,0 +1,55 @@
+class TentStatus.Views.Posts extends TentStatus.View
+  templateName: 'posts'
+  partialNames: ['_post', '_new_post_form', '_reply_form', '_post_inner']
+
+  dependentRenderAttributes: ['posts', 'followers', 'followings', 'profile']
+
+  initialize: ->
+    @container = TentStatus.Views.container
+    super
+
+    @on 'ready', @initPostViews
+    @on 'ready', @initFetchPool
+    @on 'ready', @initAutoPaginate
+
+  sortedPosts: => @posts.sortBy (post) -> -post.get('published_at')
+
+  uniqueFollowings: =>
+    @followings?.filter (following) =>
+      !@followers.find (follower) =>
+        follower.get('entity') == following.get('entity')
+
+  follows: =>
+    (@followers?.toArray() || []).concat(@uniqueFollowings() || [])
+
+  context: =>
+    @licenses = [{ url: "http://creativecommons.org/licenses/by-nc-sa/3.0/", name: "Creative Commons by-nc-sa 3.0" }]
+
+    follows: _.map(@follows(), (follow) -> _.extend follow.toJSON(), {
+      name: follow.name()
+    })
+    licenses: @licenses
+    posts: (_.map @posts.toArray(), (post) =>
+      view = new TentStatus.Views.Post parentView: @
+      view.context(post)
+    )
+
+  initPostViews: =>
+    _.each ($ 'li.post'), (el) =>
+      new TentStatus.Views.Post el: el, parentView: @
+
+  initFetchPool: =>
+    el = ($ '.fetch-pool', @container.$el).hide()
+    @fetchPoolView = new TentStatus.Views.FetchPostsPool el: el, parentView: @
+
+  initAutoPaginate: =>
+    ($ window).off 'scroll.posts'
+    ($ window).on 'scroll.posts', (e)=>
+      height = $(document).height() - $(window).height()
+      delta = height - window.scrollY
+      if delta < 300
+        @posts?.nextPage() unless @posts.onLastPage
+
+  emptyPool: =>
+    @fetchPoolView.emptyPool()
+

data/assets/javascripts/views/posts/conversation.js.coffee

@@ -0,0 +1,18 @@
+class TentStatus.Views.Conversation extends TentStatus.Views.Posts
+  templateName: 'conversation'
+
+  initialize: ->
+    @dependentRenderAttributes.push 'post'
+    super
+
+  context: =>
+    @posts.unshift(@post)
+    data = super
+    posts = []
+    for post in data.posts
+      if post.id == @post.get('id')
+        data.post = post
+      else
+        posts.push post
+    data.posts = posts
+    data

data/assets/javascripts/views/profile.js.coffee

@@ -0,0 +1,29 @@
+class TentStatus.Views.Profile extends TentStatus.Views.Posts
+  templateName: 'profile'
+  partialNames: ['_post', '_post_inner', '_reply_form']
+
+  initialize: ->
+    @dependentRenderAttributes.push 'currentProfile'
+    super
+
+  replyToPost: (post) =>
+    return unless post.get('mentions')?.length
+    for mention in post.get('mentions')
+      if mention.entity and mention.post
+        mention.url = "#{TentStatus.url_root}#{encodeURIComponent(mention.entity)}/#{mention.post}"
+        return mention
+    null
+
+  context: =>
+    _.extend super,
+      profile: _.extend( @currentProfile.toJSON(),
+        name: @currentProfile.name()
+        bio: @currentProfile.bio()
+        nameIsEntity: @currentProfile.name() == TentStatus.Helpers.formatUrl(@currentProfile.entity())
+        avatar: @currentProfile.avatar()
+        entity: @currentProfile.entity()
+        encoded:
+          entity: encodeURIComponent(@currentProfile.entity())
+        formatted:
+          entity: TentStatus.Helpers.formatUrl @currentProfile.entity()
+      )

data/assets/javascripts/views/profile_follow_button.js.coffee

@@ -0,0 +1,29 @@
+class TentStatus.Views.ProfileFollowButton extends Backbone.View
+  initialize: (options = {}) ->
+    @parentView = options.parentView
+
+    @buttons = {}
+    @buttons.submit = ($ '[type=submit]', @$el)
+
+    following = new TentStatus.Models.Following
+    following.fetch
+      url: "#{TentStatus.api_root}/followings?entity=#{encodeURIComponent(TentStatus.domain_entity)}&guest=true"
+      success: (f, res) =>
+        if res.length
+          @setFollowing()
+
+    @$el.on 'submit', @submit
+
+  submit: (e) =>
+    e.preventDefault()
+    entity = TentStatus.domain_entity
+    @buttons.submit.attr 'disabled', 'disabled'
+    following = new TentStatus.Models.Following { entity: entity }
+    following.once 'sync', =>
+      @setFollowing()
+    following.save()
+    false
+
+  setFollowing: =>
+    @buttons.submit.val 'Following'
+    @buttons.submit.attr 'disabled', 'disabled'

data/assets/javascripts/views/profile_stats.js.coffee

@@ -0,0 +1,38 @@
+class TentStatus.Views.ProfileStats extends TentStatus.View
+  templateName: '_profile_stats'
+
+  initialize: (options) ->
+    super
+    @container = null
+
+    api_root = if TentStatus.guest_authenticated
+      TentStatus.tent_api_root
+    else
+      TentStatus.api_root
+
+    @countKeys = ['postsCount', 'followingsCount', 'followersCount']
+    for key in @countKeys
+      @once "change:#{key}", @render
+
+    $.getJSON "#{api_root}/posts/count", (count) =>
+      @set 'postsCount', count
+
+    $.getJSON "#{api_root}/followers/count", (count) =>
+      @set 'followersCount', count
+
+    $.getJSON "#{api_root}/followings/count", (count) =>
+      @set 'followingsCount', count
+
+    @render()
+
+  context: =>
+    postsCount: @postsCount
+    followersCount: @followersCount
+    followingsCount: @followingsCount
+
+  render: =>
+    for key in @countKeys
+      val = @get(key)
+      return if val == null
+    html = super
+    @$el.html(html)

data/assets/javascripts/views/remove_follower_btn.js.coffee

@@ -0,0 +1,18 @@
+class TentStatus.Views.RemoveFollowerBtn extends Backbone.View
+  initialize: (options = {}) ->
+    @parentView = options.parentView
+
+    followerId = @$el.attr 'data-id'
+    @follower = TentStatus.Collections.followers.get(followerId)
+
+    @confirmMsg = @$el.attr 'data-confirm'
+
+    @$el.on 'click', @confirmUnfollow
+
+  confirmUnfollow: =>
+    shouldRemove = confirm @confirmMsg
+    return unless shouldRemove
+    @follower.destroy
+      success: =>
+        TentStatus.Collections.followers.remove(@follower)
+        @parentView.render()

data/assets/javascripts/views/reply_post_form.js.coffee

@@ -0,0 +1,30 @@
+class TentStatus.Views.ReplyPostForm extends TentStatus.Views.NewPostForm
+  initialize: (options = {}) ->
+    super
+
+    ## reply fields
+    @replyToPostId = ($ '[name=mentions_post_id]', @$el).val()
+    @replyToEntity = ($ '[name=mentions_post_entity]', @$el).val()
+
+  submit: (e) =>
+    e.preventDefault()
+    data = @getData()
+    return false unless @validate data
+
+    post = new TentStatus.Models.Post data
+    post.once 'sync', =>
+      window.location.reload() unless @parentView.emptyPool
+      @parentView.emptyPool()
+      TentStatus.Collections.posts.unshift(post)
+      @parentView.posts.unshift(post)
+      @parentView.render()
+    post.save()
+    false
+
+  buildMentions: (data) =>
+    data = super
+    if @replyToPostId and @replyToEntity
+      data.mentions ||= []
+      data.mentions.push { entity: @replyToEntity, post: @replyToPostId }
+    data
+

data/assets/javascripts/views/unfollow_btn.js.coffee

@@ -0,0 +1,18 @@
+class TentStatus.Views.UnfollowBtn extends Backbone.View
+  initialize: (options = {}) ->
+    @parentView = options.parentView
+
+    followingId = @$el.attr 'data-id'
+    @following = TentStatus.Collections.followings.get(followingId)
+
+    @confirmMsg = @$el.attr 'data-confirm'
+
+    @$el.on 'click', @confirmUnfollow
+
+  confirmUnfollow: =>
+    shouldUnfollow = confirm @confirmMsg
+    return unless shouldUnfollow
+    @following.destroy
+      success: =>
+        TentStatus.Collections.followings.remove(@following)
+        @parentView.render()

data/assets/stylesheets/application.css.sass

@@ -0,0 +1,117 @@
+//= require bootstrap
+//= require bootstrap-responsive
+//= require chosen
+//= require_self
+
+@mixin rounded($amount)
+  -webkit-border-radius: $amount
+  -moz-border-radius: $amount
+  border-radius: $amount
+
+textarea::-webkit-input-placeholder
+  padding-top: 20px
+  text-align: center
+
+form input,
+form select,
+form textarea
+  &.error
+    color: #b94a48
+    border-color: #b94a48
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
+    -moz-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.075)
+    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075)
+
+    &:focus
+      border-color: #953b39
+      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
+      -moz-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
+      box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
+
+.permissions
+  .control-label
+    width: 20px
+  .controls
+    margin-left: 30px
+
+.post .navigation ul.nav
+  margin-bottom: 0px
+  padding: 0px
+
+li.post
+  border-bottom: 1px solid #eee
+  margin-bottom: 19px
+  &:hover
+    margin-bottom: 20px
+    background-color: #f5f5f5
+    border: 0px
+    @include rounded(4px)
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
+    -moz-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.05)
+    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, 0.05)
+
+  .showOnHover
+    visibility: hidden
+
+  img.avatar
+    width: 50px
+    height: 50px
+    margin-right: 4px
+
+  &:hover
+    .showOnHover
+      visibility: visible
+
+  div.repost
+    margin-top: 6px
+    @include rounded(4px)
+    background-color: #eee
+
+  .navigation a
+    margin-right: 6px
+
+.avatar-large
+  max-width: 100px
+  max-height: 150px
+  min-width: 100px
+  min-height: 100px
+
+.gray
+  color: gray
+
+h2.condensed
+  line-height: 24px
+
+.offset0-5
+  margin-left: 42px
+
+.offset0-6
+  margin-left: 62px
+
+.no-offset
+  margin-left: 0px
+
+.profile-stats
+  .stat
+    text-align: center
+    float: left
+    line-height: 32px
+    margin-right: 20px
+    .title
+      font-size: 16px
+      font-weight: 500
+    .value
+      font-size: 20px
+      font-weight: 600
+
+body
+  margin-bottom: 60px
+
+footer.navbar-fixed-bottom
+  background-color: #fff
+
+  text-align: center
+  margin-top: 20px
+  padding-top: 10px
+  padding-bottom: 10px
+  border-top: 1px grey solid