diff --git a/app/views/branded/answers/_new_edit.html.erb b/app/views/branded/answers/_new_edit.html.erb index 397d2c1..f08b398 100644 --- a/app/views/branded/answers/_new_edit.html.erb +++ b/app/views/branded/answers/_new_edit.html.erb @@ -74,8 +74,9 @@
"> <%="#{annotation.org.abbreviation} "%> <%=_('example answer')%> + -
" > +
" > <%= raw annotation.text %>
diff --git a/lib/assets/javascripts/views/answers/edit.js b/lib/assets/javascripts/views/answers/edit.js index 90fa8f5..b226cb2 100644 --- a/lib/assets/javascripts/views/answers/edit.js +++ b/lib/assets/javascripts/views/answers/edit.js @@ -143,10 +143,10 @@ editor.on('Blur', () => blurHandler(editor)); editor.on('Focus', () => focusHandler(editor)); }; - /* - Detaches events from a specific form including its tinymce editor - @param { objecg } - jQueryForm to remove events - */ + /* + Detaches events from a specific form including its tinymce editor + @param { objecg } - jQueryForm to remove events +*/ const detachEventHandlers = (jQueryForm) => { formHandlers({ jQuery: jQueryForm, attachment: 'off' }); const tinymceId = jQueryForm.find(`.${editorClass}`).attr('id'); @@ -175,4 +175,13 @@ editor.setMode('readonly'); }); } + // Example answer toggle + function toggleIcon(e) { + $(e.target) + .prev('.example-answer-link') + .find('.more-less') + .toggleClass('glyphicon-plus glyphicon-minus'); + } + $('.example-answer').on('hidden.bs.collapse', toggleIcon); + $('.example-answer').on('shown.bs.collapse', toggleIcon); });