Merge pull request #837 from kawazrepos/834

画像のモーダルが記事中の全ての画像に適応されるようになった closes #834

src/kawaz/apps/kfm/tests/test_parse.py

@@ -220,7 +220,7 @@ def test_parse_kfm_attachments(self):
         value = parse_kfm(original)
         expected = (
             '<p><a href="/storage/attachments/kawaztan-material/kawaztan.png" '
-            'rel="lightbox" data-lightbox="screenshots">\n    '
+            'data-lightbox="article">\n    '
             '<img src="/storage/attachments/kawaztan-material/kawaztan.png" '
             'alt="kawaztan.png" style="max-width: 500px;" />\n'
             '</a></p>'

src/statics/coffee/lightbox.coffee

@@ -0,0 +1,10 @@
+$ ->
+  $imgs = $('.markdown img')
+  $imgs.each((index) ->
+    src = $(@).attr('src')
+    $existingWrapper = $(@).closest('a[data-lightbox]')
+    unless $existingWrapper.size()
+      $wrapper = $('<a>').attr('data-lightbox', 'article')
+      $wrapper.attr('href', src)
+      $(@).wrap($wrapper)
+  )

src/templates/attachments/embed/image.html

@@ -1,3 +1,3 @@
-<a href="{{ material.content_file.url }}" rel="lightbox" data-lightbox="screenshots">
+<a href="{{ material.content_file.url }}" data-lightbox="article">
     <img src="{{ material.content_file.url }}" alt="{{ material.filename }}" style="max-width: 500px;" />
 </a>

src/templates/base.html

@@ -184,6 +184,7 @@
     <script type="text/coffeescript" src="{% static "coffee/tooltip.coffee" %}"></script>
     <script type="text/coffeescript" src="{% static "coffee/post.coffee" %}"></script>
     <script type="text/coffeescript" src="{% static "coffee/message.coffee" %}"></script>
+    <script type="text/coffeescript" src="{% static "coffee/lightbox.coffee" %}"></script>
 {% endblock %}
 {% endcompress %}
 {% include "components/god_stamp.html" %}