krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 14:47:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

html format other components

Browse Source
This commit is contained in:
Matteo Pagliazzi
2019-10-12 17:05:15 +02:00
parent 7b4671fbf9
commit f99e3fab8b
180 changed files with 6536 additions and 2894 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
website/client/src/components/challenges/findChallenges.vue
View File

@@ -1,27 +1,33 @@
<template>
<div class="row">
<challenge-modal @createChallenge="challengeCreated" /><sidebar
<challenge-modal @createChallenge="challengeCreated" />
<sidebar
@search="updateSearch"
@filter="updateFilters"
/><div class="col-12 col-md-10 standard-page">
/>
<div class="col-12 col-md-10 standard-page">
<div class="row header-row">
<div class="col-md-8 text-left">
<h1 v-once>
{{ $t('findChallenges') }}
</h1>
</div><div class="col-md-4">
<!-- @TODO: implement sorting span.dropdown-label {{ $t('sortBy') }}b-dropdown(:text="$t('sort')", right=true)
b-dropdown-item(v-for='sortOption in sortOptions', :key="sortOption.value", @click='sort(sortOption.value)') {{sortOption.text}}--><button
class="btn btn-secondary create-challenge-button float-right"
@click="createChallenge()"
>
<div
class="svg-icon positive-icon"
v-html="icons.positiveIcon"
></div><span v-once>{{ $t('createChallenge') }}</span>
</button>
</div>
</div><div class="row">
<div class="col-md-4">
<!-- @TODO: implement sorting span.dropdown-label {{ $t('sortBy') }}b-dropdown(:text="$t('sort')", right=true)
b-dropdown-item(v-for='sortOption in sortOptions', :key="sortOption.value", @click='sort(sortOption.value)') {{sortOption.text}}-->
<button
class="btn btn-secondary create-challenge-button float-right"
@click="createChallenge()"
>
<div
class="svg-icon positive-icon"
v-html="icons.positiveIcon"
></div>
<span v-once>{{ $t('createChallenge') }}</span>
</button>
</div>
</div>
<div class="row">
<div
v-if="!loading && filteredChallenges.length === 0"
class="no-challenges text-center col-md-6 offset-3"
@@ -30,13 +36,15 @@ v-html="icons.positiveIcon"
{{ $t('noChallengeMatchFilters') }}
</h2>
</div>
</div><div class="row">
</div>
<div class="row">
<div
v-for="challenge in filteredChallenges"
class="col-12 col-md-6"
>
<challenge-item :challenge="challenge" />
</div><mugen-scroll
</div>
<mugen-scroll
v-show="loading"
:handler="infiniteScrollTrigger"
:should-handle="!loading && canLoadMore"