commit 705ced583c61570bfba46f71e0e8745f5da44504 Author: Sherief Alaa <sheriefalaa.w@gmail.com> Date: Thu May 22 20:12:08 2014 +0300 restricting comments in tokens.html --- webchat/templates/tokens.html | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) diff --git a/webchat/templates/tokens.html b/webchat/templates/tokens.html index b8aaf8c..be24b3b 100644 --- a/webchat/templates/tokens.html +++ b/webchat/templates/tokens.html @@ -8,6 +8,18 @@ {% block script %} <script type="text/javascript" src="/static/js/jquery.min.js"></script> <script src="/static/js/bootstrap.min.js"></script> + <script type="text/javascript"> + $(document).ready (function (){ + $(".comment").html(function(){ + $(this).html($(this).text().substring(0,35) + + ' <span data-toggle="modal" data-target="#comment-modal" style="color:blue; font-size:80%;"> Read more..</span>'); + }); + }); + + function full_comment(id){ + $(".comment-modal-body").html($("#full-comment-" + id).val()); + } + </script> {% endblock script %} {% block content %} {% include "nav_bar.html" %} @@ -42,12 +54,30 @@ <td><input name="selected_list" type="checkbox" value="{{token.token}}"></td> <td>https://{{url}}/chat/{{token.token}}</td> <td>{{token.expires_at|date:"Y-m-d G:i"}}</td> - <td>{{token.comment}}</td> + <td class="comment" onclick="full_comment({{token.t_id}});">{{token.comment}}</td> </tr> + <input id="full-comment-{{token.t_id}}" type="hidden" value="{{token.comment}}"> {% endfor %} </table> <input name="revoke" type="submit" class="btn btn-default" value="Revoke Selected"> </form> +<div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="Comment" aria-hidden="true"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> + <h4 class="modal-title" id="myModalLabel">Comment</h4> + </div> + <div> + <p class="comment-modal-body"></p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default" data-dismiss="modal">OK</button> + </div> + </div> + </div> +</div> + {% include "footer.html" %} {% endblock content %} \ No newline at end of file