pug to html

2025-12-16 22:27:26 +01:00 · 2019-10-12 16:33:05 +02:00
parent 88243a32fa
commit 07349c70bc
236 changed files with 16708 additions and 9648 deletions
--- a/website/client/src/components/header/userDropdown.vue
+++ b/website/client/src/components/header/userDropdown.vue
@@ -1,29 +1,76 @@
-<template lang="pug">
-menu-dropdown.item-user(:right="true")
-  div(slot="dropdown-toggle")
-    div(:aria-label="$t('user')", v-b-tooltip.hover.bottom="$t('user')")
-      message-count(v-if='user.inbox.newMessages > 0', :count="user.inbox.newMessages", :top="true")
-      .top-menu-icon.svg-icon.user(v-html="icons.user")
-  .user-dropdown(slot="dropdown-content")
-    a.dropdown-item.edit-avatar.dropdown-separated(@click='showAvatar("body", "size")')
-      h3 {{ user.profile.name }}
-      span.small-text {{ $t('editAvatar') }}
-    a.nav-link.dropdown-item.dropdown-separated.d-flex.justify-content-between.align-items-center(@click.prevent='showInbox()')
-      div {{ $t('messages') }}
-      message-count(v-if='user.inbox.newMessages > 0', :count="user.inbox.newMessages")
-    a.dropdown-item(@click='showAvatar("backgrounds", "2019")') {{ $t('backgrounds') }}
-    a.dropdown-item(@click='showProfile("stats")') {{ $t('stats') }}
-    a.dropdown-item(@click='showProfile("achievements")') {{ $t('achievements') }}
-    a.dropdown-item.dropdown-separated(@click='showProfile("profile")') {{ $t('profile') }}
-    router-link.dropdown-item(:to="{name: 'site'}") {{ $t('settings') }}
-    router-link.dropdown-item.dropdown-separated(:to="{name: 'subscription'}") {{ $t('subscription') }}
-    a.nav-link.dropdown-item.dropdown-separated(@click.prevent='logout()') {{ $t('logout') }}
-    li(v-if='!this.user.purchased.plan.customerId', @click='showBuyGemsModal("subscribe")')
-      .dropdown-item.text-center
-        h3.purple {{ $t('needMoreGems') }}
-        span.small-text {{ $t('needMoreGemsInfo') }}
-      .learn-background.py-2.text-center
-        button.btn.btn-primary.btn-lg.learn-button {{ $t('learnMore') }}
+<template>
+  <menu-dropdown
+    class="item-user"
+    :right="true"
+  >
+    <div slot="dropdown-toggle">
+      <div
+        v-b-tooltip.hover.bottom="$t('user')"
+        :aria-label="$t('user')"
+      >
+        <message-count
+          v-if="user.inbox.newMessages > 0"
+          :count="user.inbox.newMessages"
+          :top="true"
+        /><div
+          class="top-menu-icon svg-icon user"
+          v-html="icons.user"
+        ></div>
+      </div>
+    </div><div
+      slot="dropdown-content"
+      class="user-dropdown"
+    >
+      <a
+        class="dropdown-item edit-avatar dropdown-separated"
+        @click="showAvatar('body', 'size')"
+      ><h3>{{ user.profile.name }}</h3><span class="small-text">{{ $t('editAvatar') }}</span></a><a
+        class="nav-link dropdown-item dropdown-separated d-flex justify-content-between align-items-center"
+        @click.prevent="showInbox()"
+      ><div>{{ $t('messages') }}</div><message-count
+        v-if="user.inbox.newMessages > 0"
+        :count="user.inbox.newMessages"
+      /></a><a
+        class="dropdown-item"
+        @click="showAvatar('backgrounds', '2019')"
+      >{{ $t('backgrounds') }}</a><a
+        class="dropdown-item"
+        @click="showProfile('stats')"
+      >{{ $t('stats') }}</a><a
+        class="dropdown-item"
+        @click="showProfile('achievements')"
+      >{{ $t('achievements') }}</a><a
+        class="dropdown-item dropdown-separated"
+        @click="showProfile('profile')"
+      >{{ $t('profile') }}</a><router-link
+        class="dropdown-item"
+        :to="{name: 'site'}"
+      >
+        {{ $t('settings') }}
+      </router-link><router-link
+        class="dropdown-item dropdown-separated"
+        :to="{name: 'subscription'}"
+      >
+        {{ $t('subscription') }}
+      </router-link><a
+        class="nav-link dropdown-item dropdown-separated"
+        @click.prevent="logout()"
+      >{{ $t('logout') }}</a><li
+        v-if="!this.user.purchased.plan.customerId"
+        @click="showBuyGemsModal('subscribe')"
+      >
+        <div class="dropdown-item text-center">
+          <h3 class="purple">
+            {{ $t('needMoreGems') }}
+          </h3><span class="small-text">{{ $t('needMoreGemsInfo') }}</span>
+        </div><div class="learn-background py-2 text-center">
+          <button class="btn btn-primary btn-lg learn-button">
+            {{ $t('learnMore') }}
+          </button>
+        </div>
+      </li>
+    </div>
+  </menu-dropdown>
 </template>

 <style lang='scss' scoped>