@ -1,8 +0,0 @@ |
||||
projects: |
||||
Mobilizon: |
||||
schemaPath: schema.graphql |
||||
extensions: |
||||
endpoints: |
||||
dev: |
||||
url: 'http://localhost:4000/api' |
||||
introspect: true |
||||
@ -1 +1,2 @@ |
||||
src/i18n/*.json |
||||
src/i18n/*.json |
||||
coverage/ |
||||
@ -0,0 +1,19 @@ |
||||
module.exports = { |
||||
preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel", |
||||
collectCoverage: true, |
||||
collectCoverageFrom: [ |
||||
"**/*.{vue,ts}", |
||||
"!**/node_modules/**", |
||||
"!get_union_json.ts", |
||||
], |
||||
coverageReporters: ["html", "text", "text-summary"], |
||||
// The following should fix the issue with svgs and ?inline loader (see Logo.vue), but doesn't work
|
||||
//
|
||||
// transform: {
|
||||
// "^.+\\.svg$": "<rootDir>/tests/unit/svgTransform.js",
|
||||
// },
|
||||
// moduleNameMapper: {
|
||||
// "^@/(.*svg)(\\?inline)$": "<rootDir>/src/$1",
|
||||
// "^@/(.*)$": "<rootDir>/src/$1",
|
||||
// },
|
||||
}; |
||||
|
Before Width: | Height: | Size: 725 KiB After Width: | Height: | Size: 725 KiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
|
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 133 KiB After Width: | Height: | Size: 133 KiB |
@ -0,0 +1,90 @@ |
||||
#!/bin/bash |
||||
|
||||
set -eu |
||||
|
||||
output_dir="../priv/static/img/pics" |
||||
resolutions=( |
||||
480 |
||||
1024 |
||||
1920 |
||||
) |
||||
ignore=( |
||||
homepage_background.png |
||||
) |
||||
|
||||
file_extension () { |
||||
filename=$(basename -- "$file") |
||||
echo "${filename##*.}" |
||||
} |
||||
|
||||
file_name () { |
||||
filename=$(basename -- "$file") |
||||
echo "${filename%.*}" |
||||
} |
||||
|
||||
convert_image () { |
||||
name=$(file_name) |
||||
extension=$(file_extension) |
||||
res="$1w" |
||||
output="$output_dir/$name-$res.$extension" |
||||
convert -geometry "$resolution"x $file $output |
||||
} |
||||
|
||||
produce_webp () { |
||||
name=$(file_name) |
||||
output="$output_dir/$name.webp" |
||||
cwebp $file -quiet -o $output |
||||
} |
||||
|
||||
progress() { |
||||
local w=80 p=$1; shift |
||||
# create a string of spaces, then change them to dots |
||||
printf -v dots "%*s" "$(( $p*$w/100 ))" ""; dots=${dots// /.}; |
||||
# print those dots on a fixed-width space plus the percentage etc. |
||||
printf "\r\e[K|%-*s| %3d %% %s" "$w" "$dots" "$p" "$*"; |
||||
} |
||||
|
||||
|
||||
echo "Generating responsive versions of the pictures…" |
||||
|
||||
if ! command -v convert &> /dev/null |
||||
then |
||||
echo "$(tput setaf 1)ERROR: The convert command could not be found. You need to install ImageMagick.$(tput sgr 0)" |
||||
exit 1 |
||||
fi |
||||
|
||||
nb_files=$( shopt -s nullglob ; set -- $output_dir/* ; echo $#) |
||||
|
||||
tasks=$((${#resolutions[@]}*$nb_files)) |
||||
i=1 |
||||
for file in $output_dir/* |
||||
do |
||||
if [[ -f $file ]]; then |
||||
for resolution in "${resolutions[@]}"; do |
||||
convert_image $resolution |
||||
progress $(($i*100/$tasks)) still working... |
||||
i=$((i+1)) |
||||
done |
||||
fi |
||||
done |
||||
echo -e "\nDone!" |
||||
|
||||
echo "Generating optimized versions of the pictures…" |
||||
|
||||
if ! command -v cwebp &> /dev/null |
||||
then |
||||
echo "$(tput setaf 1)ERROR: The cwebp command could not be found. You need to install webp.$(tput sgr 0)" |
||||
exit 1 |
||||
fi |
||||
|
||||
nb_files=$( shopt -s nullglob ; set -- $output_dir/* ; echo $#) |
||||
i=1 |
||||
for file in $output_dir/* |
||||
do |
||||
if [[ -f $file ]]; then |
||||
produce_webp |
||||
progress $(($i*100/$nb_files)) still working... |
||||
i=$((i+1)) |
||||
fi |
||||
done |
||||
echo -e "\nDone!" |
||||
@ -0,0 +1,18 @@ |
||||
declare global { |
||||
interface GeolocationCoordinates { |
||||
readonly accuracy: number; |
||||
readonly altitude: number | null; |
||||
readonly altitudeAccuracy: number | null; |
||||
readonly heading: number | null; |
||||
readonly latitude: number; |
||||
readonly longitude: number; |
||||
readonly speed: number | null; |
||||
} |
||||
|
||||
interface GeolocationPosition { |
||||
readonly coords: GeolocationCoordinates; |
||||
readonly timestamp: number; |
||||
} |
||||
} |
||||
|
||||
export {}; |
||||
|
Before Width: | Height: | Size: 3.4 KiB |
@ -1,94 +0,0 @@ |
||||
<docs> |
||||
```vue |
||||
<participant-card :participant="{ actor: { preferredUsername: 'user1', name: 'someoneIDontLike' }, role: 'REJECTED' }" /> |
||||
``` |
||||
|
||||
```vue |
||||
<participant-card :participant="{ actor: { preferredUsername: 'user2', name: 'someoneWhoWillWait' }, role: 'NOT_APPROVED' }" /> |
||||
``` |
||||
|
||||
```vue |
||||
<participant-card :participant="{ actor: { preferredUsername: 'user3', name: 'a_participant' }, role: 'PARTICIPANT' }" /> |
||||
``` |
||||
|
||||
```vue |
||||
<participant-card :participant="{ actor: { preferredUsername: 'me', name: 'myself' }, role: 'CREATOR' }" /> |
||||
``` |
||||
</docs> |
||||
<template> |
||||
<article class="card"> |
||||
<div class="card-content"> |
||||
<div class="media"> |
||||
<div class="media-left" v-if="participant.actor.avatar"> |
||||
<figure class="image is-48x48"> |
||||
<img :src="participant.actor.avatar.url" /> |
||||
</figure> |
||||
</div> |
||||
<div class="media-content"> |
||||
<span ref="title">{{ actorDisplayName }}</span |
||||
><br /> |
||||
<small class="has-text-grey" v-if="participant.actor.domain" |
||||
>@{{ participant.actor.preferredUsername }}@{{ participant.actor.domain }}</small |
||||
> |
||||
<small class="has-text-grey" v-else>@{{ participant.actor.preferredUsername }}</small> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<footer class="card-footer"> |
||||
<b-button |
||||
v-if="[ParticipantRole.NOT_APPROVED, ParticipantRole.REJECTED].includes(participant.role)" |
||||
@click="accept(participant)" |
||||
type="is-success" |
||||
class="card-footer-item" |
||||
>{{ $t("Approve") }}</b-button |
||||
> |
||||
<b-button |
||||
v-if="participant.role === ParticipantRole.NOT_APPROVED" |
||||
@click="reject(participant)" |
||||
type="is-danger" |
||||
class="card-footer-item" |
||||
>{{ $t("Reject") }}</b-button |
||||
> |
||||
<b-button |
||||
v-if="participant.role === ParticipantRole.PARTICIPANT" |
||||
@click="exclude(participant)" |
||||
type="is-danger" |
||||
class="card-footer-item" |
||||
>{{ $t("Exclude") }}</b-button |
||||
> |
||||
<span v-if="participant.role === ParticipantRole.CREATOR" class="card-footer-item">{{ |
||||
$t("Creator") |
||||
}}</span> |
||||
</footer> |
||||
</article> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { Component, Prop, Vue } from "vue-property-decorator"; |
||||
import { IParticipant, ParticipantRole } from "../../types/participant.model"; |
||||
import { IPerson, Person } from "../../types/actor"; |
||||
|
||||
@Component |
||||
export default class ParticipantCard extends Vue { |
||||
@Prop({ required: true }) participant!: IParticipant; |
||||
|
||||
@Prop({ type: Function }) accept!: Function; |
||||
|
||||
@Prop({ type: Function }) reject!: Function; |
||||
|
||||
@Prop({ type: Function }) exclude!: Function; |
||||
|
||||
ParticipantRole = ParticipantRole; |
||||
|
||||
get actorDisplayName(): string { |
||||
const actor = new Person(this.participant.actor as IPerson); |
||||
return actor.displayName(); |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
.card-footer-item { |
||||
height: $control-height; |
||||
} |
||||
</style> |
||||