Skip to content

Revamp JS - Lit Components for action pages

Revamp content to use Lit components

  • Interpellation block

    • Search block : Review so that : Loading starts after buttons loaded; Display occurs either after validate (cp search) or on platform clic (specific targets)
    • Action image : mobile/destop switch
    • Fix scrollTo's on each interpellation section
    • Search component : TOdo --> Handle federated action search : src should be distante action
    • Search component: "No result" displayed while fetching
    • Twitter: confirmation button doesnt update back to 0
    • Instagram : Search result no checkbox
    • Email content template : Content load --> 3 existing cases (dep/sen/candid), default to "specific targetting" for any other function
    • Email Modal : "bloqué" --> replaced by "autres" dans options plateforme qui renvoie vers ecran d'interactions fallback
    • Email confirmation modal : support / newsletter
    • Modals : Support Risefor && Newsletter signup
    • Phone
    • AddToCounter : Email / Twitter / Instagram
    • Search Result error management: When error (ie 502 of server) Search on risefor-act-* the state stays as loaded instead of displaying error, screenshot in comment

  • Tabs display : Adapt data-src & fetch to a data push

    • Adapt to dataPush
    • Keep data-src fallback (awaiting revamp consultation public)
    • clean render - use components now available

  • Instagram Component

    • Counter Incrementation : remove dev fallback

  • Sections:

    • Share images
    • Campaigned launched by content&logos
    • Action steps

  • Display content

    • Headers
    • Content with html tags
    • Images (banner, share, PDF)
    • Share action block
      • Copy shortlink
      • All social media

  • Multilingual

    • Set @localize and msg tags everywhere

    • set wanted local

      window.setLocale.map((setLocale) => setLocale("your-lang-code"));
window.getLocale.map((locale) => console.log(locale));

  • Appel soutien page

    • Display content
    • CTA line
    • Form
    • Confirmation Modal
      • Newsletter
      • Share
      • Soutien

  • Search Target Data fetch : Currently on act-* components, move to parent & push data to child to stop fetching every time

  • Newsletter Signup Email

    On federated actions, the name matches with local action matching the id (normal)

    • Add param in newsletter backend: Action name
    • When param, don't search id to get name

  • Modal

    • Embed action on your site
    • Successful action (merci action / validation soutien petition)
    • Send feedback to team form
    • No contact info --> form to share contact data with team

  • Styling

    • Bold/strong fonts not applying

  • Action page

    • Image: Switch mobile/desktop
    • Finished action: Modal notif "action finished"
    • Finished action: Disable interpellation buttons

  • Rm Deprecated scripts :

    • contact-representative.ts
    • Interpellation visibility controllers : Remove completely once revamp done
    • Content section with/without content: Replaced by css atm, remove css rules once all component
Edited by senza