From fb2b9fd1ac8b22d7d61ec78739b4fd7ae726b55e Mon Sep 17 00:00:00 2001 From: Pierre Date: Fri, 5 Jan 2018 17:03:40 +0100 Subject: [PATCH] Can choose movie on post form --- assets/css/components/posts/form.css | 4 +++ assets/js/components/posts/form.js | 40 ++++++++++++++++++++++++++-- 2 files changed, 42 insertions(+), 2 deletions(-) diff --git a/assets/css/components/posts/form.css b/assets/css/components/posts/form.css index 25c3e41f..f8586008 100644 --- a/assets/css/components/posts/form.css +++ b/assets/css/components/posts/form.css @@ -48,6 +48,10 @@ display: none; } +.post-form .post-movie button { + margin-right: 5px; +} + /** * Visibility choice diff --git a/assets/js/components/posts/form.js b/assets/js/components/posts/form.js index 86024258..e54a734e 100644 --- a/assets/js/components/posts/form.js +++ b/assets/js/components/posts/form.js @@ -75,6 +75,7 @@ ComunicWeb.components.posts.form = { var surveyType = this._add_post_type(postTypesContener, "survey", " "); + //Add image upload form var imgUploadForm = createElem2({ appendTo: boxBody, @@ -87,6 +88,7 @@ ComunicWeb.components.posts.form = { type: "input", elemType: "file" }); + //End : image //Add Youtube input form @@ -101,16 +103,50 @@ ComunicWeb.components.posts.form = { label: "Youtube video link", placeholder: "https://youtube.com/watch?v=", type: "text" - }) + }); + //End : Youtube + //Add movie input form var movieInputForm = createElem2({ appendTo: boxBody, type: "div", class: "post-movie", - innerHTML: "

Not implemented yet.

" }); + //Add choose button + var movieChooseButton = createElem2({ + appendTo: movieInputForm, + type: "button", + class: "btn btn-primary", + innerHTML: "Choose" + }); + + var movieIDInput = createElem2({ + appendTo: movieInputForm, + type: "input", + elemType: "hidden", + value: 0 + }); + + var movieName = createElem2({ + appendTo: movieInputForm, + type: "span", + innerHTML: "No movie selected." + }); + + //Make movie choose button lives + movieChooseButton.onclick = function(){ + ComunicWeb.components.movies.picker.pick(function(movie){ + //Set movie ID and name + movieIDInput.value = movie.id; + movieName.innerHTML = movie.name; + }); + } + + //End : movie + + //Create post type change handler var changesHandler = function(){