Make sure that the alt text in manage images is never stale

Resolves #221

HISTORY.rst

@@ -1,6 +1,9 @@
 Changelog
 ---------
 
+- Make sure that the alt text in manage images is never stale.
+  [href]
+
 - Makes the location of an event mandatory.
   [href]
 

onegov/town/assets/js/lazyalttext.js

@@ -49,7 +49,7 @@ var onLazyLoadAltText = function(element) {
         return;  // we already have an alt text
     }
 
-    if (target.hasClass('.missing-alt')) {
+    if (target.hasClass('.static-alt')) {
         return;  // this alt text is not dynamic
     }
 
@@ -64,7 +64,7 @@ var onLazyLoadAltText = function(element) {
     });
 };
 
-$('.page-text img[alt][alt!=""], .missing-alt').each(function() {
+$('.page-text img[alt][alt!=""], .static-alt').each(function() {
     appendAltText(this, $(this).attr('alt'));
 });
 

onegov/town/templates/images.pt

@@ -25,8 +25,8 @@
                     <ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-4">
                         <li tal:repeat="image group['images']" id="image-${repeat.image.index}" class="image-box">
                             <a href="${image.url}" tal:condition="image" class="editable-alt" data-note-update-url="${image.extra}">
-                                <img tal:condition="image.alt" data-src="${image.src}" class="lazyload" alt="${image.alt}" />
-                                <img tal:condition="not:image.alt" data-src="${image.src}" class="lazyload missing-alt" alt="Click to add a description" i18n:attributes="alt" />
+                                <img tal:condition="image.alt" data-src="${image.src}" class="lazyload static-alt" alt="${image.alt}" />
+                                <img tal:condition="not:image.alt" data-src="${image.src}" class="lazyload missing-alt static-alt" alt="Click to add a description" i18n:attributes="alt" />
                             </a>
                             <a class="delete confirm"
                                ic-delete-from="${image.url}?csrf-token=${layout.csrf_token}"