CSI-KJSCE/Faculty-Documentation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

your meaningful message here

Browse Source
This commit is contained in:
Harshil Vora
2025-06-12 00:31:45 -07:00
parent e0010a6929
commit 6b2ccc501c
4 changed files with 409 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

556
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

48
resources/views/layouts/navigation.blade.php
View File

@@ -75,14 +75,14 @@
<!-- Activities Attended Dropdown --> <!-- Activities Attended Dropdown -->
<div class="hidden gap-2 sm:flex sm:items-center sm:ms-6"> <div class="hidden gap-2 sm:flex sm:items-center sm:ms-6">
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesAttendedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesAttendedOpen = !activitiesAttendedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Activities Attended') }} {{ __('Activities Attended') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesAttendedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.ActivitiesAttendedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.ActivitiesAttendedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.ActivitiesAttendedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.ActivitiesAttendedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -91,14 +91,14 @@
</div> </div>
<!-- Activities Organised Dropdown --> <!-- Activities Organised Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away = "activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Activities Organised') }} {{ __('Activities Organised') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.ActivitiesOrganisedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.ActivitiesOrganisedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.ActivitiesOrganisedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.ActivitiesOrganisedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -107,14 +107,14 @@
</div> </div>
<!-- IV Organised Dropdown --> <!-- IV Organised Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('IV Organised') }} {{ __('IV Organised') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.IvOrganisedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.IvOrganisedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.IvOrganisedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.IvOrganisedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -122,14 +122,14 @@
</div> </div>
</div> </div>
<!-- Publications Dropdown --> <!-- Publications Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Publications') }} {{ __('Publications') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.PublicationsForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.PublicationsForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.PublicationsResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.PublicationsResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -137,14 +137,14 @@
</div> </div>
</div> </div>
<!-- Books Published Dropdown --> <!-- Books Published Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away ="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Books Published') }} {{ __('Books Published') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.BooksPublishedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.BooksPublishedForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.BooksPublishedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.BooksPublishedResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -152,14 +152,14 @@
</div> </div>
</div> </div>
<!-- External Engagement Dropdown --> <!-- External Engagement Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('External Engagement') }} {{ __('External Engagement') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.ExternalEngagementForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.ExternalEngagementForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.ExternalEngagementResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.ExternalEngagementResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -167,14 +167,14 @@
</div> </div>
</div> </div>
<!-- Online Courses Dropdown --> <!-- Online Courses Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Online Courses') }} {{ __('Online Courses') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.OnlineCoursesForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.OnlineCoursesForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.OnlineCoursesResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.OnlineCoursesResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>
@@ -182,14 +182,14 @@
</div> </div>
</div> </div>
<!-- Patents/Copyrights Dropdown --> <!-- Patents/Copyrights Dropdown -->
<div class="relative" x-data="{ open: false }"> <div class="relative" @click.away="activitiesOrganisedOpen = false">
<button @click="open = !open" @click.away="open = false" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out"> <button @click="activitiesOrganisedOpen = !activitiesOrganisedOpen" class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out">
{{ __('Patents/Copyrights') }} {{ __('Patents/Copyrights') }}
<svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"> <svg class="ml-1 -mr-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /> <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg> </svg>
</button> </button>
<div x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;"> <div x-show="activitiesOrganisedOpen" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="absolute z-50 mt-2 w-48 rounded-md shadow-lg origin-top-right right-0" style="display: none;">
<div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white"> <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-white">
<a href="{{ route('faculty.PatentsForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a> <a href="{{ route('faculty.PatentsForm') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('Submit Response') }}</a>
<a href="{{ route('faculty.PatentsResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a> <a href="{{ route('faculty.PatentsResponses') }}" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">{{ __('View Responses') }}</a>

44
resources/views/layouts/partials/sidebar.blade.php
View File

@@ -17,34 +17,39 @@
</nav> </nav>
<style> <style>
/* Style for collapsed sidebar */ /* 1 – make the bar skinny when you click the arrow */
#sidebar.collapsed { #sidebar.collapsed { width: 70px; }
width: 70px;
} /* 2 – hide ALL text while it’s skinny … */
#sidebar.collapsed .sidebar-text { display: none; }
/* 3 – …except the text that lives in the OPEN dropdown panel */
#sidebar.collapsed .collapse.show .sidebar-text {
display: block !important; /* <-- the magic switch-back-on line */
}
#sidebar.collapsed .sidebar-text {
display: none;
}
/* Add smooth transition for collapse */ /* Add smooth transition for collapse */
.collapse { .collapse {
transition: all 0.3s ease; transition: height 0.3s ease;
} }
/* Fix for dropdown menu */
.collapse:not(.show) {
display: none;
}
/* Make sure .collapse.show is explicitly displayed */
.collapse.show {
display: block !important;
}
/* Make collapse parent non-clickable on child elements */ /* Make collapse parent non-clickable on child elements */
.collapse.show a { .collapse.show a {
pointer-events: auto; pointer-events: auto;
} }
/* …your existing rules… */
/* ← NEW override: when the panel is open, actually show it */
.collapse.show {
visibility: visible !important;
}
</style> </style>
<script> <script>
@@ -70,7 +75,7 @@
// Get the target collapse element ID // Get the target collapse element ID
const targetId = collapseToggle.getAttribute('href'); const targetId = collapseToggle.getAttribute('href');
const targetElement = document.querySelector(targetId); const targetElement = document.querySelector(targetId);
const iconElement = collapseToggle.querySelector('.fa-chevron-down'); const iconElement = collapseToggle.querySelector('.dropdown-arrow');
if (iconElement && targetElement) { if (iconElement && targetElement) {
// Create a MutationObserver to watch for changes to the collapse element // Create a MutationObserver to watch for changes to the collapse element
@@ -85,11 +90,14 @@
iconElement.classList.remove('fa-chevron-up'); iconElement.classList.remove('fa-chevron-up');
iconElement.classList.add('fa-chevron-down'); iconElement.classList.add('fa-chevron-down');
} }
const isOpen = targetElement.classList.contains('show');
iconElement.classList.toggle('fa-chevron-down', !isOpen);
iconElement.classList.toggle('fa-chevron-up', isOpen);
} }
}); });
}); });
// Start observing the target element // Start observing the target elementl
observer.observe(targetElement, { observer.observe(targetElement, {
attributes: true attributes: true
}); });

16
resources/views/layouts/partials/sidebar_navigators.blade.php
View File

@@ -193,7 +193,7 @@
<i class="fas fa-calendar-check text-white"></i> <i class="fas fa-calendar-check text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse" id="activitiesAttendedCollapse"> <div class="collapse" id="activitiesAttendedCollapse">
@@ -218,7 +218,7 @@
<i class="fas fa-calendar-alt text-white"></i> <i class="fas fa-calendar-alt text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="activitiesOrganisedCollapse"> <div class="collapse multi-collapse" id="activitiesOrganisedCollapse">
@@ -243,7 +243,7 @@
<i class="fas fa-industry text-white"></i> <i class="fas fa-industry text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="ivOrganisedCollapse"> <div class="collapse multi-collapse" id="ivOrganisedCollapse">
@@ -268,7 +268,7 @@
<i class="fas fa-book text-white"></i> <i class="fas fa-book text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="publicationsCollapse"> <div class="collapse multi-collapse" id="publicationsCollapse">
@@ -293,7 +293,7 @@
<i class="fas fa-book-open text-white"></i> <i class="fas fa-book-open text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="booksPublishedCollapse"> <div class="collapse multi-collapse" id="booksPublishedCollapse">
@@ -318,7 +318,7 @@
<i class="fas fa-handshake text-white"></i> <i class="fas fa-handshake text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="externalEngagementCollapse"> <div class="collapse multi-collapse" id="externalEngagementCollapse">
@@ -343,7 +343,7 @@
<i class="fas fa-laptop-code text-white"></i> <i class="fas fa-laptop-code text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="onlineCoursesCollapse"> <div class="collapse multi-collapse" id="onlineCoursesCollapse">
@@ -368,7 +368,7 @@
<i class="fas fa-file-alt text-white"></i> <i class="fas fa-file-alt text-white"></i>
</div> </div>
<h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6> <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
<i class="fas fa-chevron-down ms-auto small textWhite collapse-icon"></i> <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
</div> </div>
</a> </a>
<div class="collapse multi-collapse" id="patentsCollapse"> <div class="collapse multi-collapse" id="patentsCollapse">