From 6266d4e5087c0203e013912a568c08bad8b866d8 Mon Sep 17 00:00:00 2001 From: Evgeny Fadeev Date: Tue, 7 Aug 2012 09:58:18 -0400 Subject: styled the sharing tool a bit and added autocompleter dropdown --- askbot/skins/common/media/js/post.js | 14 +++++++++++ askbot/skins/common/media/js/user.js | 2 +- askbot/skins/default/media/style/style.less | 28 ++++++++++++++++++++++ .../default/templates/question/javascript.html | 1 + .../skins/default/templates/question/sidebar.html | 17 ++++++++----- .../skins/default/templates/user_profile/user.html | 2 +- 6 files changed, 56 insertions(+), 8 deletions(-) diff --git a/askbot/skins/common/media/js/post.js b/askbot/skins/common/media/js/post.js index b79fcef6..88f16e08 100644 --- a/askbot/skins/common/media/js/post.js +++ b/askbot/skins/common/media/js/post.js @@ -3840,6 +3840,20 @@ $(document).ready(function() { var tip = new TippedInput(); tip.decorate(proxyUserEmailInput); } + //if groups are enabled - activate share functions + var groupsInput = $('.share-with-group'); + if (groupsInput.length === 1) { + var groupsAc = new AutoCompleter({ + url: askbot['urls']['getGroupsList'], + preloadData: true, + minChars: 1, + useCache: true, + matchInside: true, + maxCacheLength: 100, + delay: 10 + }); + fakeUserAc.decorate(proxyUserNameInput); + } }); diff --git a/askbot/skins/common/media/js/user.js b/askbot/skins/common/media/js/user.js index 34bdeac5..e858257d 100644 --- a/askbot/skins/common/media/js/user.js +++ b/askbot/skins/common/media/js/user.js @@ -931,7 +931,7 @@ GroupAdderWidget.prototype.decorate = function(element){ this._input = input; var groupsAc = new AutoCompleter({ - url: askbot['urls']['get_groups_list'], + url: askbot['urls']['getGroupsList'], preloadData: true, minChars: 1, useCache: true, diff --git a/askbot/skins/default/media/style/style.less b/askbot/skins/default/media/style/style.less index 4b36a4a0..56461c1f 100644 --- a/askbot/skins/default/media/style/style.less +++ b/askbot/skins/default/media/style/style.less @@ -591,6 +591,7 @@ body.anon { padding-left:5px; border:#c9c9b5 1px solid; height:25px; + font-size: 14px; } #ab-tag-search { width: 138px; @@ -1436,6 +1437,33 @@ ul#related-tags li { } } +.groups-input { + width:152px; + padding-left:5px; + border:#c9c9b5 1px solid; + height:25px; + font-size: 14px; +} + +.add-groups { + border:0; + font-weight:bold; + margin-top:-2px; + .button-style(27px, 14px); + .rounded-corners(4px); +} + +.add-everyone-group { + text-align: center; + margin: auto; + display: block; + padding: 0 10px; +} + +.add-groups:hover { + .button-style-hover; +} + #id_user, #id_user_author { border:#cce6ec 3px solid; diff --git a/askbot/skins/default/templates/question/javascript.html b/askbot/skins/default/templates/question/javascript.html index 003d7f70..0be3e5a1 100644 --- a/askbot/skins/default/templates/question/javascript.html +++ b/askbot/skins/default/templates/question/javascript.html @@ -18,6 +18,7 @@ askbot['urls']['upvote_comment'] = '{% url upvote_comment %}'; askbot['urls']['delete_post'] = '{% url delete_post %}'; askbot['urls']['get_html_template'] = '{% url get_html_template %}'; + askbot['urls']['getGroupsList'] = '{% url get_groups_list %}'; askbot['messages']['addComment'] = '{% trans %}post a comment{% endtrans %}'; {% if settings.SAVE_COMMENT_ON_ENTER %} askbot['settings']['saveCommentOnEnter'] = true; diff --git a/askbot/skins/default/templates/question/sidebar.html b/askbot/skins/default/templates/question/sidebar.html index 63d25958..30d67c04 100644 --- a/askbot/skins/default/templates/question/sidebar.html +++ b/askbot/skins/default/templates/question/sidebar.html @@ -1,4 +1,4 @@ -{% from "macros.html" import timeago %} +{% import "macros.html" as macros %} {% if settings.SIDEBAR_QUESTION_HEADER %}
{{ settings.SIDEBAR_QUESTION_HEADER }} @@ -46,14 +46,18 @@