pug to html

2025-12-14 21:27:23 +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/achievements/questInvitation.vue
+++ b/website/client/src/components/achievements/questInvitation.vue
@@ -1,47 +1,66 @@
-<template lang="pug">
-  b-modal#quest-invitation(v-if='user.party.quest.key && quests[user.party.quest.key]', :title="$t('questInvitation')", size='lg', :hide-footer="true")
-    .modal-header
-      h4 {{ $t('questInvitation') }}
-        |&nbsp;{{quests[user.party.quest.key].text()}}
-    .modal-body
-      .pull-right-sm.text-center
-        .col-centered(:class='`quest_${quests[user.party.quest.key].key}`')
-        div(ng-if='quests[user.party.quest.key].boss')
-          h4 {{quests[user.party.quest.key].boss.name()}}
-          p
-            strong {{ $t('bossHP') }} + ': '
-            | {{quests[user.party.quest.key].boss.hp}}
-          p
-            strong {{ $t('bossStrength') }} + ': '
-            | {{quests[user.party.quest.key].boss.str}}
-        div(ng-if='quests[user.party.quest.key].collect')
-          p(ng-repeat='(k,v) in quests[user.party.quest.key].collect')
-            strong {{ $t('collect') }} + ': '
-            | {{quests[user.party.quest.key].collect[k].count}} {{quests[user.party.quest.key].collect[k].text()}}
-      div(ng-bind-html='quests[user.party.quest.key].notes()')
-      .quest-rewards(:key='user.party.quest.key', header-participant="$t('rewardsAllParticipants')", header-quest-owner="$t('rewardsQuestOwner')")
-      hr
-      h5 {{headerParticipant}}
-      table.table.table-striped
-        tr(ng-repeat='drop in _.reject(quest.drop.items, \'onlyOwner\')')
-          td {{drop.text()}}
-        tr(ng-if='quest.drop.exp > 0')
-          td {{quest.drop.exp}}&nbsp;
-            | {{ $t('experience') }}
-        tr(ng-if='quest.drop.gp > 0')
-          td {{quest.drop.gp}}&nbsp;
-            | {{ $t('gold') }}
-        tr(ng-if='quest.drop.unlock()')
-          td {{quest.drop.unlock()}}
-      div(ng-if='getQuestOwnerRewards(quest).length > 0')
-        h5 {{headerQuestOwner}}
-        table.table.table-striped
-          tr(ng-repeat='drop in getQuestOwnerRewards(quest)')
-            td {{drop.text()}}
-    .modal-footer
-      button.btn.btn-secondary(ng-click='questHold = true; $close()') {{ $t('askLater') }}
-      button.btn.btn-secondary(ng-click='questReject(); $close()') {{ $t('reject') }}
-      button.btn.btn-primary(ng-click='questAccept(); $close()') {{ $t('accept') }}
+<template>
+  <b-modal
+    v-if="user.party.quest.key && quests[user.party.quest.key]"
+    id="quest-invitation"
+    :title="$t('questInvitation')"
+    size="lg"
+    :hide-footer="true"
+  >
+    <div class="modal-header">
+      <h4>{{ $t('questInvitation') }}&nbsp;{{ quests[user.party.quest.key].text() }}</h4>
+    </div><div class="modal-body">
+      <div class="pull-right-sm text-center">
+        <div
+          class="col-centered"
+          :class="`quest_${quests[user.party.quest.key].key}`"
+        ></div><div ng-if="quests[user.party.quest.key].boss">
+          <h4>{{ quests[user.party.quest.key].boss.name() }}</h4><p><strong>{{ $t('bossHP') }} + ': '</strong>{{ quests[user.party.quest.key].boss.hp }}</p><p><strong>{{ $t('bossStrength') }} + ': '</strong>{{ quests[user.party.quest.key].boss.str }}</p>
+        </div><div ng-if="quests[user.party.quest.key].collect">
+          <p ng-repeat="(k,v) in quests[user.party.quest.key].collect">
+            <strong>{{ $t('collect') }} + ': '</strong>{{ quests[user.party.quest.key].collect[k].count }} {{ quests[user.party.quest.key].collect[k].text() }}
+          </p>
+        </div>
+      </div><div ng-bind-html="quests[user.party.quest.key].notes()"></div><div
+        :key="user.party.quest.key"
+        class="quest-rewards"
+        header-participant="$t('rewardsAllParticipants')"
+        header-quest-owner="$t('rewardsQuestOwner')"
+      ></div><hr><h5>{{ headerParticipant }}</h5><table class="table table-striped">
+        <tr ng-repeat="drop in _.reject(quest.drop.items, 'onlyOwner')">
+          <td>{{ drop.text() }}</td>
+        </tr><tr ng-if="quest.drop.exp > 0">
+          <td>{{ quest.drop.exp }}&nbsp;{{ $t('experience') }}</td>
+        </tr><tr ng-if="quest.drop.gp > 0">
+          <td>{{ quest.drop.gp }}&nbsp;{{ $t('gold') }}</td>
+        </tr><tr ng-if="quest.drop.unlock()">
+          <td>{{ quest.drop.unlock() }}</td>
+        </tr>
+      </table><div ng-if="getQuestOwnerRewards(quest).length > 0">
+        <h5>{{ headerQuestOwner }}</h5><table class="table table-striped">
+          <tr ng-repeat="drop in getQuestOwnerRewards(quest)">
+            <td>{{ drop.text() }}</td>
+          </tr>
+        </table>
+      </div>
+    </div><div class="modal-footer">
+      <button
+        class="btn btn-secondary"
+        ng-click="questHold = true; $close()"
+      >
+        {{ $t('askLater') }}
+      </button><button
+        class="btn btn-secondary"
+        ng-click="questReject(); $close()"
+      >
+        {{ $t('reject') }}
+      </button><button
+        class="btn btn-primary"
+        ng-click="questAccept(); $close()"
+      >
+        {{ $t('accept') }}
+      </button>
+    </div>
+  </b-modal>
 </template>

 <script>