WP6
/
expub_compendium
關註 1
收藏 0
複製 0
程式碼 問題管理 0 合併請求 0 版本發佈 0 Wiki Activity
瀏覽代碼

list view

joel
Joel Galvez 1 年之前
父節點
69a6e616ac
當前提交
2466ad5323
共有 11 個文件被更改，包括 300 次插入 和 185 次删除
分割檢視 顯示文件統計
  1. +5
    -0
      web/app/static/js/alpine.min.js
  2. +1
    -0
      web/app/static/js/htmx.min.js
  3. +4
    -4
      web/app/static/src/main.css
  4. +138
    -49
      web/app/static/styles/main.css
  5. +1
    -1
      web/app/static/tailwind.config.js
  6. +102
    -60
      web/app/templates/base.html
  7. +3
    -4
      web/app/templates/book.html
  8. +20
    -33
      web/app/templates/index.html
  9. +4
    -4
      web/app/templates/resource.html
  10. +15
    -26
      web/app/templates/resources.html
  11. +7
    -4
      web/app/templates/search.html

+ 5
- 0
web/app/static/js/alpine.min.js
文件差異過大導致無法顯示
查看文件


+ 1
- 0
web/app/static/js/htmx.min.js
文件差異過大導致無法顯示
查看文件


+ 4
- 4
web/app/static/src/main.css 查看文件

@@ -84,7 +84,7 @@ b,strong {


.related {
@apply w-[8rem] lg:w-[12rem] pl-[4rem] p-5 text-right;
@apply w-[6rem] lg:w-[12rem] lg:pl-[4rem] px-2 py-4 lg:p-5 text-right;
}

.cell-margin {
@@ -305,15 +305,15 @@ details[open]::details-content {
}

.fade-right::after {
@apply absolute top-0 right-0 w-40 h-full pointer-events-none;
@apply absolute top-0 right-0 w-12 lg:w-40 h-full pointer-events-none;

content: '';
background-image: linear-gradient(to left,#fff 0%, #fff 1rem, rgba(255,255,255,0) 100%);
background-image: linear-gradient(to left,#fff 0%, #fff 5%, rgba(255,255,255,0) 100%);

}

.menuitem {
@apply block px-4 py-2 link flex items-center;
@apply px-4 py-2 link items-center;
}



+ 138
- 49
web/app/static/styles/main.css 查看文件

@@ -510,6 +510,9 @@ video {
.pointer-events-none {
pointer-events: none;
}
.invisible {
visibility: hidden;
}
.static {
position: static;
}
@@ -534,6 +537,12 @@ video {
.top-10 {
top: 2.5rem;
}
.top-12 {
top: 3rem;
}
.top-14 {
top: 3.5rem;
}
.z-10 {
z-index: 10;
}
@@ -552,12 +561,6 @@ video {
.col-span-2 {
grid-column: span 2 / span 2;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
.row-start-1 {
grid-row-start: 1;
}
@@ -570,6 +573,10 @@ video {
.m-4 {
margin: 1rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
@@ -599,9 +606,6 @@ video {
.ml-3 {
margin-left: 0.75rem;
}
.ml-\[13rem\] {
margin-left: 13rem;
}
.ml-auto {
margin-left: auto;
}
@@ -654,6 +658,15 @@ video {
.h-screen {
height: 100vh;
}
.h-8 {
height: 2rem;
}
.h-16 {
height: 4rem;
}
.h-14 {
height: 3.5rem;
}
.w-10 {
width: 2.5rem;
}
@@ -669,12 +682,12 @@ video {
.w-\[25rem\] {
width: 25rem;
}
.w-\[28vw\] {
width: 28vw;
}
.w-\[30rem\] {
width: 30rem;
}
.w-\[32rem\] {
width: 32rem;
}
.w-\[35rem\] {
width: 35rem;
}
@@ -685,6 +698,15 @@ video {
.w-full {
width: 100%;
}
.min-w-\[10rem\] {
min-width: 10rem;
}
.min-w-\[7rem\] {
min-width: 7rem;
}
.min-w-\[5rem\] {
min-width: 5rem;
}
.max-w-\[30rem\] {
max-width: 30rem;
}
@@ -705,33 +727,15 @@ video {
.grid-flow-col {
grid-auto-flow: column;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[1fr\2c 1fr\] {
grid-template-columns: 1fr 1fr;
}
.grid-cols-\[30rem\2c 30rem\] {
grid-template-columns: 30rem 30rem;
}
.grid-cols-\[50rem\2c 30rem\] {
grid-template-columns: 50rem 30rem;
}
.grid-cols-\[52rem\2c 30rem\] {
grid-template-columns: 52rem 30rem;
.grid-cols-\[auto\2c 1fr\] {
grid-template-columns: auto 1fr;
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
@@ -744,12 +748,16 @@ video {
.justify-center {
justify-content: center;
}
.gap-4 {
gap: 1rem;
.justify-between {
justify-content: space-between;
}
.gap-8 {
gap: 2rem;
}
.gap-x-8 {
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.overflow-x-auto {
overflow-x: auto;
}
@@ -770,9 +778,6 @@ video {
.rounded-full {
border-radius: 9999px;
}
.border {
border-width: 1px;
}
.border-b-2 {
border-bottom-width: 2px;
}
@@ -789,10 +794,6 @@ video {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-emerald-600 {
--tw-border-opacity: 1;
border-color: rgb(5 150 105 / var(--tw-border-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -805,9 +806,15 @@ video {
-o-object-fit: contain;
object-fit: contain;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.p-8 {
padding: 2rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
@@ -828,6 +835,10 @@ video {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.pl-1 {
padding-left: 0.25rem;
}
@@ -848,7 +859,7 @@ video {
line-height: 1.22;
}
.text-sm {
font-size: 0.85rem;
font-size: 0.95rem;
line-height: 1.35;
}
.text-xs {
@@ -963,9 +974,11 @@ b,strong {


.related {
width: 8rem;
padding: 1.25rem;
padding-left: 4rem;
width: 6rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: right;
}

@@ -974,6 +987,8 @@ b,strong {

.related {
width: 12rem;
padding: 1.25rem;
padding-left: 4rem;
}
}

@@ -1270,15 +1285,24 @@ details[open]::details-content {
top: 0px;
right: 0px;
height: 100%;
width: 10rem;
width: 3rem;
}

@media (min-width: 1024px) {

.fade-right::after {
width: 10rem;
}
}

.fade-right::after {

content: '';
background-image: linear-gradient(to left,#fff 0%, #fff 1rem, rgba(255,255,255,0) 100%);
background-image: linear-gradient(to left,#fff 0%, #fff 5%, rgba(255,255,255,0) 100%);

}

.menuitem {
display: block;
display: flex;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
@@ -1362,6 +1386,18 @@ details[open]::details-content {

@media (min-width: 1024px) {

.lg\:row-span-3 {
grid-row: span 3 / span 3;
}

.lg\:ml-\[13rem\] {
margin-left: 13rem;
}

.lg\:mt-0 {
margin-top: 0px;
}

.lg\:block {
display: block;
}
@@ -1370,11 +1406,64 @@ details[open]::details-content {
display: flex;
}

.lg\:hidden {
display: none;
}

.lg\:w-\[10\.5rem\] {
width: 10.5rem;
}

.lg\:w-\[32rem\] {
width: 32rem;
}

.lg\:max-w-\[30rem\] {
max-width: 30rem;
}

.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lg\:grid-cols-\[52rem\2c 30rem\] {
grid-template-columns: 52rem 30rem;
}

.lg\:grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}

.lg\:grid-rows-\[auto\2c auto\2c auto\] {
grid-template-rows: auto auto auto;
}

.lg\:border-r-2 {
border-right-width: 2px;
}

.lg\:border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.lg\:p-0 {
padding: 0px;
}

.lg\:pr-8 {
padding-right: 2rem;
}

.lg\:text-center {
text-align: center;
}
}

+ 1
- 1
web/app/static/tailwind.config.js 查看文件

@@ -7,7 +7,7 @@ module.exports = {
extend: {
fontSize: {
// xs: ['0.95rem', { lineHeight: '1.35' }],
sm: ['0.85rem', { lineHeight: '1.35' }],
sm: ['0.95rem', { lineHeight: '1.35' }],
base: ['1.1rem', { lineHeight: '1.22' }],
lg: ['1.24rem', { lineHeight: '1.1' }],
xl: ['1.5rem', { lineHeight: '1.1' }],

+ 102
- 60
web/app/templates/base.html 查看文件

@@ -11,11 +11,66 @@
# Flask-Moment: https://flask-moment.readthedocs.io/en/latest/
# Boostrap select: https://stackoverflow.com/questions/67942546/bootstrap-5-select-dropdown-with-the-multiple-attribute-collapsed
-->

{% macro menu() %}
<a href="{{ url_for('tool.get_tools') }}{% if view == 'list' %}?view=list{% endif %}"
class="{{ 'active' if request.path == url_for('tool.get_tools') }} menuitem tool medium-title hidden lg:block">
Tools
</a>

<a href="{{ url_for('practice.get_practices') }}{% if view == 'list' %}?view=list{% endif %}"
class="{{ 'active' if request.path == url_for('practice.get_practices') }} menuitem practice medium-title hidden lg:block">
Practices
</a>

<a href="{{ url_for('book.get_books') }}{% if view == 'list' %}?view=list{% endif %}"
class="{{ 'active' if request.path == url_for('book.get_books') }} menuitem medium-title book hidden lg:block">
Books
</a>

<a href="{{ url_for('main.about') }}{% if view == 'list' %}?view=list{% endif %}"
class="{{ 'active' if request.path == url_for('main.about') }} menuitem mr-auto hidden lg:block">
About / <br> Contact
</a>

<!-- <div class="ml-auto mr-2">
{% if current_user.is_authenticated %}
<a href="{{ url_for('create.create_resource') }}" class="block link">
Add resource
</a>
{% endif %}
{% if current_user.is_authenticated %}
<a href="{{ url_for('main.profile') }}" class="block link">
Profile
</a>
{% endif %}
{% if not current_user.is_authenticated %}
<a href="{{ url_for('auth.login') }}" class="block link">
Login
</a>
<a href="{{ url_for('auth.signup') }}" class="block link">
Sign Up
</a>
{% endif %}
{% if current_user.is_authenticated %}
<a href="{{ url_for('auth.logout') }}" class="block link">
Logout
</a>
{% endif %}
</div> -->

<form action="{{ url_for('search.basic_search') }}" class="hidden lg:block">
<input type="text" name="query" class="text-center h-full text-base border-l-2 border-black pl-1"
placeholder="Search">
<input class="hidden" type="submit" hidden />
</form>
{% endmacro %}

{% macro relationships_links(resource) %}

{% if resource.tools %}
<div class="">
<div class="px-4">
<div class="px-4 mt-16 lg:mt-0">
Tools
</div>
{% for tool in resource.tools %}
@@ -28,7 +83,7 @@
{% endif %}
{% if resource.books %}
<div class="">
<div class="px-4">
<div class="px-4 mt-16 lg:mt-0">
Books
</div>
@@ -41,7 +96,7 @@
{% endif %}
{% if resource.practices %}
<div class="">
<div class="px-4">
<div class="px-4 mt-16 lg:mt-0">
Practices
</div>
@@ -52,27 +107,53 @@
{% endfor %}
</div>
{% endif %}

{% endmacro %}

{% macro resource_list(resource, loop, show_number=true) %}
<div class="border-b-2 border-black">
<a class="block h-full py-1 px-4 hover:opacity-60 transition-opacity cursor-pointer size-{{ size }}" {% if
resource['type']=='book' %} href="{{ url_for('book.show_book', book_id=resource['id']) }}" {% endif %} {% if
resource['type']=='tool' %} href="{{ url_for('tool.show_tool', tool_id=resource['id']) }}" {% endif %} {% if
resource['type']=='practice' %} href="{{ url_for('practice.show_practice', practice_id=resource['id']) }}" {% endif
%} hx-target="#modal-content" hx-select="main" hx-swap="innerHTML" @click="openModal()">

<span class="{% if show_number %} hidden {% endif %} lg:w-[10.5rem] lg:text-center ">
{% if show_number %}
{{loop.index}} / {{count}}
{% else %}
<span class="capitalize inline-block min-w-[5rem] px-4 text-right">{{ resource['type'] }}</span>
{% endif %}
</span>


<span class="{{ resource.type }}">
{{ resource.name }}
</span>
{% if resource['year'] %}
{{ resource['year'] }}{% if resource['author'] %}, {{ resource['author'] }}{% endif%}
{% endif %}
</a>
</div>
{% endmacro %}

{% macro resource_with_related(resource, loop, show_number=true) %}
<div class="w-full border-b-2 border-black fade-right">
<div class="content w-full py-8 overflow-x-auto">
<div class="grid lg:grid-rows-[auto,auto,auto] grid-flow-col w-fit pr-40 " >
<div class=" related ">
<div class=" related hidden lg:block ">
{% if show_number %}
<p>{{loop.index}} / {{count}}</p>
{% else %}
<p class="capitalize">{{ resource['type'] }}</p>
{% endif %}
</div>
<div class="cell w-[32rem] row-start-1 row-span-3">
<div class="cell w-[28vw] lg:w-[32rem] row-start-1 lg:row-span-3">
{{ resource_lead(resource) }}
</div>
{% if resource.tools %}
<div class="grid grid-rows-1 grid-flow-col w-fit h-fit">
<div class="grid lg:grid-rows-1 grid-flow-col w-fit h-fit">
<div class="related">
Related<br>Tools
</div>
@@ -189,9 +270,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://unpkg.com/htmx.org@1.8.6"></script>
<script src="//unpkg.com/alpinejs" defer></script>
<title>Experimental Publishing Compendium</title>
<script src="{{ url_for('static',filename='js/alpine.min.js') }}" defer></script>
<script src="{{ url_for('static',filename='js/htmx.min.js') }}"></script>
<link href="{{ url_for('static',filename='styles/main.css') }}" rel="stylesheet">
<script>
// htmx.on('htmx:beforeRequest', e=> {
@@ -260,58 +341,19 @@
</div>

<div id="all">
<header class="sticky top-0 z-10 bg-white border-b-[2px] border-black">
<nav class=" lg:flex justify-center items-stretch">
<a class="menuitem w-48 " href="{{ url_for('main.index') }}"><span>Experimental Publishing Compendium <span class="ml-3 inline-block -rotate-12 italic text-[#f52d2d]" style="text-shadow: 0 0 0.4rem white">beta</span></span></a>

<a href="{{ url_for('tool.get_tools') }}" class="{{ 'active' if request.path == url_for('tool.get_tools') }} menuitem tool medium-title ">
Tools
</a>

<a href="{{ url_for('practice.get_practices') }}" class="{{ 'active' if request.path == url_for('practice.get_practices') }} menuitem practice medium-title">
Practices
</a>

<a href="{{ url_for('book.get_books') }}" class="{{ 'active' if request.path == url_for('book.get_books') }} menuitem medium-title book">
Books
</a>

<a href="{{ url_for('main.about') }}" class="{{ 'active' if request.path == url_for('main.about') }} menuitem mr-auto">
About / <br> Contact
</a>
<!-- <div class="ml-auto mr-2">
{% if current_user.is_authenticated %}
<a href="{{ url_for('create.create_resource') }}" class="block link">
Add resource
</a>
{% endif %}
{% if current_user.is_authenticated %}
<a href="{{ url_for('main.profile') }}" class="block link">
Profile
</a>
{% endif %}
{% if not current_user.is_authenticated %}
<a href="{{ url_for('auth.login') }}" class="block link">
Login
</a>
<a href="{{ url_for('auth.signup') }}" class="block link">
Sign Up
</a>
{% endif %}
{% if current_user.is_authenticated %}
<a href="{{ url_for('auth.logout') }}" class="block link">
Logout
</a>
{% endif %}
</div> -->

<form action="{{ url_for('search.basic_search') }}">
<input type="text" name="query" class="text-center text-base border-l-2 border-black pl-1" placeholder="Search">
<input type="submit" hidden />
</form>
<header class="sticky top-0 z-10 bg-white border-b-[2px] border-black flex justify-between w-full">
<nav class=" lg:flex justify-center items-stretch w-full">
<a class="block menuitem w-48 " href="{{ url_for('main.index') }}{% if view == 'list' %}?view=list{% endif %}"><span>Experimental Publishing Compendium <span class="ml-3 inline-block -rotate-12 italic text-[#f52d2d]" style="text-shadow: 0 0 0.4rem white">beta</span></span></a>
{{ menu() }}
</nav>
<div class="burger h-14 cursor-pointer block lg:hidden p-4">
<svg width="100%" height="100%" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 4H19" stroke="black" stroke-width="1.5" />
<path d="M19 9H1" stroke="black" stroke-width="1.5" />
<path d="M1 14H19" stroke="black" stroke-width="1.5" />
</svg>

</div>
</header>
<!-- Begin page content -->

+ 3
- 4
web/app/templates/book.html 查看文件

@@ -2,7 +2,7 @@

{% block content %}

<div class="cell-margin grid mt-16 grid-cols-[1fr,1fr]">
<div class="cell-margin grid mt-16 lg:grid-cols-2">
<div class="left">
<div class="mb-2">Book</div>
@@ -36,7 +36,6 @@
</div>
{% endif %}
<div class="">
@@ -125,8 +124,8 @@
</div>
</div>
</div>
<div class="right ">
<div class="grid grid-cols-2">
<div class="right p-4 pr-8 lg:p-0">
<div class="grid lg:grid-cols-2">
{{ relationships_links(resource) }}
</div>
</div>

+ 20
- 33
web/app/templates/index.html 查看文件

@@ -3,56 +3,43 @@
{% block content %}
<div class="">

<div class="border-b-2 border-black grid grid-cols-[52rem,30rem] content-start">

<div class="ml-[13rem] text my-8 meta max-w-[30rem]">
<div class="border-b-2 border-black grid gap-8 lg:grid-cols-[52rem,30rem] content-start">
<div class="mx-2 lg:ml-[13rem] text my-8 meta max-w-[30rem]">
{{ text|safe }}

<br/>
<a href="{{ url_for(request.endpoint, view='list') }}">LIST VIEW</a>

</div>
<div class="h-full ">
<div class="flex h-full gap-8 justify-start items-center ">
<div class="text-right">Show<br>related</div>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<div class="">Simpler<br>List</div>
</div>
</div>
</div>

{% if view == 'list' %}
THIS IS LIST VIEW
{% else %}
{% for tool in tools %}

{{ resource_with_related(tool, loop, false) }}

{% if view == 'list' %}
{% for tool in tools %}
{{ resource_list(tool, loop, false) }}
{% endfor %}

{% for book in books %}

{{ resource_with_related(book, loop, false) }}

{% else %}
{% for tool in tools %}
{{ resource_with_related(tool, loop, false) }}
{% endfor %}
{% endif %}

{% for tool in tools2 %}

{{ resource_with_related(tool, loop, false) }}

{% endfor %}

{% for book in books2 %}
{% if view == 'list' %}
{% for book in books %}
{{ resource_list(book, loop, false) }}
{% endfor %}
{% else %}
{% for book in books %}
{{ resource_with_related(book, loop, false) }}
{% endfor %}
{% endif %}

{{ resource_with_related(book, loop, false) }}

{% endfor %}

{% endif %}

</div>
{% endblock %}

+ 4
- 4
web/app/templates/resource.html 查看文件

@@ -4,10 +4,10 @@



<div class="cell-margin grid mt-16 grid-cols-[1fr,1fr]">
<div class="cell-margin grid mt-16 lg:grid-cols-2">
<div class="left ">
<div class="mb-4 capitalize">{{ resource['type'] }}</div>
<div class="border-r-2 border-black pr-8">
<div class="lg:border-r-2 lg:border-black lg:pr-8">
<h2 class="block-margin huge-title {{ resource['type'] }}">
{% block title %}
{% autoescape false %}
@@ -125,8 +125,8 @@
</div>
</div>
<div class="right ">
<div class="grid grid-cols-2 ">
<div class="right p-4 pr-8 lg:p-0 ">
<div class="grid lg:grid-cols-2">
{{ relationships_links(resource) }}
</div>
</div>

+ 15
- 26
web/app/templates/resources.html 查看文件

@@ -19,27 +19,16 @@
</div> -->


<div class="border-b-2 border-black grid grid-cols-[52rem,30rem] content-start">
<div class="ml-[13rem] text my-8 meta max-w-[30rem]">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies egestas felis at dignissim. Morbi ut bibendum
nisl. Integer ac sollicitudin risus. Vivamus et est est. Ut vitae lacus nec justo tincidunt interdum. Fusce sapien odio,
commodo nec est et, interdum varius risus. Curabitur vehicula consequat auctor.
<div class="border-b-2 border-black grid lg:grid-cols-[52rem,30rem] content-start">
<div class="mx-2 lg:ml-[13rem] text my-8 meta lg:max-w-[30rem]">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies egestas felis at dignissim. Morbi ut bibendum
nisl. Integer ac sollicitudin risus. Vivamus et est est. Ut vitae lacus nec justo tincidunt interdum. Fusce sapien odio,
commodo nec est et, interdum varius risus. Curabitur vehicula consequat auctor.

<br/><br/>
<a href="{{ url_for(request.endpoint, view='list') }}">LIST VIEW</a>
<br/><br/>
<a href="{{ url_for(request.endpoint, view='list') }}">As list</a> <a href="{{ url_for(request.endpoint, view='') }}">With related</a>

</div>
<div class="h-full ">
<div class="flex h-full gap-8 justify-start items-center ">
<div class="text-right">Show<br>related</div>
<label class="switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
<div class="">Simpler<br>List</div>
</div>
</div>
</div>
<script>
function filter() {
@@ -53,9 +42,9 @@
</script>
<div class="" x-data="filter()">
<div id="resources" :class="expandFilters?'expanded':''">
<div class="std-margin grid lg:grid-cols-4 mb-16">
<div class="std-margin grid lg:grid-cols-4 sticky top-14">
<div class="hidden lg:block cursor-pointer" @click="expandFilters = !expandFilters">Show/hide filters</div>
{% if practices_filter %}
<div class="hidden lg:block cursor-pointer" @click="expandFilters = !expandFilters">Show/hide filters</div>
<div class="">
<div class="filter-header">Practices</div>
<div class="filter-options my-4" x-show="expandFilters">
@@ -131,13 +120,13 @@

<div>
{% if view == 'list' %}
THIS IS LIST VIEW
{% for resource in resources %}
{{ resource_list(resource, loop) }}
{% endfor %}
{% else %}

{% for resource in resources %}
{{ resource_with_related(resource, loop) }}
{% endfor %}

{% for resource in resources %}
{{ resource_with_related(resource, loop) }}
{% endfor %}
{% endif %}
</div>
</div>

+ 7
- 4
web/app/templates/search.html 查看文件

@@ -1,9 +1,12 @@
{% extends 'base.html' %}

{% block content %}

{% for result in results %}
{{ result.name }}
{% endfor %}
<div class="grid lg:grid-cols-3">
{% for result in results %}
<div class="cell">
{{ resource_lead(result) }}
</div>
{% endfor %}
</div>

{% endblock %}

Write Preview
Loading…
取消
儲存