(PC-32913)[BO] feat: create widget collapse text

Author: rpaoloni-pass

api/src/pcapi/routes/backoffice/templates/components/collapsable_text.html

@@ -0,0 +1,22 @@
+{% macro collapsable_text(id, short, long) %}
+  <div class="pc-display-selector"
+       data-pc-input-name="name-{{ id }}">
+    <input class="form-check-input d-none"
+           type="radio"
+           name="name-{{ id }}"
+           id="id-{{ id }}-long"
+           value="label-{{ id }}-long">
+    <input class="form-check-input d-none"
+           type="radio"
+           name="name-{{ id }}"
+           id="id-{{ id }}-short"
+           value="label-{{ id }}-short"
+           checked>
+    <label class="form-check-label"
+           for="id-{{ id }}-short"
+           id="label-{{ id }}-long">{{ short }}…</label>
+    <label class="form-check-label"
+           for="id-{{ id }}-long"
+           id="label-{{ id }}-short">{{ long }}</label>
+  </div>
+{% endmacro %}

api/src/pcapi/static/backoffice/js/addons/pc-display-selector.js

@@ -69,7 +69,7 @@ class PcDisplaySelector extends PcAddOn {
   }
 
   unbindEvents = () => {
-    this.selectors.forEach((selector) => {
+    this.$selectors.forEach(($selector) => {
       this.#inputInSelector($selector).forEach(($input) => {
       $input.removeEventListener("change", this.#change)
         })