default pictures

js/src/assets/mobilizon_logo_original.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.16 46.78">
+    <title>Mobilizon Logo</title>
+    <g data-name="header">
+        <path d="M0 45.82l3.18-40.8a29.88 29.88 0 015.07-.36 27.74 27.74 0 014.95.36l4.86 17.16a92.19 92.19 0 012.34 10.08h.36a92.19 92.19 0 012.34-10.08L28 5.02a29.23 29.23 0 015-.36 29.23 29.23 0 015 .36l3.18 40.8a13.61 13.61 0 01-3.63.42 23.41 23.41 0 01-3.63-.24l-1.2-19.92q-.36-5.52-.48-12.84h-.44l-7.32 26.51a25.62 25.62 0 01-4 .3 23.36 23.36 0 01-3.84-.3L9.36 13.24H9q-.3 8.94-.48 12.84L7.26 46a22.47 22.47 0 01-3.6.24A13.75 13.75 0 010 45.82zM74 31.06q0 8-4.26 12.3a12.21 12.21 0 01-9 3.42 12.21 12.21 0 01-9-3.42q-4.26-4.26-4.26-12.3t4.24-12.31a12.21 12.21 0 019-3.42 12.21 12.21 0 019 3.42Q74 23.02 74 31.06zM60.75 20.98q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM103.2 19.75q2.7 4.11 2.7 11.28T102 42.31a13.18 13.18 0 01-10 4.11 31.41 31.41 0 01-11.34-2V2.2l.4-.45h2.76A4 4 0 0187 2.83a5.38 5.38 0 01.93 3.57v11.94a12.08 12.08 0 017.56-2.7 8.71 8.71 0 017.71 4.11zm-9.72 2a7.28 7.28 0 00-5.58 2.82v16a15 15 0 004.08.54 5.25 5.25 0 004.68-2.67q1.68-2.67 1.68-7.59 0-9.03-4.86-9.1zM121 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014 1.62A6.27 6.27 0 01121 22z" />
+        <path d="M119.82.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M139.08 40.42h2a10.23 10.23 0 01.6 3.18 9.24 9.24 0 01-.18 2.1 38.47 38.47 0 01-5.64.54q-6.48 0-6.48-7v-37l.36-.42h2.88a3.94 3.94 0 013.12 1.05 5.52 5.52 0 01.9 3.57v31.31q-.02 2.67 2.44 2.67zM155.94 22v23.94a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3V24.75q0-3.24-2.7-3.24h-.72a9.32 9.32 0 01-.3-2.58 10.7 10.7 0 01.3-2.7 39.63 39.63 0 014.38-.24h1a5.19 5.19 0 014.05 1.62 6.27 6.27 0 011.43 4.39z" />
+        <path d="M154.8 2.84a7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.93 7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.93z" fill="#fff" />
+        <path d="M163.08 39.22l8.76-11.82q1.32-1.8 4.8-5.7l-.18-.3a63.09 63.09 0 01-7.74.42H163a9.79 9.79 0 01-.24-2.34 15.8 15.8 0 01.42-3.3h20.4a16.31 16.31 0 011 4.26 4.1 4.1 0 01-.78 2.34L175 34.66a64.65 64.65 0 01-4.56 5.7l.18.24q3.12-.3 5.22-.3h2.58a15.35 15.35 0 006.12-.9 9.4 9.4 0 01.72 3.12q0 3.42-4.32 3.42h-18a14.27 14.27 0 01-.9-3.93 5.08 5.08 0 011.04-2.79zM215.88 31.06q0 8-4.26 12.3a13.63 13.63 0 01-18.06 0q-4.26-4.26-4.26-12.3t4.26-12.31a13.63 13.63 0 0118.06 0q4.26 4.27 4.26 12.31zm-13.29-10.08q-5.67 0-5.67 10.08t5.67 10.08q5.67 0 5.67-10.08t-5.67-10.08zM247 25.84v13.32a11 11 0 001.2 5.64 7 7 0 01-4.41 1.56q-2.43 0-3.33-1.14a5.69 5.69 0 01-.9-3.54V27.4a7.74 7.74 0 00-.72-3.87 2.78 2.78 0 00-2.58-1.17 8.62 8.62 0 00-6.3 3v20.58a20.85 20.85 0 01-3.66.3 23 23 0 01-3.78-.3v-29.7l.42-.36h2.76q3.42 0 4.08 3.6 4.38-3.84 8.73-3.84t6.42 2.82a12.17 12.17 0 012.07 7.38z" />
+        <path d="M57.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84zM198.26 10.75a7.37 7.37 0 01-.6-3 7.37 7.37 0 01.6-3 8.09 8.09 0 013.87-.84 7.05 7.05 0 013.69.84 7.37 7.37 0 01.6 3 7.37 7.37 0 01-.6 3 7.46 7.46 0 01-3.87.84 6.49 6.49 0 01-3.69-.84z" fill="#fff" />
+    </g>
+</svg>

js/src/components/Logo.vue

@@ -1,12 +1,12 @@
 <template>
-  <MobilizonLogo />
+  <img src="img/pics/logo_chapril_mobilizon.png" alt="logo chapril" />
 </template>
 
 <script lang="ts">
 import { Component, Prop, Vue } from "vue-property-decorator";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-import MobilizonLogo from "../assets/mobilizon_logo.svg?inline";
+import MobilizonLogo from "../assets/logo_chapril_mobilizon.png";
 
 @Component({
   components: {

js/src/views/User/Login.vue

@@ -8,8 +8,8 @@
           title="Info"
           type="is-info"
           :aria-close-label="$t('Close')"
-          >{{ $t("You need to login.") }}</b-message
-        >
+          >{{ $t("You need to login.") }}
+        </b-message>
         <b-message
           v-else-if="errorCode === LoginError.LOGIN_PROVIDER_ERROR"
           type="is-danger"
@@ -18,8 +18,8 @@
             $t("Error while login with {provider}. Retry or login another way.", {
               provider: $route.query.provider,
             })
-          }}</b-message
-        >
+          }}
+        </b-message>
         <b-message
           v-else-if="errorCode === LoginError.LOGIN_PROVIDER_NOT_FOUND"
           type="is-danger"
@@ -28,8 +28,8 @@
             $t("Error while login with {provider}. This login provider doesn't exist.", {
               provider: $route.query.provider,
             })
-          }}</b-message
-        >
+          }}
+        </b-message>
         <b-message :title="$t('Error')" type="is-danger" v-for="error in errors" :key="error">
           {{ error }}
         </b-message>
@@ -54,6 +54,24 @@
               v-model="credentials.password"
             />
           </b-field>
+          <div class="do-not-show">
+            <b-field :label="$t('Password')" label-for="telephone" :aria-required="false">
+              <b-input
+                aria-required="true"
+                id="telephone"
+                type="tel"
+                v-model="credentials.telephone"
+              />
+            </b-field>
+            <b-field :label="$t('Password')" label-for="creditCardNumber" :aria-required="false">
+              <b-input
+                aria-required="true"
+                id="creditCardNumber"
+                type="tel"
+                v-model="credentials.creditCardNumber"
+              />
+            </b-field>
+          </div>
 
           <p class="control has-text-centered" v-if="!submitted">
             <button class="button is-primary is-large">{{ $t("Login") }}</button>
@@ -68,14 +86,14 @@
             <router-link
               class="button is-text"
               :to="{ name: RouteName.SEND_PASSWORD_RESET, params: { email: credentials.email } }"
-              >{{ $t("Forgot your password ?") }}</router-link
-            >
+              >{{ $t("Forgot your password ?") }}
+            </router-link>
           </p>
           <router-link
             class="button is-text"
             :to="{ name: RouteName.RESEND_CONFIRMATION, params: { email: credentials.email } }"
-            >{{ $t("Didn't receive the instructions?") }}</router-link
-          >
+            >{{ $t("Didn't receive the instructions?") }}
+          </router-link>
           <p class="control" v-if="config && config.registrationsOpen">
             <router-link
               class="button is-text"
@@ -86,8 +104,8 @@
                   default_password: credentials.password,
                 },
               }"
-              >{{ $t("Create an account") }}</router-link
-            >
+              >{{ $t("Create an account") }}
+            </router-link>
           </p>
         </form>
       </div>
@@ -104,7 +122,7 @@ import { initializeCurrentActor, NoIdentitiesException, saveUserData } from "../
 import { ILogin } from "../../types/login.model";
 import { CURRENT_USER_CLIENT, UPDATE_CURRENT_USER_CLIENT } from "../../graphql/user";
 import RouteName from "../../router/name";
-import { LoginErrorCode, LoginError } from "../../types/login-error-code.model";
+import { LoginError, LoginErrorCode } from "../../types/login-error-code.model";
 import { ICurrentUser } from "../../types/current-user.model";
 import { CONFIG } from "../../graphql/config";
 import { IConfig } from "../../types/config.model";
@@ -151,6 +169,8 @@ export default class Login extends Vue {
   credentials = {
     email: "",
     password: "",
+    telephone: "",
+    creditCardNumber: "24253475337458",
   };
 
   errors: string[] = [];
@@ -176,6 +196,14 @@ export default class Login extends Vue {
       return;
     }
 
+    // antispam management
+    if (this.credentials.telephone || this.credentials.creditCardNumber !== "24253475337458") {
+      this.$router.push({
+        name: RouteName.HOME,
+      });
+      // throw new Error("Spammer detected");
+      return;
+    }
     this.errors = [];
 
     try {
@@ -239,4 +267,12 @@ export default class Login extends Vue {
 .container .columns {
   margin: 1rem auto 3rem;
 }
+
+.do-not-show {
+  background: red;
+  width: 0;
+  height: 0;
+  overflow: hidden;
+  display: block;
+}
 </style>