Loading...
) : (
-
-
+
+
+
+
+ }content/uploads/img/${course.course.thumbnail}`})
+
+
+
+
+
+
+ {course.chapters.map((chapter: any) => {
+ return (
+ <>
+
- {element.type == "dynamic" && }
- {/* todo : use apis & streams instead of this */}
- {element.type == "video" && (
-
- )}
-
+ element
-{element.name}
-+
+
+ Lecture
+{element.name}
+
+ {chapter.elements.map((element: any) => {
+ return (
+ <>
+
+
+
+
+ );
+ })}
+ LearnHouse © 2021 - {new Date().getFullYear()} - All rights reserved
@@ -90,7 +90,7 @@ function NewCollection(params : any) {
-
Name :
@@ -64,7 +64,7 @@ const NewCoursePage = (params: any) => { Cover Photo :
Learnings (empty for now) (separated by ; ) :
-
-
}content/uploads/img/${course.thumbnail}`})
-
-
-
))}
{course.name}
-
-
- Welcome {orgslug} 👋🏻
-
-
-
-
+ Welcome {orgslug} 👋🏻
+
+
+
);
};
diff --git a/front/app/_orgs/[orgslug]/template.tsx b/front/app/_orgs/[orgslug]/template.tsx
new file mode 100644
index 00000000..6fca4b95
--- /dev/null
+++ b/front/app/_orgs/[orgslug]/template.tsx
@@ -0,0 +1,25 @@
+"use client";
+import { motion } from "framer-motion";
+export default function Template({ children }: { children: React.ReactNode }) {
+
+ const variants = {
+ hidden: { opacity: 0, x: 0, y: 0 },
+ enter: { opacity: 1, x: 0, y: 0 },
+ exit: { opacity: 0, x: 0, y: 0 },
+ };
+
+ return (
+
+
+ {children}
+
+
+ );
+}
diff --git a/front/app/layout.tsx b/front/app/layout.tsx
index 9f0b19de..dbc34036 100644
--- a/front/app/layout.tsx
+++ b/front/app/layout.tsx
@@ -1,13 +1,31 @@
-
+"use client";
import "../styles/globals.css";
import StyledComponentsRegistry from "../services/lib/styled-registry";
+import { Menu } from "../components/UI/Elements/Menu";
+import { motion } from "framer-motion";
export default function RootLayout({ children }: { children: React.ReactNode }) {
+ const variants = {
+ hidden: { opacity: 0, x: 0, y: 0 },
+ enter: { opacity: 1, x: 0, y: 0 },
+ exit: { opacity: 0, x: 0, y: 0 },
+ };
return (
-
+ < >
Login
@@ -45,7 +45,7 @@ const Login = () => {
Login
-
+
);
};
diff --git a/front/app/page.tsx b/front/app/page.tsx
index f34b5bed..384f6225 100644
--- a/front/app/page.tsx
+++ b/front/app/page.tsx
@@ -6,7 +6,7 @@ import learnhouseBigIcon from "public/learnhouse_bigicon.png";
import Image from "next/legacy/image";
import Link from "next/link";
-const Home: NextPage = () => {
+export default function Home() {
return (
Video
+ )
+}
+
+export default Video
\ No newline at end of file
diff --git a/front/components/Modals/CourseEdit/NewElement.tsx b/front/components/Modals/CourseEdit/NewElement.tsx
index e8a0f4ae..19aead43 100644
--- a/front/components/Modals/CourseEdit/NewElement.tsx
+++ b/front/components/Modals/CourseEdit/NewElement.tsx
@@ -2,7 +2,6 @@ import React, { useState } from "react";
import { ArrowLeftIcon, Cross1Icon } from "@radix-ui/react-icons";
import Modal from "../Modal";
import styled from "styled-components";
-import dynamic from "next/dynamic";
import DynamicCanvaModal from "./NewElementModal/DynamicCanva";
import VideoModal from "./NewElementModal/Video";
diff --git a/front/tsconfig.json b/front/tsconfig.json
index b5b4c798..a7ec212e 100644
--- a/front/tsconfig.json
+++ b/front/tsconfig.json
@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "es5",
- "lib": [
- "dom",
- "dom.iterable",
- "esnext"
- ],
+ "lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
@@ -22,32 +18,17 @@
{
"name": "next"
}
- ]
+ ],
+ "baseUrl": ".",
+ "paths": {
+ "@components/*": ["components/*"],
+ "@public/*": ["public/*"],
+ "@images/*": ["public/img/*"],
+ "@services/*": ["services/*"],
+ "@editor/*": ["components/Editor/*"]
+ }
},
- "include": [
- "next-env.d.ts",
- "**/*.ts",
- "**/*.tsx",
- ".next/types/**/*.ts"
- ],
- "paths": {
- "@components/*": [
- "components/*"
- ],
- "@public/*": [
- "public/*"
- ],
- "@images/*": [
- "public/img/*"
- ],
- "@services/*": [
- "services/*"
- ],
- "@editor/*": [
- "components/Editor/*"
- ]
- },
- "exclude": [
- "node_modules"
- ]
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+
+ "exclude": ["node_modules"]
}
From 962a133a83e79e8b90f3c1f797a65d1948f70521 Mon Sep 17 00:00:00 2001
From: swve
+
Lecture
-{element.name}
+Course
+{course.course.name}
- {chapter.elements.map((element: any) => {
- return (
- <>
-
-
{element.type == "dynamic" &&
)}
@@ -118,7 +115,7 @@ const LectureInfo = styled.div`
const ChaptersWrapper = styled.div`
display: flex;
- // row
+ // row
flex-direction: row;
justify-content: space-around;
width: 100%;
diff --git a/front/components/LectureViews/Video/Video.tsx b/front/components/LectureViews/Video/Video.tsx
index 05b1c650..6def13b8 100644
--- a/front/components/LectureViews/Video/Video.tsx
+++ b/front/components/LectureViews/Video/Video.tsx
@@ -1,9 +1,72 @@
-import React from 'react'
+import { getBackendUrl } from "@services/config";
+import React from "react";
+import styled from "styled-components";
+
+function VideoLecture({ element, course }: { element: any; course: any }) {
+ function getChapterName() {
+ let chapterName = "";
+ let chapterId = element.chapter_id;
+ course.chapters.forEach((chapter: any) => {
+ if (chapter.chapter_id === chapterId) {
+ chapterName = chapter.name;
+ }
+ });
+ return chapterName;
+ }
-function Video() {
return (
-
+
+
+
+
+
+
+ );
}
-export default Video
\ No newline at end of file
+export default VideoLecture;
+
+const VideoLectureLayout = styled.div`
+ display: flex;
+ flex-direction: column;
+ margin-top: 10px;
+ background: #141414;
+ min-width: 100%;
+ min-height: 1200px;
+`;
+
+const VideoTitle = styled.div`
+ display: flex;
+ width: 1300px;
+ margin: 0 auto;
+ padding-top: 20px;
+ font-size: 24px;
+ font-weight: 700;
+ color: #fff;
+ flex-direction: column;
+
+ p {
+ font-size: 14px;
+ padding: 0;
+ margin: 0;
+ color: #ffffffaa;
+ }
+`;
+
+const VideoPlayerWrapper = styled.div`
+ display: flex;
+ width: 1300px;
+ margin: 0 auto;
+ justify-content: center;
+ padding-top: 20px;
+
+ video {
+ width: 1300px;
+ height: 500px;
+ border-radius: 7px;
+ background-color: black;
+ }
+`;
+ {chapter.elements.map((element: any) => {
+ return (
+ <>
+
+
@@ -82,9 +81,7 @@ function ElementPage(params: any) {
Video
- )
+ Chapter : {getChapterName()}
+ {element.name} +