Feat: mise en place du choix de la vignette #7354 @2h

volume/www/website/www/app/Resources/views/media/media_list_talent.html.twig

@@ -139,6 +139,7 @@
                         </div>
                         <div class="card-content">
                             <p>
+                                <a href="#!" class="changeThumbnail">Changer la vignette</a>
                                 <strong><span data-id="{{ media.id }}" class="titleVideo truncate tooltipped"
                                               data-position="top"
                                               data-tooltip="{{ media.title }}">{{ media.title }}</span></strong>
@@ -149,6 +150,25 @@
             {% endif %}
         {% endfor %}
     </div>
+
+
+    <div id="changeThumbnailVideo" class="modal modal-fixed-footer">
+        <div class="modal-content">
+                <iframe src="https://player.vimeo.com/video/217844541"
+                width="100%" height="230px" frameborder="0" webkitallowfullscreen
+                mozallowfullscreen allowfullscreen></iframe>
+        </div>
+        <div class="modal-footer">
+            <a href="#!" class="modal-action modal-close  btn btn-default btn-round">Fermer</a>
+        </div>
+    </div>
+
+    <div class="row">
+        <div id="made-in-ny"></div>
+        <a href="#" class="captur">Selectionner</a>
+    </div>
+
+        
     {% set video = null %}
     <div id="addVideo" class="modal modal-fixed-footer">
         <div class="modal-content">
@@ -206,4 +226,36 @@
     </script>
     <script src="{{ asset('/js/mediaListing.js') }}"></script>
     <script src="{{ asset('/js/dropzone.js') }}"></script>
+    <script src="https://player.vimeo.com/api/player.js"></script>
+    <script type="text/javascript">
+        $(document).ready(function(){
+            var options = {
+                id: 217844541,
+                width: 640,
+                loop: true
+            };
+            var player = new Vimeo.Player('made-in-ny', options);
+            $('.captur').on('click',function(e){
+                e.preventDefault();
+                player.getCurrentTime().then(function(seconds) {
+                    var data = {'duration': seconds, 'id':217844541};
+                    console.log(data);
+                    $.ajax({
+                        url:"{{ path('video_changeThumbnail') }}",
+                        type:"POST",
+                        data: JSON.stringify(data),
+                        success:function(response) {
+                            console.log(response)
+                        },
+                        error:function(error){
+                            console.log(error)
+                        }
+                    });
+                }).catch(function(error) {
+                    console.log(error);
+                });
+            
+            });
+        });
+    </script>
 {% endblock %}

volume/www/website/www/src/AppBundle/Controller/MediaController.php

@@ -144,6 +144,18 @@ class MediaController extends Controller
      * Ajax & Webservices
      ***********************/
 
+     /**
+     * @Route("/media/changeThumbnail", name="video_changeThumbnail")
+     */
+    public function changeThumbnailAction(Request $request)
+    {
+        $data = json_decode($request->getContent());
+        $mediaManager = $this->get('media_manager');
+        $message = $mediaManager->changeThumbnail($data->duration, $data->id);
+     
+        return new JsonResponse($message);
+    }
+
     /**
      * @Route("/media/upload/{id}", name="upload_media")
      */

volume/www/website/www/src/AppBundle/Utils/Services/MediaManager.php

@@ -101,6 +101,17 @@ class MediaManager
         }
     }
 
+    /**
+     * @param $entity
+     * @return array
+     */
+    public function changeThumbnail($duration, $id)
+    {
+        $response = $this->vimeo->request('/videos/'.$id.'/pictures', array('active' => true, 'time' => $duration), 'POST');
+
+        return array('success' => $response);
+    }
+
     /**
      * @param $entity
      * @return array