-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #8 from khasyah-fr/master
Subject matter and task page
- Loading branch information
Showing
16 changed files
with
201 additions
and
191 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| @extends('layouts.app') | ||
|
|
||
| @section('content') | ||
|
|
||
| <nav class="py-6 bg-white border-b-4 border-gray-300"> | ||
| <div class="container mx-auto flex justify-between"> | ||
| <ul class="flex items-center"> | ||
| <li> | ||
| <a href="/" class="text-gray-400 hover:text-black"> | ||
| Back to Class | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| <ul class="flex items-center"> | ||
| @if (auth('student')->check()) | ||
| <li> | ||
| <a href="/" class="p-3 mr-4 text-base text-black">{{ auth('student')->user()->name }}</a> | ||
| </li> | ||
| <li> | ||
| <form action="/" method="post" class="inline p-3 text-white bg-red-500 rounded hover:bg-red-700"> | ||
| @csrf | ||
| <button type="submit">Logout</button> | ||
| </form> | ||
| </li> | ||
| @elseif (auth('teacher')->check()) | ||
| <li> | ||
| <a href="/" class="p-3 mr-4 text-base text-black">{{ auth('teacher')->user()->name }}</a> | ||
| </li> | ||
| <li> | ||
| <form action="/" method="post" class="inline p-3 text-white bg-red-500 rounded hover:bg-red-700"> | ||
| @csrf | ||
| <button type="submit">Logout</button> | ||
| </form> | ||
| </li> | ||
| @endif | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <div class="container w-full mx-auto"> | ||
| @yield('maincontent') | ||
| </div> | ||
|
|
||
| @endsection |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| @extends('layouts.class') | ||
|
|
||
| @section('maincontent') | ||
|
|
||
| <div class="flex flex-col container w-4/6 mx-auto my-4 py-8 px-16 border-4 border-gray-100"> | ||
| <h1 class="text-4xl font-bold mx-auto mb-12">Test</h1> | ||
| <iframe class="mx-auto mb-16" width="720" height="405" src="https://www.youtube.com/embed/gGGPTskb7c8"> | ||
| </iframe> | ||
| <div class="mx-auto" style="width: 720px;"> | ||
| <p class="text-xl">Lorem ipsum dolor sit amet</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| @endsection |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| @extends('layouts.class') | ||
|
|
||
| @section('maincontent') | ||
|
|
||
| <div class="flex flex-col container w-5/6 mx-auto my-4 py-8 px-16 border-2 border-gray-100 gap-4"> | ||
| <div class="text-center"> | ||
| <h1 class="text-2xl bg-gray-50 font-bold mx-auto py-4">Task1</h1> | ||
| </div> | ||
| <div class="flex flex-row gap-4"> | ||
| <div class="bg-gray-50 w-1/3 h-full"> | ||
| <div class="mx-auto text-center w-1/2 py-2"> | ||
| <h1 class="text-base py-1 bg-blue-500 text-white rounded-lg">Question List</h1> | ||
| </div> | ||
| <div class="px-3 py-3" style="display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 12px; grid-row-gap: 12px;"> | ||
| <div class="text-center bg-blue-500 p-2 rounded-md text-white" style="grid-area: 1 / 1 / 2 / 2;"> | ||
| <h1 class="text-sm font-bold">1</h1> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="bg-gray-50 w-2/3"> | ||
| <div class="mx-auto py-4 px-6"> | ||
| <h1 class="text-xl font-bold">Question:</h1> | ||
| </div> | ||
| <div class="mx-auto px-6"> | ||
| <p class="text-base mb-4">Task Test 123</p> | ||
| <form action="" method="POST"> | ||
| @csrf | ||
| <div class="mb-4"> | ||
| <textarea name="answer" id="answer" cols="70" rows="10" class="bg-gray-50 border-2 border-gray-300 py-4 px-4 rounded-lg @error('answer') border-red-500 @enderror" value="{{ old('answer') }}"> | ||
| </textarea> | ||
| @error('answer') | ||
| <div class="text-red-500 mt-2 text-base"> | ||
| {{ $message }} | ||
| </div> | ||
| @enderror | ||
| </div> | ||
| <div class="flex justify-end mr-6"> | ||
| <button type="submit" class="bg-green-500 text-white px-4 py-3 rounded font-medium w-24 hover:bg-green-600">Finish</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| @endsection |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| @extends('layouts.class') | ||
|
|
||
| @section('maincontent') | ||
|
|
||
| <div class="flex flex-col container w-5/6 mx-auto my-4 py-8 px-16 border-2 border-gray-100 gap-4"> | ||
| <div class="text-center"> | ||
| <h1 class="text-2xl bg-gray-50 font-bold mx-auto py-4">Task1</h1> | ||
| </div> | ||
| <div class="flex flex-row gap-4"> | ||
| <div class="bg-gray-50 w-1/3 h-full"> | ||
| <div class="mx-auto text-center w-1/2 py-2"> | ||
| <h1 class="text-base py-1 bg-blue-500 text-white rounded-lg">Question List</h1> | ||
| </div> | ||
| <div class="px-3 py-3" style="display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 12px; grid-row-gap: 12px;"> | ||
| <div class="text-center bg-blue-500 p-2 rounded-md text-white" style="grid-area: 1 / 1 / 2 / 2;"> | ||
| <h1 class="text-sm font-bold">1</h1> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="bg-gray-50 w-2/3"> | ||
| <div class="mx-auto py-4 px-6"> | ||
| <h1 class="text-xl font-bold">Input the question:</h1> | ||
| </div> | ||
| <div class="mx-auto px-6"> | ||
| <form action="" method="POST"> | ||
| @csrf | ||
| <div class="mb-4"> | ||
| <textarea name="question" id="question" cols="70" rows="10" class="bg-gray-50 border-2 border-gray-300 py-4 px-4 rounded-lg @error('question') border-red-500 @enderror" value="{{ old('question') }}"> | ||
| </textarea> | ||
| @error('question') | ||
| <div class="text-red-500 mt-2 text-base"> | ||
| {{ $message }} | ||
| </div> | ||
| @enderror | ||
| </div> | ||
| <div class="flex justify-end mr-6"> | ||
| <button type="submit" class="bg-green-500 text-white px-4 py-3 rounded font-medium w-24 hover:bg-green-600">Finish</button> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| @endsection |
Oops, something went wrong.