Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • clients/wotwizard-ui
  • manutopik/wotwizard-ui
  • wellno1/wotwizard-ui
3 results
Show changes
Commits on Source (2)
Showing with 103 additions and 90 deletions
......@@ -21,7 +21,7 @@
@import "~bootstrap/scss/breadcrumb";
// @import "~bootstrap/scss/pagination";
@import "~bootstrap/scss/badge";
@import "~bootstrap/scss/jumbotron";
// @import "~bootstrap/scss/jumbotron";
@import "~bootstrap/scss/alert";
// @import "~bootstrap/scss/progress";
// @import "~bootstrap/scss/media";
......
......@@ -10,7 +10,8 @@ $small-font-size: 70%;
$body-bg: var(--background-color-primary);
$body-color: var(--text-primary-color);
// Tables
// Tables;
$table-border-color: var(--background-color-primary);
$table-cell-padding: 0.5rem;
$table-bg: var(--background-color-primary);
$table-color: var(--text-primary-color);
......@@ -41,9 +42,6 @@ $close-font-weight: 500;
$mark-padding: 0.2em 0;
$mark-bg: yellow;
// Jumbotron
$jumbotron-bg: var(--background-color-secondary);
// Colors
$info: #0a8299;
......@@ -55,6 +53,17 @@ $info: #0a8299;
}
.table {
&.sortable thead {
tr {
border-left: 1px solid var(--text-primary-color);
}
th {
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
}
}
tbody tr > * {
vertical-align: middle;
}
......
<template>
<span class="badge" :class="'badge-' + $options.filters.dateStatus(date)">
{{ date == 0 ? "N/A" : $d(new Date(date * 1000), styleDate) }}
{{ !date ? "N/A" : $d(new Date(date * 1000), styleDate) }}
</span>
</template>
......
<template>
<div class="clipboard input-group input-group-sm mb-3 mx-auto">
<div class="clipboard input-group mb-3 mx-auto">
<div class="input-group-prepend">
<button
id="btncopy"
class="btn btn-secondary px-4 py-1"
class="btn btn-info px-4 py-1"
type="button"
@click="copyText">
<outline-clipboard-copy-icon class="icon" />
......
......@@ -46,7 +46,8 @@ export default {
background: var(--info);
color: white;
&:focus {
&:focus,
&:hover {
background: #086375;
}
}
......
......@@ -6,23 +6,25 @@
v-model="search"
class="form-control w-75 mx-auto my-2"
:placeholder="$t('recherche.title')" />
<table class="table table-striped table-hover">
<table class="table table-striped table-hover sortable">
<thead class="thead-light">
<th class="p-0" @click="sort('uid')">
<BtnSort
:title="$t('membres')"
fieldName="uid"
:currentSort="currentSort"
:currentSortDir="currentSortDir" />
</th>
<th class="p-0" @click="sort('expires_on')">
<BtnSort
class="justify-content-end"
:title="$t('expire')"
fieldName="expires_on"
:currentSort="currentSort"
:currentSortDir="currentSortDir" />
</th>
<tr>
<th class="p-0" @click="sort('uid')">
<BtnSort
:title="$t('membres')"
fieldName="uid"
:currentSort="currentSort"
:currentSortDir="currentSortDir" />
</th>
<th class="p-0" @click="sort('expires_on')">
<BtnSort
class="justify-content-end"
:title="$t('expire')"
fieldName="expires_on"
:currentSort="currentSort"
:currentSortDir="currentSortDir" />
</th>
</tr>
</thead>
<tbody>
<tr
......
<template>
<div class="table-responsive pb-3">
<table class="table table-striped table-hover text-center">
<table class="table table-striped table-hover sortable text-center">
<thead class="thead-light">
<tr class="border-left">
<tr>
<th
class="p-0 border-right"
class="p-0"
scope="col"
@click="sort('uid')"
@keyup.enter="sort('uid')"
......@@ -17,7 +17,7 @@
</th>
<th
scope="col"
class="d-none d-md-table-cell p-0 border-right"
class="d-none d-md-table-cell p-0"
@click="sort('pubkey')"
v-if="['search', 'favoris'].includes(type)">
<BtnSort
......@@ -28,7 +28,7 @@
</th>
<th
scope="col"
class="d-none d-sm-table-cell p-0 border-right"
class="d-none d-sm-table-cell p-0"
@click="sort('date_membership')"
v-if="['adhesion', 'favoris', 'search'].includes(type)">
<BtnSort
......@@ -43,7 +43,7 @@
</th>
<th
scope="col"
class="d-none p-0 border-right"
class="d-none p-0"
:class="{
'd-sm-table-cell': type == 'certif',
'd-md-table-cell': type != 'certif'
......@@ -60,7 +60,7 @@
:currentSort="currentSort"
:currentSortDir="currentSortDir" />
</th>
<th class="border-right" v-if="type == 'favoris'"></th>
<th v-if="type == 'favoris'"></th>
</tr>
</thead>
<tbody>
......
......@@ -5,7 +5,7 @@
<img :src="$icon(512)" alt="Accueil" class="logo" />
<div>
<h1 class="h3">
Wotwizard <small><span class="small">v0.19</span></small>
Wotwizard <small><span class="small">v0.20</span></small>
</h1>
<small class="text-muted">{{ $t("slogan") }}</small>
</div>
......
......@@ -87,7 +87,7 @@
"infos": "Informationen",
"inout": "Bei- und Austritte des Vertrauensnetz in den 2 letzten Tagen",
"inpreparation": "In Vorbereitung",
"jours": "Nächsten 24 Stunden | Nächsten {n} Tage",
"jours": "24 Stunden | {n} Tage",
"lexique": "Lexicon",
"membre": {
"calculant": {
......
......@@ -88,7 +88,7 @@
"infos": "Informations",
"inout": "Entries and exits of the web of trust for the last 2 days",
"inpreparation": "In preparation",
"jours": "Next 24h | Next {n} days",
"jours": "24h | {n} days",
"lexique": "Lexicon",
"membre": {
"calculant": {
......
......@@ -88,7 +88,7 @@
"infos": "Informaciones",
"inout": "Entradas y salidas de la red de confianza en los últimos 2 días",
"inpreparation": "En preparación",
"jours": "Próximas 24 horas | Próximos {n} días",
"jours": "24 horas | {n} días",
"lexique": "Léxico",
"membre": {
"calculant": {
......
......@@ -88,7 +88,7 @@
"infos": "Informations",
"inout": "Entrées et sorties de la toile de confiance des 2 derniers jours",
"inpreparation": "En préparation",
"jours": "Prochaines 24h | {n} prochains jours",
"jours": "24h | {n} jours",
"lexique": "Lexique",
"membre": {
"calculant": {
......
......@@ -3,7 +3,7 @@
<NavigationBar :breadcrumb="breadcrumb" :menus="menus" />
<Nuxt />
<a
class="scrollToTop bg-primary position-fixed text-white d-flex align-items-center justify-content-center rounded"
class="scrollToTop bg-info position-fixed text-white d-flex align-items-center justify-content-center rounded"
href="#"
@click="scrollToTop($event)">
<outline-chevron-double-up-icon class="icon" />
......
<template>
<main class="container">
<div class="jumbotron">
<h2 class="display-5">{{ $t("apropos.bienvenue") }}</h2>
<p class="lead">
{{ $t("apropos.desc") }}
</p>
<BtnClipboard
textContent="78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8" />
<hr class="my-4" />
<h3 class="h4 mb-4">{{ $t("apropos.participants") }}</h3>
<div class="row">
<div
class="col-sm-6 col-md-4 col-lg-3"
v-for="cat in liste_contrib"
:key="cat.title">
<h4 class="h5" v-if="cat.title != 'testeurs'">
{{ $t("apropos." + cat.title) }}
</h4>
<div class="list-group mb-4" v-if="cat.title != 'testeurs'">
<NuxtLink
v-for="contrib in cat.contrib"
:key="contrib"
class="list-group-item list-group-item-action"
:to="chemin(contrib)">
{{ contrib }}
</NuxtLink>
</div>
<h2 class="display-5 my-5">{{ $t("apropos.bienvenue") }}</h2>
<p class="lead">
{{ $t("apropos.desc") }}
</p>
<BtnClipboard textContent="78ZwwgpgdH5uLZLbThUQH7LKwPgjMunYfLiCfUCySkM8" />
<hr class="my-4" />
<h3 class="h4 mb-4">{{ $t("apropos.participants") }}</h3>
<div class="row">
<div
class="col-sm-6 col-md-4 col-lg-3"
v-for="cat in liste_contrib"
:key="cat.title">
<h4 class="h5" v-if="cat.title != 'testeurs'">
{{ $t("apropos." + cat.title) }}
</h4>
<div class="list-group mb-4" v-if="cat.title != 'testeurs'">
<NuxtLink
v-for="contrib in cat.contrib"
:key="contrib"
class="list-group-item list-group-item-action"
:to="chemin(contrib)">
{{ contrib }}
</NuxtLink>
</div>
</div>
<div class="row testeurs mb-4">
<div class="col-12">
<h4 class="h5">
{{ $t("apropos." + liste_contrib[4].title) }}
</h4>
</div>
<div
class="col list-group-item d-flex align-items-center"
v-for="testeur in liste_contrib[4].contrib"
:key="testeur">
{{ testeur }}
</div>
</div>
<div class="row testeurs mb-4">
<div class="col-12">
<h4 class="h5">
{{ $t("apropos." + liste_contrib[4].title) }}
</h4>
</div>
<div
class="col list-group-item d-flex align-items-center"
v-for="testeur in liste_contrib[4].contrib"
:key="testeur">
{{ testeur }}
</div>
<p v-html="$t('apropos.contribuer')"></p>
</div>
<p v-html="$t('apropos.contribuer')"></p>
</main>
</template>
......
......@@ -14,11 +14,9 @@
v-if="
!$apollo.queries.favoris.loading && favoris && favoris.length != 0
">
<input
type="text"
<BtnSearch
v-model="search"
class="form-control col-sm-6 col-md-5 col-lg-4 col-xl-3 mx-auto mb-3"
:placeholder="$t('recherche.title')" />
class="col-sm-7 col-md-6 col-lg-5 col-xl-4 mx-auto" />
<MemberList
defaultSort="date_membership"
:members="filteredFavoris"
......
......@@ -8,9 +8,11 @@
</div>
<div class="table-responsive">
<table class="table table-striped">
<thead class="d-none d-sm-table-row">
<th>{{ $t("mot") }}</th>
<th>{{ $t("description") }}</th>
<thead>
<tr class="d-none d-sm-table-row">
<th>{{ $t("mot") }}</th>
<th>{{ $t("description") }}</th>
</tr>
</thead>
<tbody>
<tr v-for="mot in listeMotsTrad" :key="mot.title">
......
......@@ -9,10 +9,12 @@
<div class="table-responsive" v-if="allParameters">
<table class="table table-striped">
<thead>
<th>{{ $t("nom") }}</th>
<th class="d-none d-sm-table-cell">{{ $t("type") }}</th>
<th>{{ $t("valeur") }}</th>
<th class="d-none d-md-table-cell">{{ $t("description") }}</th>
<tr>
<th>{{ $t("nom") }}</th>
<th class="d-none d-sm-table-cell">{{ $t("type") }}</th>
<th>{{ $t("valeur") }}</th>
<th class="d-none d-md-table-cell">{{ $t("description") }}</th>
</tr>
</thead>
<tbody>
<tr v-for="param in allParameters" :key="param.name">
......
......@@ -164,7 +164,7 @@ export default {
}
],
error: null,
display: "forecastsByNames"
display: ""
}
},
methods: {
......@@ -263,7 +263,9 @@ export default {
},
mounted() {
$nuxt.$emit("changeRoute", this.breadcrumb)
this.display = localStorage.previsions ? localStorage.previsions : ""
this.display = localStorage.previsions
? localStorage.previsions
: "forecastsByNames"
}
}
</script>
......