/
show.html.erb
113 lines (112 loc) · 4.75 KB
/
show.html.erb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<% breadcrumb :dashboard_pet, @pet %>
<div class="row">
<!-- from 265 -->
<div class="col-12 mb-4">
<!-- nav -->
<ul class="nav nav-lb-tab">
<li class="nav-item ms-0 me-3">
<%= link_to 'Overview', pet_path(@pet, active_tab: 'overview'), class: 'nav-link' + (@active_tab == 'overview' ? ' active' : '') %>
</li>
<li class="nav-item mx-3">
<%= link_to 'Task', pet_path(@pet, active_tab: 'tasks'), class: 'nav-link' + (@active_tab == 'tasks' ? ' active' : '') %>
</li>
<li class="nav-item mx-3">
<%= link_to 'Applications', pet_path(@pet, active_tab: 'applications'), class: 'nav-link' + (@active_tab == 'applications' ? ' active' : '') %>
</li>
<li class="nav-item mx-3">
<%= link_to 'Files', pet_path(@pet, active_tab: 'files'), class: 'nav-link' + (@active_tab == 'files' ? ' active' : '') %>
</li>
</ul>
</div>
</div>
<div class="row">
<%= render partial: "organizations/tasks/#{@active_tab}", locals: { pet: @pet } %>
<div class="col-md-12 col-xl-4 col-12">
<!-- card -->
<div class="card mb-4 bg-primary border-primary">
<!-- card body -->
<div class="card-body">
<% if @pet.images.attached? %>
<%= image_tag @pet.images.first, class: 'rounded card-img-top' %>
<% else %>
<%= image_tag('coming_soon.jpg', class: 'rounded card-img-top') %>
<% end %>
</div>
</div>
<div class="card">
<!-- Card header -->
<div class="card-header card-header-height d-flex justify-content-between align-items-center">
<div>
<h4 class="mb-0">Recent Activity</h4>
</div>
<div><a href="#">View All</a></div>
</div>
<!-- Card body -->
<div class="card-body">
<!-- List group -->
<ul class="list-group list-group-flush list-timeline-activity">
<li class="list-group-item px-0 pt-0 border-0 pb-6">
<div class="row position-relative">
<div class="col-auto">
<div class="icon-shape icon-md bg-light-primary text-primary rounded-circle">
<i class="fe fe-check"></i>
</div>
</div>
<div class="col ms-n3">
<h4 class="mb-0 h5">Task Finished</h4>
<p class="mb-0 text-body">Paula finished figma task</p>
<li class="list-group-item px-0 pt-0 border-0 pb-6">
<div class="row position-relative">
<div class="col-auto">
<div class="icon-shape icon-md bg-light-primary text-primary rounded-circle">
<i class="fe fe-message-square"></i>
</div>
</div>
<div class="col ms-n3">
<h4 class="mb-0 h5">New Comment</h4>
<p class="mb-0 text-body">Georg commented on task.</p>
</div>
<div class="col-auto">
<span class="text-muted fs-6">1 hour ago</span>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-0 border-0 pb-6">
<div class="row position-relative">
<div class="col-auto">
<div class="icon-shape icon-md bg-light-primary text-primary rounded-circle">
<i class="fe fe-alert-triangle"></i>
</div>
</div>
<div class="col ms-n3">
<h4 class="mb-0 h5">Task Overdue</h4>
<p class="mb-0 text-body">Task <a href="#"><u>status updatd for board</u></a> is overdue.</p>
</div>
<div class="col-auto">
<span class="text-muted fs-6">1 day</span>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-0 border-0">
<div class="row position-relative">
<div class="col-auto">
<div class="icon-shape icon-md bg-light-primary text-primary rounded-circle">
<i class="fe fe-mail"></i>
</div>
</div>
<div class="col ms-n3">
<h4 class="mb-0 h5">Update Send to Client</h4>
<p class="mb-0 text-body">Jitu send email to update design for client Geeks UI.</p>
</div>
<div class="col-auto">
<span class="text-muted fs-6">1 day</span>
</div>
</div>
</li>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>