HowToVideo

assets/js/scripts.js

@@ -151,6 +151,7 @@ function imapDetectConfig() {
 }
 
 function levelChange() {
+	$('#howto-video-fr').hide();
 	// Expert
 	if ($('#f1-level').val() == 3) {
 		$('#f1-imapAutoDetect').prop('checked',false);
@@ -169,6 +170,7 @@ function levelChange() {
 		$('.form-group.imapAutoDetect').hide();
 		$('.f1-format').hide();
 		$('#f1-folderBeginner').show();
+		$('#howto-video-fr').show();
 	}
 }
 

index.php

@@ -105,6 +105,14 @@ if (isset($_GET['DeleteApproval']) && isset($_GET['session_id'])) {
             margin-top: 60px;
             padding: 20px;
         }
+        #howto-video-fr {
+            margin: 10px;
+            padding: 10px;
+            background-color: #d2ffb6;
+        }
+        #howto-video-fr img {
+            float: right;
+        }
     </style>
 </head>
 
@@ -299,6 +307,14 @@ if (isset($_GET['DeleteApproval']) && isset($_GET['session_id'])) {
                                     <option value="3"><?= _('Expert') ?></option>
                                 </select>
 
+                                <div id="howto-video-fr">
+                                    <?php 
+                                    if ($localeshort == 'fr') {
+                                        echo "<a href='https://vimeo.com/477628241'><img src='./assets/img/howto-video-fr-preview.png' /></a>Une vidéo tutoriel pour comprendre ce que fait ce machin est disponible par <a href='https://vimeo.com/477628241'>ici</a>. ";
+                                    }
+                                    ?>
+                                </div>
+
                                 <label for="f1-what" class="f1-what"><?= _('What do you want to do ?') ?> (<a href="https://lighten-mailbox.zici.fr/archive/example/" target="_blank"><?= _('archive example') ?></a>) </label>
                                 <select id="f1-what" class="f1-what form-control"  name="f1-what">
                                     <option value="1" selected="selected"><?= _('Archive (download these emails) then delete') ?></option>