Merge branch 'IT19408316' of http://gitlab.sliit.lk/2022-066/evsdh into IT19408316

frontend/src/indexing/upload.js

@@ -13,6 +13,7 @@ function Upload() {
     const [video, setVideo] = useState("");
     const [indexingData, setIndexingData] = useState([])
     // const [post, setPost] = React.useState(null);
+    const [buttonStatus, setButtonStatus] = useState(false);
     const [videoFilePath, setVideoFilePath] = useState([]);
     const [initialValue, setInitalValue] = useState(0);
     const handleVideoUpload = (event) => {
@@ -21,7 +22,7 @@ function Upload() {
     };
 
     const onReady = React.useCallback(() => {
-        console.log("here")
+        // console.log("here")
         if (!isReady) {
           playerRef.current.seekTo(initialValue, "seconds");
           setIsReady(true);
@@ -38,8 +39,7 @@ function Upload() {
             .then(response => response.json())
             .then(response => {
                               setIndexingData(response);
-
-                            //   setVideoFilePath('C:\Users\User\Desktop\Backup\MyDATA\SLIIT\Video Indexing\Indexing\upload
+                              setButtonStatus(true);
             })
             .catch(err => {
                 console.log(err);
@@ -67,65 +67,38 @@ function Upload() {
 
 
     return (
-        <div>
-
-            <input type="file" className='forrm-control'  onChange={handleVideoUpload}></input>
+        <>
+        <center>
+        <div style={{"background-color":"White", width:"60%", "border-radius": "15px", "margin-top":"50px"}}>
+            <center>
+            <input type="file" className='forrm-control'  style={{"margin-top": "100px","margin-bottom": "50px" }}  onChange={handleVideoUpload}></input>
 
             <button onClick={sendVideo} className="btn btn-primary">Upload</button>
-            <ReactPlayer 
-                ref= {playerRef}
-
-            url={videoFilePath} 
-            playing={isPlaying}
-            width="50%"
-            height="50%"
-            controls={true}
-            onReady={onReady}
-             />
-                <br />
-             {/* <video controls>
-                <source src="C:\Users\User\Desktop\Backup\MyDATA\SLIIT\Video Indexing\Indexing\upload\IAS_Lec1_10min.mp4" />
-             </video> */}
-            <p>
-             {selectOptions}
-            </p>
+            {buttonStatus === true ? (
+                <div>
+                 <ReactPlayer 
+                    ref= {playerRef}
+
+                url={videoFilePath} 
+                playing={isPlaying}
+                width="50%"
+                height="50%"
+                controls={true}
+                onReady={onReady}
+                />
+                    <br />
+                <p>
+                {selectOptions}
+                </p>
+                
+                </div>
+            ): ""}
+            </center>
+           
         </div>
-
-
-
-
-
-
-
-
-
-        // <div className="background-material">
-        //     <div className="container mt-4 shadow p-3 mb-5 bg-body rounded">
-        //         <div>
-        //             <h3>UPLOAD THE VIDEO</h3>
-        //             <div className="container mt-4 p-3 mb-5 bg-body rounded">
-        //                 <form
-        //                     className="row g-3">
-        //                     <div className="form-group files">
-        //                         <input
-        //                             type="file"
-        //                             className="form-control"
-        //                             onChange={(e)=>setVideo(e.target.files[0])}
-        //                             multiple=""
-        //                             required=""
-        //                         />
-
-        //                         <button onClick={sendVideo}>UPLOAD</button>
-        //                     </div>
-
-        //                     {/* <div className="row g-3">
-        //                         <button onClick={sendVideo} className="button2-submit button-submit">UPLOAD</button>
-        //                     </div> */}
-        //                 </form>
-        //             </div>
-        //         </div>
-        //     </div>
-        // </div>
+        </center>
+        </>
+    
     );
 
 }

frontend/src/main/AboutUs/aboutUs.js

@@ -28,21 +28,21 @@ class AboutUs extends Component {
                                     <span className='aim_icon'>
                                         <ImUsers/>
                                     </span>
-                                    <h3>450 +</h3>
+                                    <h3>6 +</h3>
                                     <p>Subscribers</p>
                                 </article>
                                 <article className='aim_card'>
                                     <span className='aim_icon'>
                                         <MdSubscriptions/>
                                     </span>
-                                    <h3>500 +</h3>
+                                    <h3>25 +</h3>
                                     <p>Videos</p>
                                 </article>
                                 <article className='aim_card'>
                                     <span className='aim_icon'>
                                         <MdSubscriptions/>
                                     </span>
-                                    <h3>500 +</h3>
+                                    <h3>25 +</h3>
                                     <p>Videos</p>
                                 </article>
                             </div>