add embed soundfile dialog

diff --git a/panikweb_esperanzah/static/css/style.scss b/panikweb_esperanzah/static/css/style.scss
index c90962232f3e2a3fdbc9585abc095dfb7860245b..08ada9fe4d4b629d6cff384a1f7b202786b78795 100644 (file)
--- a/panikweb_esperanzah/static/css/style.scss
+++ b/panikweb_esperanzah/static/css/style.scss
@@ -1443,6 +1443,7 @@ div.topikcellcontent h2 {
 div#dialog-background {
        display: flex;
 }
+
 div#dialog-embed {
        position: relative;
        background: white;
@@ -1451,16 +1452,20 @@ div#dialog-embed {
        text-align: left;
        padding: 1ex;
        color: black;
-}
+       textarea {
+               width: 100%;
+               max-width: none;
+       }
 
-div#dialog-embed textarea {
-       width: 100%;
-       max-width: none;
-}
+       #close-button {
+               position: absolute;
+               right: 1ex;
+       }
 
-div#dialog-embed #close-button {
-       position: absolute;
-       right: 1ex;
+       h2, h3 {
+               margin: 0;
+               font-size: 1.6rem;
+       }
 }
 
 body#embed {

diff --git a/panikweb_esperanzah/templates/includes/audio.html b/panikweb_esperanzah/templates/includes/audio.html
index 4d36d011157d5fa0adbc13a234b490d47ee0e125..b98005f69ee296303f473c87fd455b9276b41835 100644 (file)
--- a/panikweb_esperanzah/templates/includes/audio.html
+++ b/panikweb_esperanzah/templates/includes/audio.html
@@ -11,6 +11,14 @@
                / <a href="{{ sound|format_url:'mp3' }}" download>Télécharger</a>
                {% endif %}
 
+               {% if not embed %}
+                /
+               <a
+                       href=""
+                       data-popup-href="{% url 'soundfile-dialog-embed-view' emission_slug=sound.episode.emission.slug episode_slug=sound.episode.slug pk=sound.pk %}"
+                       >Intégrer</a>
+               {% endif %}
+
                <button class="icons icon-play-sign"
                        title="{% trans "Pause" %}"
                        data-player-audio="Audio-{{ sound.file.url|slugify }}"