-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
246 additions
and
58 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,26 @@ | ||
| <?php | ||
|
|
||
| namespace App\Http\Livewire; | ||
|
|
||
| use Livewire\Component; | ||
|
|
||
| class Lecturerooms extends Component | ||
| { | ||
| public $status; | ||
|
|
||
| public function mount() | ||
| { | ||
| $this->status = false; | ||
| } | ||
|
|
||
| public function show_status() | ||
| { | ||
| $this->status = !$this->status; | ||
| $this->dispatchBrowserEvent('contentChanged', ['lecturerooms' => $this->status]); | ||
| } | ||
|
|
||
| public function render() | ||
| { | ||
| return view('livewire.lecturerooms'); | ||
| } | ||
| } |
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,13 @@ | ||
| <?php | ||
|
|
||
| namespace App\Http\Livewire; | ||
|
|
||
| use Livewire\Component; | ||
|
|
||
| class Roomstatus extends Component | ||
| { | ||
| public function render() | ||
| { | ||
| return view('livewire.roomstatus'); | ||
| } | ||
| } |
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
4 changes: 2 additions & 2 deletions
4
public/build/assets/site-320d1c25.css → public/build/assets/site-a0eb856f.css
Large diffs are not rendered by default.
Oops, something went wrong.
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 was deleted.
Oops, something went wrong.
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,13 @@ | ||
| <div> | ||
| <div class="p-3 mt-6 flex flex-col justify-center items-center rounded-xl border border-gray-200 dark:border-gray-800"> | ||
| <label class="inline-flex items-center cursor-pointer"> | ||
| <input wire:click="show_status" type="checkbox" value="" class="sr-only peer" @if($status == true) checked @endif> | ||
| <div class="relative w-9 h-5 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 | ||
| rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white | ||
| after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-4 | ||
| after:w-4 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"> | ||
| </div> | ||
| <span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300">{{__("Room Status")}}</span> | ||
| </label> | ||
| </div> | ||
| </div> |
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,116 @@ | ||
| <div wire:poll.visible> | ||
| <!-- TL --> | ||
| <style> | ||
| .container { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| } | ||
| .init { | ||
| flex: 0 0 auto; | ||
| text-align: center; | ||
| width: 168px; | ||
| height: 42px; | ||
| border-radius: 5px; | ||
| margin: auto; | ||
| background: white; | ||
| position: relative; | ||
| left: 0; | ||
| display: inline-block; | ||
| margin-bottom: 40px; | ||
| } | ||
| .recorder { | ||
| flex: 0 0 auto; | ||
| text-align: center; | ||
| width: 100px; | ||
| height: 42px; | ||
| margin: auto; | ||
| position: relative; | ||
| left: 0; | ||
| margin-bottom: 40px; | ||
| } | ||
| .tab { | ||
| position: absolute; | ||
| top: -20px; | ||
| left: -3px; | ||
| background: white; | ||
| border-left: 1px solid blue; | ||
| border-top: 1px solid blue; | ||
| border-top-left-radius: 5px; | ||
| padding: 5px 10px; | ||
| z-index: 1; | ||
| } | ||
| .recordertab { | ||
| position: absolute; | ||
| border-top: 1px solid blue; | ||
| border-right: 1px solid blue; | ||
| top: -20px; | ||
| left: -3px; | ||
| padding: 5px 10px; | ||
| z-index: 1; | ||
| } | ||
| .light { | ||
| width: 28px; | ||
| height: 28px; | ||
| border-radius: 50%; | ||
| margin: 10px; | ||
| background: black; | ||
| display: inline-block; | ||
| position: relative; | ||
| z-index: 2; | ||
| } | ||
| </style> | ||
| @foreach(\Statamic\Statamic::tag('collection:roomsstatus') as $page) | ||
| <div class="container"> | ||
| <a href="#" class="init"> | ||
| <div class="tab"> | ||
| <p class="mb-2 text-sm font-semibold text-blue-600">{!! $page->title !!}</p> | ||
| </div> | ||
|
|
||
| <div class="light" data-tooltip-target="first" style="@if($page->projector == true ) background: red @elseif(!empty($page->projector_status)) background: yellow @else background: green @endif"></div> | ||
| <div class="light" data-tooltip-target="second" style="@if($page->recorder == true ) background: red @elseif(!empty($page->recorder_status)) background: yellow @else background: green @endif"></div> | ||
| <div class="light" data-tooltip-target="third" style="@if($page->room == true ) background: red @elseif(!empty($page->room_status)) background: yellow @else background: green @endif"></div> | ||
| </a> | ||
| <div class="recorder"> | ||
| <div class="recordertab"> | ||
| <p class="mb-2 text-sm font-semibold text-blue-600">Recording</p> | ||
| </div> | ||
| <div class="mt-6"> | ||
| <i class="fa-solid fa-xl fa-video-slash"></i> | ||
| </div> | ||
| </div> | ||
| <div> | ||
| <a href="{{$page->edit_url}}" > | ||
| <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> | ||
| <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.1" d="m14.3 4.8 2.9 2.9M7 7H4a1 1 0 0 0-1 1v10c0 .6.4 1 1 1h11c.6 0 1-.4 1-1v-4.5m2.4-10a2 2 0 0 1 0 3l-6.8 6.8L8 14l.7-3.6 6.9-6.8a2 2 0 0 1 2.8 0Z"/> | ||
| </svg> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| @endforeach | ||
|
|
||
| <!-- Tooltips --> | ||
| <div id="first" role="tooltip" | ||
| class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700" | ||
| style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(1443px, 692px);" | ||
| data-popper-placement="top">{{__("Projector status")}} | ||
| <div class="tooltip-arrow" data-popper-arrow></div> | ||
| </div> | ||
| <div id="second" role="tooltip" | ||
| class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700" | ||
| style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(1443px, 692px);" | ||
| data-popper-placement="top">{{__("Recording status")}} | ||
| <div class="tooltip-arrow" data-popper-arrow></div> | ||
| </div> | ||
| <div id="third" role="tooltip" | ||
| class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700" | ||
| style="position: absolute; inset: auto auto 0px 0px; margin: 0px; transform: translate(1443px, 692px);" | ||
| data-popper-placement="top">{{__("Room status")}} | ||
| <div class="tooltip-arrow" data-popper-arrow></div> | ||
| </div> | ||
|
|
||
| </div> |
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