kanban cards optimization

Leantime · Jan 16, 2025 · 000c1a3 · 000c1a3
1 parent 84b2a96
commit 000c1a3
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 19 deletions.
diff --git a/app/Domain/Tickets/Templates/components/cards/ticket-card.blade.php b/app/Domain/Tickets/Templates/components/cards/ticket-card.blade.php
@@ -7,6 +7,7 @@
     'statuses' => [],
     'id' => '',
     'showProject' => true,
+    'type' => 'full'
 ])
 
 @if(empty($id) === false)
@@ -26,10 +27,10 @@
     <x-global::content.card>
         <div class="flex">
             <div class="ticket-title leading-none">
-                @if(filter_var($showProject, FILTER_VALIDATE_BOOLEAN))
+                @if($type !== 'kanban')
                     <small>{{ $ticket['projectName'] }}</small><br/>
                 @endif
-                <div class="join">
+                <div class="join pt-sm">
                     @if ($ticket['dependingTicketId'] > 0)
                         <a href="#/tickets/showTicket/{{ $ticket['dependingTicketId'] }}"
                            class="join-item link link-primary link-hover">{{ $ticket['parentHeadline'] }}</a>
@@ -41,19 +42,21 @@ class="join-item link link-primary link-hover"><strong>{{ $ticket['headline'] }}
                 </div>
             </div>
             <div class="timerContainer flex flex-auto justify-end" id="timerContainer-{{ $ticket['id'] }}">
-                <div class="scheduler btn btn-sm btn-ghost btn-circle">
-                    @if( $ticket['editFrom'] != "0000-00-00 00:00:00" && $ticket['editFrom'] != "1969-12-31 00:00:00")
-                        <x-global::content.icon icon="event_available" class="text-accent text-lg" data-tippy-content="{{ __('text.schedule_to_start_on') }} {{ format($ticket['editFrom'])->date() }}"/>
-                    @else
-                        <x-global::content.icon icon="event_busy" class="text-accent text-lg" data-tippy-content="{{ __('text.not_scheduled_drag_ai') }}" />
-                    @endif
-                </div>
+                @if($type !== 'kanban')
+                    <div class="scheduler btn btn-sm btn-ghost btn-circle">
+                        @if( $ticket['editFrom'] != "0000-00-00 00:00:00" && $ticket['editFrom'] != "1969-12-31 00:00:00")
+                            <x-global::content.icon icon="event_available" class="text-accent text-lg" data-tippy-content="{{ __('text.schedule_to_start_on') }} {{ format($ticket['editFrom'])->date() }}"/>
+                        @else
+                            <x-global::content.icon icon="event_busy" class="text-accent text-lg" data-tippy-content="{{ __('text.not_scheduled_drag_ai') }}" />
+                        @endif
+                    </div>
+                @endif
                 @include("tickets::includes.ticketsubmenu", ["ticket" => $ticket, "onTheClock" => $timer])
             </div>
         </div>
 
-        <div class="row">
-            <div class="col-md-4">
+        <div class="flex {{ ($type === 'kanban') ? 'flex-col' : '' }} ">
+            <div class="flex flex-grow justify-start">
 
                 <x-tickets::chips.duedate :ticket="(object)$ticket" variant="chip" content-role="link"  />
 
@@ -64,8 +67,8 @@ class="join-item link link-primary link-hover"><strong>{{ $ticket['headline'] }}
 {{--                       value="{{ format($ticket['dateToFinish'])->date(__('text.anytime')) }}"--}}
 {{--                       class="duedates secretInput" data-id="{{ $ticket['id'] }}" name="date" />--}}
             </div>
-            <div class="col-md-8 mt-[3px]">
-                <div class="flex justify-end gap-x-xs">
+
+            <div class="flex flex-grow flex-wrap {{ ($type === 'kanban') ? 'justify-start' : 'justify-end' }} gap-x-xs">
 
                         <x-tickets::chips.priority-select
                             :priorities="$priorities"
@@ -167,8 +170,6 @@ class="join-item link link-primary link-hover"><strong>{{ $ticket['headline'] }}
 {{--                            @endforeach--}}
 {{--                        </x-slot:menu>--}}
 {{--                    </x-global::actions.dropdown>--}}
-
-                </div>
             </div>
         </div>
     </x-global::content.card>

diff --git a/app/Domain/Tickets/Templates/components/ticket-column.blade.php b/app/Domain/Tickets/Templates/components/ticket-column.blade.php
@@ -43,7 +43,7 @@
                             :milestones="$milestones"
                             :users="$users"
                             :onTheClock="$onTheClock"
-                            show-project="false" />
+                            type="kanban" />
                 @endif
             @endforeach
         </div>

diff --git a/app/Domain/Tickets/Templates/showKanban.blade.php b/app/Domain/Tickets/Templates/showKanban.blade.php
@@ -59,8 +59,7 @@
             ">
                 @foreach ($allKanbanColumns as $key => $statusRow)
                     <div class="column">
-                        <h4
-                            class="flex justify-between items-center widgettitle title-primary title-border-{{ $statusRow['class'] }}">
+                        <h4 class="flex justify-between items-center widgettitle title-primary title-border-{{ $statusRow['class'] }}">
                             <div>
                                 <strong class="count">0</strong>
                                 {{ $tpl->e($statusRow['name']) }}

diff --git a/public/assets/css/components/kanban.css b/public/assets/css/components/kanban.css
@@ -287,7 +287,6 @@ body .maincontent .priority-border-5 {
     background: var(--kanban-col-title-bg) !important;
     color: var( --kanban-col-title-color);
     padding: 5px 10px;
-
     line-height:17px;
     font-weight: 500;
     border-bottom-width:3px;