Commit 006b4402f3d2aac21ac5426cd255eec9e5cb69a7
1 parent
fe932798
Exists in
master
and in
2 other branches
Adding user info popover in mural
Showing
10 changed files
with
231 additions
and
7 deletions
Show diff stats
amadeus/static/js/mural.js
| ... | ... | @@ -24,9 +24,47 @@ $(function () { |
| 24 | 24 | }); |
| 25 | 25 | |
| 26 | 26 | postHeightLimits(); |
| 27 | + setUserDataPopover(); | |
| 27 | 28 | |
| 28 | 29 | }); |
| 29 | 30 | |
| 31 | +function setUserDataPopover() { | |
| 32 | + $('[data-toggle="popover"]').popover({ | |
| 33 | + html: true, | |
| 34 | + content: function () { | |
| 35 | + return $(this).parent().find(".popover").html(); | |
| 36 | + } | |
| 37 | + }).on('show.bs.popover', function (e) { | |
| 38 | + $('[data-toggle="popover"]').not(e.target).popover('hide'); | |
| 39 | + }).on('shown.bs.popover', function (e) { | |
| 40 | + if($(this).is(e.target)){ | |
| 41 | + var popover = $(".popover.fade.in"), | |
| 42 | + buttons = popover.parent().find('a'), | |
| 43 | + close = popover.parent().find('.close:visible'); | |
| 44 | + | |
| 45 | + popover.animate({ | |
| 46 | + 'max-width': '330px', | |
| 47 | + }, 0); | |
| 48 | + | |
| 49 | + popover.find('.popover-content').animate({ | |
| 50 | + padding: '9px 5px', | |
| 51 | + }, 0); | |
| 52 | + | |
| 53 | + popover.find('h4').animate({ | |
| 54 | + 'font-size': '16px', | |
| 55 | + }, 0); | |
| 56 | + | |
| 57 | + close.on("click", function () { | |
| 58 | + popover.popover('hide'); | |
| 59 | + }); | |
| 60 | + | |
| 61 | + buttons.on("click", function () { | |
| 62 | + popover.popover('hide'); | |
| 63 | + }) | |
| 64 | + } | |
| 65 | + }); | |
| 66 | +} | |
| 67 | + | |
| 30 | 68 | function postHeightLimits() { |
| 31 | 69 | $('.post-body').each(function () { |
| 32 | 70 | if ($(this).outerHeight() > 500) { |
| ... | ... | @@ -77,6 +115,7 @@ function setPostFormSubmit(post = "") { |
| 77 | 115 | $('.no-subjects:visible').attr('style', 'display:none'); |
| 78 | 116 | } |
| 79 | 117 | |
| 118 | + setUserDataPopover(); | |
| 80 | 119 | setTimeout(function () { postHeightLimits() }, 100); |
| 81 | 120 | |
| 82 | 121 | $('#post-modal-form').modal('hide'); |
| ... | ... | @@ -325,6 +364,8 @@ function loadComments (btn) { |
| 325 | 364 | btn.show(); |
| 326 | 365 | |
| 327 | 366 | btn.after(response.loaded); |
| 367 | + | |
| 368 | + setUserDataPopover(); | |
| 328 | 369 | } |
| 329 | 370 | }); |
| 330 | 371 | } | ... | ... |
amadeus/static/js/mural_ungeneral.js
| ... | ... | @@ -35,7 +35,8 @@ $('.mural-ungeneral').on('shown.bs.collapse', function(e) { |
| 35 | 35 | mural.data('pages', data.num_pages); |
| 36 | 36 | mural.data('page', data.num_page); |
| 37 | 37 | |
| 38 | - setTimeout(function () { postHeightLimits() }, 100); | |
| 38 | + setUserDataPopover(); | |
| 39 | + setTimeout(function () { postHeightLimits(); }, 100); | |
| 39 | 40 | |
| 40 | 41 | if (data.num_page < data.num_pages) { |
| 41 | 42 | more.show(); |
| ... | ... | @@ -112,7 +113,8 @@ $('.mural-ungeneral').on('shown.bs.collapse', function(e) { |
| 112 | 113 | mural.data('pages', data.num_pages); |
| 113 | 114 | mural.data('page', data.num_page); |
| 114 | 115 | |
| 115 | - setTimeout(function () { postHeightLimits() }, 100); | |
| 116 | + setUserDataPopover(); | |
| 117 | + setTimeout(function () { postHeightLimits(); }, 100); | |
| 116 | 118 | |
| 117 | 119 | if (data.num_page < data.num_pages) { |
| 118 | 120 | more.show(); |
| ... | ... | @@ -168,7 +170,8 @@ $('.mural-ungeneral').on('shown.bs.collapse', function(e) { |
| 168 | 170 | more.hide(); |
| 169 | 171 | } |
| 170 | 172 | |
| 171 | - setTimeout(function () { postHeightLimits() }, 100); | |
| 173 | + setUserDataPopover(); | |
| 174 | + setTimeout(function () { postHeightLimits(); }, 100); | |
| 172 | 175 | |
| 173 | 176 | without.hide(); |
| 174 | 177 | } else { | ... | ... |
| ... | ... | @@ -0,0 +1,20 @@ |
| 1 | +# -*- coding: utf-8 -*- | |
| 2 | +# Generated by Django 1.10.4 on 2017-04-08 00:54 | |
| 3 | +from __future__ import unicode_literals | |
| 4 | + | |
| 5 | +from django.db import migrations, models | |
| 6 | + | |
| 7 | + | |
| 8 | +class Migration(migrations.Migration): | |
| 9 | + | |
| 10 | + dependencies = [ | |
| 11 | + ('chat', '0002_auto_20170402_2207'), | |
| 12 | + ] | |
| 13 | + | |
| 14 | + operations = [ | |
| 15 | + migrations.AlterField( | |
| 16 | + model_name='talkmessages', | |
| 17 | + name='text', | |
| 18 | + field=models.TextField(blank=True, verbose_name='Message'), | |
| 19 | + ), | |
| 20 | + ] | ... | ... |
mural/templates/mural/_view.html
| ... | ... | @@ -7,7 +7,37 @@ |
| 7 | 7 | </div> |
| 8 | 8 | <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 post-body"> |
| 9 | 9 | <h4 class="post-user"> |
| 10 | - {{ post.user }} | |
| 10 | + {% if not post.user == request.user %} | |
| 11 | + {% is_online post.user as status %} | |
| 12 | + | |
| 13 | + <span data-toggle="popover" data-placement="right">{{ post.user }}</span> | |
| 14 | + | |
| 15 | + <div class="popover"> | |
| 16 | + <div class="popover-content participant"> | |
| 17 | + <button type="button" class="close" aria-label="{% trans 'Close' %}"><span aria-hidden="true">×</span></button> | |
| 18 | + | |
| 19 | + <br clear="all" /> | |
| 20 | + | |
| 21 | + <div class="col-md-3 col-sm-3 user-img"> | |
| 22 | + <img src="{{ post.user.image_url }}" class="img-responsive" /> | |
| 23 | + </div> | |
| 24 | + <div class="col-md-9 col-sm-9 user-info"> | |
| 25 | + <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ post.user }}</h4> | |
| 26 | + </div> | |
| 27 | + </div> | |
| 28 | + <div class="popover-footer"> | |
| 29 | + <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" post.user.email %}' class="btn btn-default btn-sm btn-raised pull-left"> | |
| 30 | + {% trans 'See Profile' %} | |
| 31 | + </a> | |
| 32 | + <a href="#" onclick="getModalInfo($(this), '{{ post|chat_space }}', '{{ post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" post.user.email %}' class="btn btn-success btn-sm btn-raised pull-right"> | |
| 33 | + {% trans 'Send Message' %} | |
| 34 | + </a> | |
| 35 | + </div> | |
| 36 | + </div> | |
| 37 | + {% else %} | |
| 38 | + {{ post.user }} | |
| 39 | + {% endif %} | |
| 40 | + | |
| 11 | 41 | <span class="user-action"> |
| 12 | 42 | <i class="fa {{ post.action|action_icon }}"></i> |
| 13 | 43 | {{ post.get_action_display }} |
| ... | ... | @@ -63,4 +93,4 @@ |
| 63 | 93 | </div> |
| 64 | 94 | </div> |
| 65 | 95 | </div> |
| 66 | 96 | -</div> |
| 97 | +</div> | |
| 67 | 98 | \ No newline at end of file | ... | ... |
mural/templates/mural/_view_comment.html
| ... | ... | @@ -8,7 +8,37 @@ |
| 8 | 8 | </div> |
| 9 | 9 | <div class="col-lg-11 col-md-11 col-sm-11 col-xs-11 comment-body"> |
| 10 | 10 | <h4 class="comment-user"> |
| 11 | - {{ comment.user }} | |
| 11 | + {% if not post.user == request.user %} | |
| 12 | + {% is_online comment.user as status %} | |
| 13 | + | |
| 14 | + <span data-toggle="popover" data-container="body" data-placement="right">{{ comment.user }}</span> | |
| 15 | + | |
| 16 | + <div class="popover"> | |
| 17 | + <div class="popover-content participant"> | |
| 18 | + <button type="button" class="close" aria-label="{% trans 'Close' %}"><span aria-hidden="true">×</span></button> | |
| 19 | + | |
| 20 | + <br clear="all" /> | |
| 21 | + | |
| 22 | + <div class="col-md-3 col-sm-3 user-img"> | |
| 23 | + <img src="{{ comment.user.image_url }}" class="img-responsive" /> | |
| 24 | + </div> | |
| 25 | + <div class="col-md-9 col-sm-9 user-info"> | |
| 26 | + <h4><a class="status {{ status }}" data-toggle="tooltip" title="{{ status|status_text }}"></a> {{ comment.user }}</h4> | |
| 27 | + </div> | |
| 28 | + </div> | |
| 29 | + <div class="popover-footer"> | |
| 30 | + <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:profile" comment.user.email %}' class="btn btn-default btn-sm btn-raised pull-left"> | |
| 31 | + {% trans 'See Profile' %} | |
| 32 | + </a> | |
| 33 | + <a href="#" onclick="getModalInfo($(this), '{{ comment.post|chat_space }}', '{{ comment.post|chat_space_type }}'); return false;" data-url='{% url "chat:talk" comment.user.email %}' class="btn btn-success btn-sm btn-raised pull-right"> | |
| 34 | + {% trans 'Send Message' %} | |
| 35 | + </a> | |
| 36 | + </div> | |
| 37 | + </div> | |
| 38 | + {% else %} | |
| 39 | + {{ comment.user }} | |
| 40 | + {% endif %} | |
| 41 | + | |
| 12 | 42 | <span class="user-action"> |
| 13 | 43 | <i class="fa fa-commenting-o"></i> |
| 14 | 44 | {% trans 'Comment' context "view" %} | ... | ... |
mural/templates/mural/list.html
| ... | ... | @@ -91,7 +91,13 @@ |
| 91 | 91 | </div> |
| 92 | 92 | |
| 93 | 93 | <div class="modal fade" id="post-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> |
| 94 | + | |
| 95 | + <div class="modal fade" id="chat-modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 96 | + | |
| 97 | + <div class="modal fade" id="chat-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 98 | + | |
| 94 | 99 | |
| 100 | + <script type="text/javascript" src="{% static 'js/chat.js' %}"></script> | |
| 95 | 101 | <script type="text/javascript" src="{% static 'js/mural.js' %}"></script> |
| 96 | 102 | <script type="text/javascript" src="{% static 'js/mural_general.js' %}"></script> |
| 97 | 103 | {% endblock %} |
| 98 | 104 | \ No newline at end of file | ... | ... |
mural/templates/mural/list_category.html
| ... | ... | @@ -155,7 +155,12 @@ |
| 155 | 155 | |
| 156 | 156 | <div class="modal fade" id="post-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> |
| 157 | 157 | |
| 158 | + <div class="modal fade" id="chat-modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 159 | + | |
| 160 | + <div class="modal fade" id="chat-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 161 | + | |
| 158 | 162 | <script type="text/javascript" src="{% static 'js/category.js' %}"></script> |
| 163 | + <script type="text/javascript" src="{% static 'js/chat.js' %}"></script> | |
| 159 | 164 | <script type="text/javascript" src="{% static 'js/mural.js' %}"></script> |
| 160 | 165 | <script type="text/javascript" src="{% static 'js/mural_ungeneral.js' %}"></script> |
| 161 | 166 | {% endblock %} |
| 162 | 167 | \ No newline at end of file | ... | ... |
mural/templates/mural/list_subject.html
| ... | ... | @@ -154,7 +154,13 @@ |
| 154 | 154 | |
| 155 | 155 | <div class="modal fade" id="post-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> |
| 156 | 156 | |
| 157 | + <div class="modal fade" id="chat-modal-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 158 | + | |
| 159 | + <div class="modal fade" id="chat-modal-form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div> | |
| 160 | + | |
| 161 | + | |
| 157 | 162 | <script type="text/javascript" src="{% static 'js/category.js' %}"></script> |
| 163 | + <script type="text/javascript" src="{% static 'js/chat.js' %}"></script> | |
| 158 | 164 | <script type="text/javascript" src="{% static 'js/mural.js' %}"></script> |
| 159 | 165 | <script type="text/javascript" src="{% static 'js/mural_ungeneral.js' %}"></script> |
| 160 | 166 | <script type="text/javascript" src="{% static 'subjects/js/modal_subject.js' %}"></script> | ... | ... |
mural/templatetags/mural_filters.py
| 1 | 1 | from django import template |
| 2 | +from django.conf import settings | |
| 3 | +from django.utils import timezone | |
| 2 | 4 | from django.db.models import Q |
| 3 | 5 | from django.utils.translation import ugettext_lazy as _ |
| 6 | +from django.contrib.sessions.models import Session | |
| 7 | + | |
| 8 | +from log.models import Log | |
| 4 | 9 | |
| 5 | 10 | from mural.models import MuralFavorites, MuralVisualizations |
| 6 | 11 | |
| ... | ... | @@ -105,4 +110,45 @@ def has_resource(post): |
| 105 | 110 | if post.subjectpost.resource: |
| 106 | 111 | return _("about") + " <span class='post_resource'>" + str(post.subjectpost.resource) + "</span>" |
| 107 | 112 | |
| 108 | - return "" | |
| 109 | 113 | \ No newline at end of file |
| 114 | + return "" | |
| 115 | + | |
| 116 | +@register.assignment_tag(name = 'is_online') | |
| 117 | +def is_online(user): | |
| 118 | + expire_time = settings.SESSION_SECURITY_EXPIRE_AFTER | |
| 119 | + now = timezone.now() | |
| 120 | + | |
| 121 | + activities = Log.objects.filter(user_id = user.id).order_by('-datetime') | |
| 122 | + | |
| 123 | + if activities.count() > 0: | |
| 124 | + last_activity = activities[0] | |
| 125 | + | |
| 126 | + if last_activity.action != 'logout': | |
| 127 | + if (now - last_activity.datetime).total_seconds() < expire_time: | |
| 128 | + return "active" | |
| 129 | + else: | |
| 130 | + return "away" | |
| 131 | + | |
| 132 | + return "" | |
| 133 | + | |
| 134 | +@register.filter(name = 'status_text') | |
| 135 | +def status_text(status): | |
| 136 | + if status == "active": | |
| 137 | + return _("Online") | |
| 138 | + elif status == "away": | |
| 139 | + return _('Away') | |
| 140 | + else: | |
| 141 | + return _("Offline") | |
| 142 | + | |
| 143 | +@register.filter(name = 'chat_space') | |
| 144 | +def chat_space(post): | |
| 145 | + if post._my_subclass == "subjectpost": | |
| 146 | + return post.subjectpost.space.id | |
| 147 | + | |
| 148 | + return 0 | |
| 149 | + | |
| 150 | +@register.filter(name = 'chat_space_type') | |
| 151 | +def chat_space_type(post): | |
| 152 | + if post._my_subclass == "subjectpost": | |
| 153 | + return "subject" | |
| 154 | + | |
| 155 | + return "general" | |
| 110 | 156 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,37 @@ |
| 1 | +# -*- coding: utf-8 -*- | |
| 2 | +# Generated by Django 1.10.4 on 2017-04-08 00:54 | |
| 3 | +from __future__ import unicode_literals | |
| 4 | + | |
| 5 | +import autoslug.fields | |
| 6 | +from django.conf import settings | |
| 7 | +from django.db import migrations, models | |
| 8 | +import django.db.models.deletion | |
| 9 | +import news.models | |
| 10 | + | |
| 11 | + | |
| 12 | +class Migration(migrations.Migration): | |
| 13 | + | |
| 14 | + initial = True | |
| 15 | + | |
| 16 | + dependencies = [ | |
| 17 | + migrations.swappable_dependency(settings.AUTH_USER_MODEL), | |
| 18 | + ] | |
| 19 | + | |
| 20 | + operations = [ | |
| 21 | + migrations.CreateModel( | |
| 22 | + name='News', | |
| 23 | + fields=[ | |
| 24 | + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), | |
| 25 | + ('title', models.CharField(max_length=200, unique=True, verbose_name='Name')), | |
| 26 | + ('slug', autoslug.fields.AutoSlugField(editable=False, populate_from='title', unique=True, verbose_name='Slug')), | |
| 27 | + ('image', models.ImageField(upload_to='news/', validators=[news.models.validate_img_extension], verbose_name='News Image')), | |
| 28 | + ('content', models.TextField(verbose_name='News Content')), | |
| 29 | + ('create_date', models.DateTimeField(auto_now_add=True, verbose_name='Create Date')), | |
| 30 | + ('creator', models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='news_creator_user', to=settings.AUTH_USER_MODEL, verbose_name='Creator')), | |
| 31 | + ], | |
| 32 | + options={ | |
| 33 | + 'verbose_name_plural': 'News', | |
| 34 | + 'verbose_name': 'News', | |
| 35 | + }, | |
| 36 | + ), | |
| 37 | + ] | ... | ... |