increment counter on comment add
This commit is contained in:
danielgrippi
parent
2b2443b6b9
commit
64113eb8f2
4 changed files with 44 additions and 426 deletions
|
|
@ -211,7 +211,7 @@ en:
|
|||
commenting: "Commenting..."
|
||||
|
||||
reactions:
|
||||
zero: "No reactions"
|
||||
zero: "0 reactions"
|
||||
one: "1 reaction"
|
||||
two: "%{count} reactions"
|
||||
few: "%{count} reactions"
|
||||
|
|
|
|||
|
|
@ -62,8 +62,19 @@ $(document).ready(function(){
|
|||
commentsContainer.first().hide();
|
||||
link.removeClass('active');
|
||||
|
||||
} else if( commentsContainer.length > 0 ) {
|
||||
} else if( commentsContainer.length > 0) {
|
||||
commentsContainer.first().show();
|
||||
|
||||
if(!commentsContainer.hasClass('noComments')) {
|
||||
$.ajax({
|
||||
url: link.attr('href'),
|
||||
success: function(data){
|
||||
parent.append($(data).find('.comments_container').html());
|
||||
link.addClass('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
link.addClass('active');
|
||||
|
||||
} else {
|
||||
|
|
@ -95,7 +106,10 @@ $(document).ready(function(){
|
|||
lineHeight = 14;
|
||||
|
||||
link.removeClass('loading')
|
||||
.removeClass('inactive');
|
||||
|
||||
if(!link.hasClass("add_comment_bottom_link")){
|
||||
link.removeClass('inactive');
|
||||
}
|
||||
|
||||
container.first().hide();
|
||||
|
||||
|
|
@ -128,11 +142,32 @@ $(document).ready(function(){
|
|||
var form = $(this);
|
||||
|
||||
$.post(form.attr('action')+"?format=mobile", form.serialize(), function(data){
|
||||
var container = form.closest('.bottom_bar').find('.add_comment_bottom_link_container');
|
||||
var bottomBar = form.closest('.bottom_bar').first(),
|
||||
container = bottomBar.find('.add_comment_bottom_link_container'),
|
||||
commentActionLink = bottomBar.find("a.comment_action").first();
|
||||
reactionLink = bottomBar.find(".show_comments"),
|
||||
commentCount = bottomBar.find(".comment_count");
|
||||
|
||||
container.before(data);
|
||||
form.remove();
|
||||
container.show();
|
||||
if(container.length > 0) {
|
||||
container.before(data);
|
||||
form.remove();
|
||||
container.show();
|
||||
|
||||
} else {
|
||||
var container = $("<div class='comments_container '></div>"),
|
||||
comments = $("<ul class='comments'></ul>");
|
||||
|
||||
comments.html(data);
|
||||
container.append(comments);
|
||||
form.remove();
|
||||
container.appendTo(bottomBar)
|
||||
}
|
||||
|
||||
console.log(reactionLink.text());
|
||||
|
||||
reactionLink.text(reactionLink.text().replace(/(\d+)/, function(match){ return parseInt(match) + 1; }));
|
||||
commentCount.text(commentCount.text().replace(/(\d+)/, function(match){ return parseInt(match) + 1; }));
|
||||
commentActionLink.addClass("inactive");
|
||||
}, 'html');
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -1,417 +0,0 @@
|
|||
// Copyright (c) 2010-2011, Diaspora Inc. This file is
|
||||
// licensed under the Affero General Public License version 3 or later. See
|
||||
// the COPYRIGHT file.
|
||||
|
||||
|
||||
@import "mixins"
|
||||
|
||||
$blue: #3F8FBA
|
||||
|
||||
a:not([role='button']):not(.arrow)
|
||||
:text
|
||||
:decoration none
|
||||
:font
|
||||
:weight normal !important
|
||||
:-webkit-tap-highlight-color rgba(200, 200, 200, 1) !important
|
||||
|
||||
a
|
||||
:color #2489CE
|
||||
|
||||
body
|
||||
:background #555
|
||||
:max-width 100%
|
||||
|
||||
#landing_content
|
||||
:text-align center
|
||||
|
||||
.info_pane
|
||||
:text-align left
|
||||
#login_form
|
||||
:padding 15px
|
||||
:padding-top 0px
|
||||
|
||||
#diaspora_description
|
||||
:background
|
||||
:image url('../images/ball_small.png')
|
||||
:repeat no-repeat
|
||||
:position top center
|
||||
|
||||
:padding
|
||||
:top 195px
|
||||
:margin
|
||||
:top -18px
|
||||
|
||||
:font
|
||||
:size 1.3em
|
||||
:weight bold
|
||||
:text-shadow 0 1px 3px #999
|
||||
:line-height 1.5
|
||||
|
||||
p
|
||||
:padding 12px
|
||||
:background
|
||||
:color #fff
|
||||
:-webkit-box-shadow 0 1px 3px #ccc
|
||||
:-moz-box-shadow 0 1px 3px #ccc
|
||||
:box-shadow 0 1px 3px #ccc
|
||||
|
||||
.tapped
|
||||
:background
|
||||
:color rgba(100, 103, 103, .2)
|
||||
@include border-radius(3px)
|
||||
a
|
||||
:padding 2px
|
||||
.alpha-warning
|
||||
@include mobile-box
|
||||
|
||||
.login_form
|
||||
@include mobile-box
|
||||
:padding 10px
|
||||
label
|
||||
:font-weight bold
|
||||
|
||||
.message
|
||||
:padding
|
||||
:left 2px
|
||||
|
||||
.stream_element,
|
||||
.comments
|
||||
:overflow auto
|
||||
:position relative
|
||||
|
||||
*
|
||||
:max-width 100%
|
||||
|
||||
:min-height 34px
|
||||
|
||||
.avatar
|
||||
:float left
|
||||
:height 35px
|
||||
:width 35px
|
||||
:margin
|
||||
:right 10px
|
||||
|
||||
.from
|
||||
a
|
||||
:margin
|
||||
:left -2px
|
||||
:color #aaa !important
|
||||
:font
|
||||
:weight bold !important
|
||||
|
||||
:margin-bottom 2px
|
||||
:height 45px
|
||||
|
||||
.content
|
||||
:padding 10px
|
||||
:bottom 0
|
||||
|
||||
:padding 10px 0
|
||||
|
||||
.info
|
||||
:margin
|
||||
:top 0
|
||||
|
||||
.photo_attachments
|
||||
:margin
|
||||
:top 6px
|
||||
|
||||
.time
|
||||
:font
|
||||
:weight normal
|
||||
p
|
||||
:margin 0 auto
|
||||
:font-size 14px
|
||||
:line-height 19px
|
||||
|
||||
.black
|
||||
:color #333
|
||||
|
||||
:margin 10px
|
||||
:top 10px
|
||||
:bottom 0
|
||||
:padding 0 !important
|
||||
|
||||
.comments
|
||||
:color #ccc
|
||||
|
||||
.from
|
||||
a
|
||||
:color #888 !important
|
||||
|
||||
.new_comment
|
||||
:padding 10px
|
||||
|
||||
.comment
|
||||
:padding 4px 0
|
||||
:border
|
||||
:bottom 1px dotted #444
|
||||
|
||||
|
||||
.stream_element
|
||||
@include border-radius(3px)
|
||||
@include box-shadow(0,1px,5px,rgba(0,0,0,1))
|
||||
|
||||
:background
|
||||
:color #fff
|
||||
:border
|
||||
:top 1px solid #000
|
||||
:bottom 1px solid #000
|
||||
|
||||
|
||||
.photo_attachments
|
||||
:position relative
|
||||
:left 0
|
||||
:top 0
|
||||
:padding 0
|
||||
:margin 0
|
||||
|
||||
img
|
||||
:margin 0
|
||||
:padding 0
|
||||
|
||||
|
||||
.reshare
|
||||
.content
|
||||
:padding
|
||||
:left 15px
|
||||
:top 10px
|
||||
.from
|
||||
:font
|
||||
:style italic
|
||||
.reshare_action
|
||||
:font
|
||||
:size 0.8em
|
||||
|
||||
#main_stream
|
||||
:font
|
||||
:size 0.95em
|
||||
|
||||
.from
|
||||
:font
|
||||
:size larger
|
||||
|
||||
.more-link
|
||||
:display block
|
||||
:text-align center
|
||||
:padding 0 10px
|
||||
:margin 0 10px
|
||||
:-webkit-box-shadow inset 0 1px 5px #111
|
||||
:border-radius 3px
|
||||
:background
|
||||
:color #333
|
||||
|
||||
h1
|
||||
:color #ccc
|
||||
:padding 20px
|
||||
:text-shadow 0 -2px 0 #000
|
||||
|
||||
.time, .via
|
||||
:color #ccc
|
||||
:font
|
||||
:size smaller
|
||||
:weight bold
|
||||
a
|
||||
:color #ccc
|
||||
|
||||
.comment
|
||||
.time
|
||||
:color #777
|
||||
|
||||
.info
|
||||
:margin
|
||||
:top -2px
|
||||
|
||||
#show_content
|
||||
:padding 12px
|
||||
:bottom 24px
|
||||
:border
|
||||
:bottom 1px solid #bbb
|
||||
:background
|
||||
:color #fff
|
||||
|
||||
:font
|
||||
:size larger
|
||||
|
||||
img
|
||||
:max-width 100%
|
||||
|
||||
.photo
|
||||
:text-align center
|
||||
|
||||
.controls
|
||||
:font
|
||||
:size smaller
|
||||
|
||||
&.photo
|
||||
:background
|
||||
:color #000
|
||||
|
||||
#photo_controls
|
||||
:margin
|
||||
:bottom -42px
|
||||
|
||||
.arrow
|
||||
:color white !important
|
||||
:font
|
||||
:size 26pt
|
||||
:text
|
||||
:shadow 0 1px 2px #333
|
||||
:decoration none
|
||||
:padding 0
|
||||
|
||||
ul
|
||||
:margin 0
|
||||
:padding 0
|
||||
:list
|
||||
:style none
|
||||
|
||||
#author_info.profile
|
||||
:background
|
||||
:color #eee
|
||||
:border
|
||||
:bottom 1px solid #000
|
||||
:height 90px
|
||||
:padding 6px
|
||||
:margin
|
||||
:bottom 6px
|
||||
|
||||
img
|
||||
:float left
|
||||
:height 90px
|
||||
:width 90px
|
||||
|
||||
.content
|
||||
:padding
|
||||
:left 100px
|
||||
|
||||
.description
|
||||
:font
|
||||
:weight normal
|
||||
:size small
|
||||
:color #999
|
||||
|
||||
.stream_marker
|
||||
:background
|
||||
:color #eee
|
||||
:border
|
||||
:bottom 1px solid #aaa
|
||||
:top 1px solid #ccc
|
||||
:font
|
||||
:weight bold
|
||||
:size smaller
|
||||
:color #666
|
||||
:padding 3px 6px
|
||||
|
||||
.right
|
||||
:float right
|
||||
|
||||
.hidden
|
||||
:display none
|
||||
|
||||
.grey_back
|
||||
:background
|
||||
:color #eee
|
||||
:border
|
||||
:bottom 1px solid #999
|
||||
:padding 8px
|
||||
:top 3px
|
||||
:margin
|
||||
:bottom 12px
|
||||
|
||||
#aspect_title
|
||||
:padding 0 6px
|
||||
:bottom 6px
|
||||
:font
|
||||
:weight bold
|
||||
:text
|
||||
:align left
|
||||
|
||||
header
|
||||
@include linear-gradient(#444, #000)
|
||||
|
||||
:padding 12px 5px
|
||||
|
||||
:border
|
||||
:bottom 1px solid #444
|
||||
|
||||
.right
|
||||
:float right
|
||||
|
||||
footer
|
||||
:background
|
||||
:color #ccc
|
||||
.inset
|
||||
:padding 10px
|
||||
|
||||
.notification_day_header
|
||||
:padding 6px
|
||||
:background
|
||||
:color #eee
|
||||
:border
|
||||
:top 1px solid #ddd
|
||||
:bottom 1px solid #ccc
|
||||
:font
|
||||
:weight bold
|
||||
:color #666
|
||||
|
||||
.bottom_bar
|
||||
@include border-radius(0, 0, 3px, 3px)
|
||||
:display block
|
||||
:padding 10px
|
||||
:background #eee
|
||||
:margin
|
||||
:top 10px
|
||||
:border
|
||||
:top 1px solid #ddd
|
||||
:height 24px
|
||||
:font
|
||||
:size larger
|
||||
|
||||
img
|
||||
:height 24px
|
||||
|
||||
a
|
||||
:color #999 !important
|
||||
:font-weight bold !important
|
||||
|
||||
|
||||
.floater
|
||||
:float right
|
||||
|
||||
.stream_element .photo_attachments
|
||||
img
|
||||
@include border-radius(3px, 3px, 0, 0)
|
||||
a
|
||||
:padding 0
|
||||
:margin-top 0
|
||||
|
||||
.photo_area
|
||||
:text-align center
|
||||
|
||||
.image_link
|
||||
:display inline-block
|
||||
:background
|
||||
:size 24px
|
||||
:repeat no-repeat
|
||||
:position center
|
||||
:height 16px
|
||||
:width 24px
|
||||
:padding 5px
|
||||
:margin
|
||||
:left 5px
|
||||
|
||||
.like_action
|
||||
:background-image url('/images/icons/heart_mobile_grey.png')
|
||||
.active
|
||||
:background-image url('/images/icons/heart_mobile_red.png')
|
||||
|
||||
.comment_action
|
||||
:background-image url('/images/icons/pencil_mobile_grey.png')
|
||||
|
||||
form
|
||||
:position relative
|
||||
textarea,
|
||||
input
|
||||
:font
|
||||
:size larger
|
||||
|
|
@ -282,8 +282,8 @@ footer {
|
|||
margin: 10px;
|
||||
}
|
||||
padding: {
|
||||
top: 10px;
|
||||
bottom: 10px;
|
||||
top: 20px;
|
||||
bottom: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue