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..."
|
commenting: "Commenting..."
|
||||||
|
|
||||||
reactions:
|
reactions:
|
||||||
zero: "No reactions"
|
zero: "0 reactions"
|
||||||
one: "1 reaction"
|
one: "1 reaction"
|
||||||
two: "%{count} reactions"
|
two: "%{count} reactions"
|
||||||
few: "%{count} reactions"
|
few: "%{count} reactions"
|
||||||
|
|
|
||||||
|
|
@ -62,8 +62,19 @@ $(document).ready(function(){
|
||||||
commentsContainer.first().hide();
|
commentsContainer.first().hide();
|
||||||
link.removeClass('active');
|
link.removeClass('active');
|
||||||
|
|
||||||
} else if( commentsContainer.length > 0 ) {
|
} else if( commentsContainer.length > 0) {
|
||||||
commentsContainer.first().show();
|
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');
|
link.addClass('active');
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -95,7 +106,10 @@ $(document).ready(function(){
|
||||||
lineHeight = 14;
|
lineHeight = 14;
|
||||||
|
|
||||||
link.removeClass('loading')
|
link.removeClass('loading')
|
||||||
.removeClass('inactive');
|
|
||||||
|
if(!link.hasClass("add_comment_bottom_link")){
|
||||||
|
link.removeClass('inactive');
|
||||||
|
}
|
||||||
|
|
||||||
container.first().hide();
|
container.first().hide();
|
||||||
|
|
||||||
|
|
@ -128,11 +142,32 @@ $(document).ready(function(){
|
||||||
var form = $(this);
|
var form = $(this);
|
||||||
|
|
||||||
$.post(form.attr('action')+"?format=mobile", form.serialize(), function(data){
|
$.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);
|
if(container.length > 0) {
|
||||||
form.remove();
|
container.before(data);
|
||||||
container.show();
|
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');
|
}, '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;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
padding: {
|
padding: {
|
||||||
top: 10px;
|
top: 20px;
|
||||||
bottom: 10px;
|
bottom: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue