35659d4419
The initialjs-rails gem hasn't been maintained for years, and it currently requires `railties < 7.0`, meaning we can't upgrade to Rails 7 while we depend on it. Since the code in the gem is simple, and we were already rewriting its most complex part (generating a background color), we can implement the same code, only we're using Ruby instead of JavaScript. This way, the avatars will be shown on browsers without JavaScript as well. Since we're adding a component test that checks SVG images are displayed even without JavaScript, we no longer need the test that checked images were displayed after AJAX requests. Now the tests show the user experience better; people don't care about the internal name used to select the initial (which is what we were checking); they care about the initial actually displayed. Note initialjs generated an <img> tag using a `src="data:image/svg+xml;` attribute. We're generating an <svg> tag instead, because it's easier. For this reason, we need to change the code slightly, giving the <svg> tag the `img` role and using `aria-label` so its contents won't be read aloud by screen readers. We could give it a `presentation` role instead and forget about `aria-label`, but then screen readers would read the text anyway (or, at least, some of them would).
202 lines
6.5 KiB
JavaScript
202 lines
6.5 KiB
JavaScript
// This is a manifest file that'll be compiled into application.js, which will include all the files
|
|
// listed below.
|
|
//
|
|
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
|
|
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
|
|
//
|
|
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
|
|
// compiled file.
|
|
//
|
|
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
|
|
// about supported directives.
|
|
//
|
|
//= require jquery
|
|
//= require jquery-ujs
|
|
//= require jquery-ui/ui/version
|
|
//= require jquery-ui/ui/data
|
|
//= require jquery-ui/ui/ie
|
|
//= require jquery-ui/ui/keycode
|
|
//= require jquery-ui/ui/position
|
|
//= require jquery-ui/ui/safe-active-element
|
|
//= require jquery-ui/ui/scroll-parent
|
|
//= require jquery-ui/ui/unique-id
|
|
//= require jquery-ui/ui/widget
|
|
//= require jquery-ui/ui/widgets/menu
|
|
//= require jquery-ui/ui/widgets/mouse
|
|
//= require jquery-ui/ui/widgets/datepicker
|
|
//= require jquery-ui/ui/i18n/datepicker-ar
|
|
//= require jquery-ui/ui/i18n/datepicker-bs
|
|
//= require jquery-ui/ui/i18n/datepicker-cs
|
|
//= require jquery-ui/ui/i18n/datepicker-da
|
|
//= require jquery-ui/ui/i18n/datepicker-de
|
|
//= require jquery-ui/ui/i18n/datepicker-el
|
|
//= require jquery-ui/ui/i18n/datepicker-es
|
|
//= require jquery-ui/ui/i18n/datepicker-fa
|
|
//= require jquery-ui/ui/i18n/datepicker-fr
|
|
//= require jquery-ui/ui/i18n/datepicker-gl
|
|
//= require jquery-ui/ui/i18n/datepicker-he
|
|
//= require jquery-ui/ui/i18n/datepicker-hr
|
|
//= require jquery-ui/ui/i18n/datepicker-id
|
|
//= require jquery-ui/ui/i18n/datepicker-it
|
|
//= require jquery-ui/ui/i18n/datepicker-nl
|
|
//= require jquery-ui/ui/i18n/datepicker-pl
|
|
//= require jquery-ui/ui/i18n/datepicker-pt-BR
|
|
//= require jquery-ui/ui/i18n/datepicker-ru
|
|
//= require jquery-ui/ui/i18n/datepicker-sl
|
|
//= require jquery-ui/ui/i18n/datepicker-sq
|
|
//= require jquery-ui/ui/i18n/datepicker-sv
|
|
//= require jquery-ui/ui/i18n/datepicker-zh-CN
|
|
//= require jquery-ui/ui/i18n/datepicker-zh-TW
|
|
//= require jquery-ui/ui/i18n/datepicker-en-GB
|
|
//= require jquery-ui/ui/widgets/autocomplete
|
|
//= require jquery-ui/ui/widgets/sortable
|
|
//= require blueimp-file-upload/js/jquery.iframe-transport
|
|
//= require blueimp-file-upload/js/jquery.fileupload
|
|
//= require foundation-sites
|
|
//= require turbolinks
|
|
//= require turbolinks_anchors
|
|
//= require ckeditor/loader
|
|
//= require_directory ./ckeditor
|
|
//= require social-share-button
|
|
//= require ahoy
|
|
//= require app
|
|
//= require check_all_none
|
|
//= require comments
|
|
//= require foundation_extras
|
|
//= require location_changer
|
|
//= require moderator_comment
|
|
//= require moderator_debates
|
|
//= require moderator_proposals
|
|
//= require moderator_budget_investments
|
|
//= require moderator_proposal_notifications
|
|
//= require moderator_legislation_proposals
|
|
//= require gettext
|
|
//= require annotator
|
|
//= require jquery.amsify.suggestags
|
|
//= require tags
|
|
//= require participation_not_allowed
|
|
//= require advanced_search
|
|
//= require registration_form
|
|
//= require suggest
|
|
//= require forms
|
|
//= require valuation_budget_investment_form
|
|
//= require embed_video
|
|
//= require fixed_bar
|
|
//= require banners
|
|
//= require social_share
|
|
//= require checkbox_toggle
|
|
//= require markdown-it/dist/markdown-it
|
|
//= require markdown_editor
|
|
//= require html_editor
|
|
//= require cocoon
|
|
//= require answers
|
|
//= require questions
|
|
//= require legislation_admin
|
|
//= require legislation
|
|
//= require legislation_allegations
|
|
//= require legislation_annotatable
|
|
//= require legislation_draft_versions
|
|
//= require followable
|
|
//= require flaggable
|
|
//= require documentable
|
|
//= require imageable
|
|
//= require tree_navigator
|
|
//= require tag_autocomplete
|
|
//= require polls_admin
|
|
//= require leaflet/dist/leaflet
|
|
//= require leaflet.markercluster/dist/leaflet.markercluster
|
|
//= require map
|
|
//= require polls
|
|
//= require sortable
|
|
//= require table_sortable
|
|
//= require investment_report_alert
|
|
//= require send_newsletter_alert
|
|
//= require managers
|
|
//= require i18n
|
|
//= require globalize
|
|
//= require send_admin_notification_alert
|
|
//= require settings
|
|
//= require cookies
|
|
//= require columns_selector
|
|
//= require budget_edit_associations
|
|
//= require budget_hide_money
|
|
//= require datepicker
|
|
//= require authenticity_token_refresh
|
|
//= require_tree ./admin
|
|
//= require_tree ./sdg
|
|
//= require_tree ./sdg_management
|
|
//= require custom
|
|
//= require_tree ./custom
|
|
|
|
var initialize_modules = function() {
|
|
"use strict";
|
|
|
|
App.Answers.initialize();
|
|
App.Questions.initialize();
|
|
App.Comments.initialize();
|
|
App.ParticipationNotAllowed.initialize();
|
|
App.Tags.initialize();
|
|
App.FoundationExtras.initialize();
|
|
App.LocationChanger.initialize();
|
|
App.CheckAllNone.initialize();
|
|
App.AdvancedSearch.initialize();
|
|
App.RegistrationForm.initialize();
|
|
App.Suggest.initialize();
|
|
App.Forms.initialize();
|
|
App.ValuationBudgetInvestmentForm.initialize();
|
|
App.EmbedVideo.initialize();
|
|
App.FixedBar.initialize();
|
|
App.Banners.initialize();
|
|
App.SocialShare.initialize();
|
|
App.CheckboxToggle.initialize();
|
|
App.MarkdownEditor.initialize();
|
|
App.HTMLEditor.initialize();
|
|
App.LegislationAdmin.initialize();
|
|
App.Legislation.initialize();
|
|
if ($(".legislation-annotatable").length) {
|
|
App.LegislationAnnotatable.initialize();
|
|
}
|
|
App.TreeNavigator.initialize();
|
|
App.Documentable.initialize();
|
|
App.Imageable.initialize();
|
|
App.TagAutocomplete.initialize();
|
|
App.PollsAdmin.initialize();
|
|
App.Map.initialize();
|
|
App.Polls.initialize();
|
|
App.Sortable.initialize();
|
|
App.TableSortable.initialize();
|
|
App.InvestmentReportAlert.initialize();
|
|
App.SendNewsletterAlert.initialize();
|
|
App.Managers.initialize();
|
|
App.Globalize.initialize();
|
|
App.SendAdminNotificationAlert.initialize();
|
|
App.Settings.initialize();
|
|
if ($("#js-columns-selector").length) {
|
|
App.ColumnsSelector.initialize();
|
|
}
|
|
App.AdminBudgetsWizardCreationStep.initialize();
|
|
App.AdminMachineLearningScripts.initialize();
|
|
App.AdminTenantsForm.initialize();
|
|
App.AdminVotationTypesFields.initialize();
|
|
App.BudgetEditAssociations.initialize();
|
|
App.BudgetHideMoney.initialize();
|
|
App.Datepicker.initialize();
|
|
App.SDGRelatedListSelector.initialize();
|
|
App.SDGManagementRelationSearch.initialize();
|
|
App.AuthenticityTokenRefresh.initialize();
|
|
};
|
|
|
|
var destroy_non_idempotent_modules = function() {
|
|
"use strict";
|
|
|
|
App.ColumnsSelector.destroy();
|
|
App.Datepicker.destroy();
|
|
App.HTMLEditor.destroy();
|
|
App.LegislationAnnotatable.destroy();
|
|
App.Map.destroy();
|
|
App.SocialShare.destroy();
|
|
};
|
|
|
|
$(document).on("turbolinks:load", initialize_modules);
|
|
$(document).on("turbolinks:before-cache", destroy_non_idempotent_modules);
|