2
2
3
3
4
4
{% block content %}
5
+
6
+ {% block css %}
7
+ < style >
8
+ .descrption {
9
+ color : inherit
10
+ }
11
+ .descrption : hover {
12
+ color : inherit;
13
+ }
14
+ </ style >
15
+ {% endblock css %}
16
+
5
17
< div class ="page-content ">
6
18
< div class ="container-fluid ">
7
- < div class ="col-xl-12 ">
19
+ < div class ="col-xl-6 offset-lg-3 ">
8
20
< div class ="row ">
21
+ < a href ="{% url 'users:index' %} "> Regresar</ a >
22
+ < div class ="col-12 text-center ">
23
+ < div class ="card-title ">
24
+ < h3 class ="mb-4 "> Listado de solicitudes</ h3 >
25
+ </ div >
26
+ </ div >
27
+
9
28
{% if helps %}
10
-
11
29
{% for help in helps %}
12
- < div class ="col-xl-4 col-sm-6 ">
13
- < div class ="card ">
14
- < div class ="card-body ">
15
- < div class ="media ">
16
- < div class ="avatar-md mr-4 ">
17
- < span class ="avatar-title rounded-circle bg-soft-primary text-primary font-size-16 ">
18
- {{help.name.0|upper}}
19
- </ span >
20
-
21
- </ div >
30
+ < div class ="card " style ="width: 100%; ">
31
+ < div class ="card-body pt-0 ">
32
+ < div >
33
+ < ul class ="verti-timeline list-unstyled mt-4 ">
34
+ < li class ="event-list ml-1 pl-0 ">
35
+ < div class ="media ">
36
+ < div class ="mr-3 ">
37
+ < i class ="bx bx-message-alt-dots h1 text-primary "> </ i >
38
+ </ div >
39
+ < a href ="{% url 'users:detail' help.pk %} " class ="descrption ">
40
+ < div class ="media-body ">
41
+ < div >
42
+ < h5 class ="font-size-14 "> {{help.name|title}}</ h5 >
43
+ < p class ="text-justify text-muted mb-0 ">
44
+ {{help.description|truncatechars:200 }} < a
45
+ href ="{% url 'users:detail' help.pk %} "> Leer Más</ a >
46
+ </ p >
47
+ </ div >
48
+ < div class ="mt-2 border-top ">
49
+ < ul class ="list-inline mt-3 mb-0 ">
50
+ < li class ="list-inline-item mr-3 ">
22
51
23
- < div class ="media-body overflow-hidden ">
24
- < h5 class ="text-truncate font-size-15 "> < a href ="{% url 'users:detail' help.pk %} " class ="text-dark "> {{help.name}}</ a > </ h5 >
25
- < p class ="text-justify "> {{help.description|truncatewords:3 }}</ p > </ p >
26
- <!--<div class="team">Tel: {{help.phone_number}}</div>-->
27
- </ div >
28
- </ div >
29
- </ div >
30
- < div class ="px-4 py-3 border-top ">
31
- < ul class ="list-inline mb-0 ">
32
- < li class ="list-inline-item mr-3 ">
33
-
34
- {% if help.is_active %}
35
- < span class ="badge badge-primary "> Disponible</ span >
36
-
37
- {% else %}
38
- < span class ="badge badge-success "> Completado</ span >
39
- {% endif %}
40
- </ li >
41
- < li class ="list-inline-item mr-3 " data-toggle ="tooltip " data-placement ="top " title =""
42
- data-original-title ="Due Date ">
43
- < i class ="bx bx-calendar mr-1 "> </ i > {{help.created|date:"d-m-Y"}}
52
+ {% if help.is_active %}
53
+ < span class ="badge badge-primary "> Disponible</ span >
54
+
55
+ {% else %}
56
+ < span class ="badge badge-success "> Completado</ span >
57
+ {% endif %}
58
+ </ li >
59
+ < li class ="list-inline-item mr-3 " data-toggle ="tooltip "
60
+ data-placement ="top " title =""
61
+ data-original-title ="Fecha de solicitud ">
62
+ < i class ="bx bx-calendar mr-1 "> </ i > {{help.created|date:"d-m-Y"}}
63
+ </ li >
64
+ </ ul >
65
+ </ div >
66
+ </ div >
67
+ </ a >
68
+ </ div >
44
69
</ li >
45
70
</ ul >
71
+
46
72
</ div >
47
73
</ div >
48
74
</ div >
75
+
76
+
49
77
{% endfor %}
50
-
51
- {% endif %}
52
78
53
- </ div >
54
- <!-- end row -->
55
-
56
- < div class ="row ">
57
- < div class ="col-lg-12 ">
58
- < ul class ="pagination pagination-rounded justify-content-center mt-2 mb-5 ">
59
- < li class ="page-item disabled ">
60
- < a href ="# " class ="page-link "> < i class ="mdi mdi-chevron-left "> </ i > </ a >
61
- </ li >
62
- < li class ="page-item ">
63
- < a href ="# " class ="page-link "> 1</ a >
64
- </ li >
65
- < li class ="page-item active ">
66
- < a href ="# " class ="page-link "> 2</ a >
67
- </ li >
68
- < li class ="page-item ">
69
- < a href ="# " class ="page-link "> 3</ a >
70
- </ li >
71
- < li class ="page-item ">
72
- < a href ="# " class ="page-link "> 4</ a >
73
- </ li >
74
- < li class ="page-item ">
75
- < a href ="# " class ="page-link "> 5</ a >
76
- </ li >
77
- < li class ="page-item ">
78
- < a href ="# " class ="page-link "> < i class ="mdi mdi-chevron-right "> </ i > </ a >
79
- </ li >
80
- </ ul >
81
- </ div >
82
- </ div >
83
- <!-- end row -->
84
-
85
- </ div > <!-- container-fluid -->
86
- </ div >
87
- <!-- End Page-content -->
79
+ {% endif %}
88
80
</ div >
89
- </ div>
81
+
82
+
83
+ </ div > <!-- container-fluid -->
90
84
</ div >
91
- </ div>
85
+ <!-- End Page-content -->
86
+ </ div >
92
87
{% endblock content %}
0 commit comments