Skip to content

Сделать компактный формат отображения списка преподов #70

@viribus-issue-bot

Description

@viribus-issue-bot

Issue open by Mark Arzangulyan via telegram message.

Сейчас список отображается только в подробном формате с фотками. Можно сделать компакттный формат с узкими карточками без фоток (они и так не у всех есть, да и не всегда нужны на главной странице). Тогда на одной странице можно будет видеть больше преподов

  1. В папке /components/ создать файл TheLecturerSearchCompactCard.vue (можно подглядывать в файл TheLecturerSearchCard.vue)
  2. Внутри написать что-то вроде
    <v-row>
       <v-col>
            {{lecturer.last_name + lecturer.first_name + lecturer.middle_name}}
       </v-col>
       <v-col>
    	<v-chip-group v-if="displaySubjects">
    		<v-chip
    			v-for="subject in subjectsToShow.length > 1 ? subjectsToShow.slice(0, 2) : subjectsToShow"
    			:key="subject"
    			:text="subject"
    			size="small"
    			readonly
    			:ripple="false"
    		/>
    		<v-chip v-if="subjectsToShow.length > 2" :key="'more'" size="small" readonly>
    			еще {{ lecturer.subjects.length - 2 }}
    		</v-chip>
       </v-col>
        <v-col>
            Отзывы: {{ lecturer.comments?.length ?? '—' }}
       </v-col>
        <v-col>
            Оценка: {{ lecturer.mark_general > 0 ? '+' : '' }}{{ lecturer.mark_general?.toFixed(2) ?? '—' }}
       </v-col>
       
    </v-row>
    1. <script> можно почти полностью стащить из TheLecturerSearchCard.vue
    2. В файле MainPage.vue заменить TheLecturerSearchCard на TheLecturerSearchCompactCard, чтобы смотреть, что получается

Metadata

Metadata

Assignees

Labels

good first issue 👶Задача подходит для новичковlayout 🧱Сверстать какую-то штуку

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions