profession images moved to assets folder

Author: degger80

imports/ui/components/event/AltChars.vue

@@ -3,13 +3,18 @@ v-card.elevation-3(outlined v-if="$subReady.charactersByIds")
   template( v-for="character in charactersByIds")
     v-list-item( @click.stop="chooseAlt(character._id)")
       v-avatar.mr-2(tile size="20px")
-        img( style="pointer-events: none;"  :src="`/images/professions/${character['profession']}_tango_icon_20px.png`")
+        img( style="pointer-events: none;"  :src="`${assetsUrl}/professions/${character['profession']}_tango_icon_20px.png`")
       | {{character['name']}}
 
 </template>
 <script>
 export default {
   props: ["eventSlotId", "charIds"],
+  data() {
+    return {
+      assetsUrl: Meteor.settings.public.assetsUrl,
+    };
+  },
   meteor: {
     $subscribe: {
       charactersByIds() {

imports/ui/components/event/CharacterBox.vue

@@ -1,7 +1,7 @@
 <template lang="pug">
 v-card.py-8
   v-card-title 
-    img.mr-2(:src="`/images/professions/${character['profession']}_tango_icon_48px.png`")
+    img.mr-2(:src="`${assetsUrl}/professions/${character['profession']}_tango_icon_48px.png`")
     | {{character.name}}
   v-card-text
     v-row
@@ -21,6 +21,7 @@ export default {
   data() {
     return {
       eventType: this.defaultEventType,
+      assetsUrl: Meteor.settings.public.assetsUrl,
     };
   },
   components: {

imports/ui/components/event/EventSlot.vue

@@ -1,10 +1,10 @@
 <template lang="pug">
-  v-list-item.relative
-    v-avatar.mr-2(tile size="30px" :class="{hasAlts: hasAlts}" @click.stop="toggleShowAlts")
-      img( style="pointer-events: none;"  :src="`/images/professions/${eventSlot['profession']}_tango_icon_20px.png`")
-    | {{eventSlot['characterName']}}
-    div.alts(v-if="showAlts&&hasAlts")
-      AltChars(:charIds="alts" :eventSlotId="eventSlot._id" v-on:altCharacterClicked="showAlts=false")
+v-list-item.relative
+  v-avatar.mr-2(tile size="30px" :class="{hasAlts: hasAlts}" @click.stop="toggleShowAlts")
+    img( style="pointer-events: none;"  :src="`${assetsUrl}/professions/${eventSlot['profession']}_tango_icon_20px.png`")
+  | {{eventSlot['characterName']}}
+  div.alts(v-if="showAlts&&hasAlts")
+    AltChars(:charIds="alts" :eventSlotId="eventSlot._id" v-on:altCharacterClicked="showAlts=false")
 
 
 </template>
@@ -17,6 +17,7 @@ export default {
   },
   data: () => ({
     showAlts: false,
+    assetsUrl: Meteor.settings.public.assetsUrl,
   }),
   computed: {
     alts() {

imports/ui/components/event/SpecializationBox.vue

@@ -1,9 +1,9 @@
 <template lang="pug">
-  .spec-branch(:style="`backgroundImage: url(${assetsUrl}/s_bg/${spec.id}.png)`")
-    .spec-name {{spec.name}}
-    .spec-icon(:style="`backgroundImage: url(${assetsUrl}/s_icons/${spec.id}.png)`")
-    SpecTrait(v-for="item,index in spec.minor_traits" :specId="spec.id" :trait="item" type="minor" :index="index+1")
-    SpecTrait(v-for="item,index in spec.major_traits" :specId="spec.id" :trait="item" type="major" :index="index+1")
+.spec-branch(:style="`backgroundImage: url(${assetsUrl}/s_bg/${spec.id}.png)`")
+  .spec-name {{spec.name}}
+  .spec-icon(:style="`backgroundImage: url(${assetsUrl}/s_icons/${spec.id}.png)`")
+  SpecTrait(v-for="item,index in spec.minor_traits" :specId="spec.id" :trait="item" type="minor" :index="index+1")
+  SpecTrait(v-for="item,index in spec.major_traits" :specId="spec.id" :trait="item" type="major" :index="index+1")
 </template>
 <script>
 import SpecTrait from "/imports/ui/components/event/SpecTrait";

imports/ui/components/event/Subscribe.vue

@@ -1,43 +1,41 @@
 <template lang="pug">
-  v-card(outlined)
-    v-card-title Выбери персонажа для участия
-      span.subtitle-1.ml-3 (Показаны только персонажи выбранные в профиле)
-    v-card-text
-      v-row
-        v-col(v-for="c in characters" cols="12" sm="6" md="4" lg="3" xl="2")
-          v-card.relative(outlined)
-            v-card-title
-              img.ma-auto(:src="`/images/professions/${c.profession}_tango_icon_48px.png`")
-            v-card-text.text-center {{c.name}}
-            v-card-actions
-              v-btn(
-                text
-                :class="{'blue darken-1 white--text':c.default}"
-                @click="setDefaultCharacter(c._id)") Main
-              v-spacer
-              v-btn(
-                v-if="userHasDefaultCharacter && userHasDefaultCharacter._id!==c._id" 
-                text
-                :class="{alt:isAlt(c._id)}"
-                @click="toggleAlternative(c._id)") Alt
-      v-row
-        v-col(cols="12" sm="4")
-          v-radio-group.ml-2(v-model="subType")
-            v-radio(
-              label='Пойду'
-              value="3")
-            v-radio(
-              label='Под вопросом'
-              value="2")
-            v-radio(
-              label='Не смогу'
-              value="1")
-        v-col(cols="12" sm="8")
-          v-text-field(outlined v-model="comment" label='Послание РЛу')
-        
-          v-btn(block color="primary" @click="joinEvent" :disabled="!userHasDefaultCharacter") Вписаться
-
-
+v-card(outlined)
+  v-card-title Выбери персонажа для участия
+    span.subtitle-1.ml-3 (Показаны только персонажи выбранные в профиле)
+  v-card-text
+    v-row
+      v-col(v-for="c in characters" cols="12" sm="6" md="4" lg="3" xl="2")
+        v-card.relative(outlined)
+          v-card-title
+            img.ma-auto(:src="`${assetsUrl}/professions/${c.profession}_tango_icon_48px.png`")
+          v-card-text.text-center {{c.name}}
+          v-card-actions
+            v-btn(
+              text
+              :class="{'blue darken-1 white--text':c.default}"
+              @click="setDefaultCharacter(c._id)") Main
+            v-spacer
+            v-btn(
+              v-if="userHasDefaultCharacter && userHasDefaultCharacter._id!==c._id" 
+              text
+              :class="{alt:isAlt(c._id)}"
+              @click="toggleAlternative(c._id)") Alt
+    v-row
+      v-col(cols="12" sm="4")
+        v-radio-group.ml-2(v-model="subType")
+          v-radio(
+            label='Пойду'
+            value="3")
+          v-radio(
+            label='Под вопросом'
+            value="2")
+          v-radio(
+            label='Не смогу'
+            value="1")
+      v-col(cols="12" sm="8")
+        v-text-field(outlined v-model="comment" label='Послание РЛу')
+      
+        v-btn(block color="primary" @click="joinEvent" :disabled="!userHasDefaultCharacter") Вписаться
 </template>
 <script>
 // import "/imports/collections/CollectionCharacters";
@@ -46,6 +44,7 @@ export default {
   data: () => ({
     subType: "3",
     comment: "",
+    assetsUrl: Meteor.settings.public.assetsUrl,
   }),
   meteor: {
     $subscribe: {

imports/ui/pages/Profile.vue

@@ -1,54 +1,52 @@
 <template lang="pug">
-  MainLayout
-    v-row
-      v-col(sm="4" md="3")
-        v-card(outlined)
-          v-card-title GW2 API KEY
-          v-card-text
-            ul
-              li Идем по ссылке <a href="https://account.arena.net/applications" target="_blank">https://account.arena.net/applications</a>
-              li Жмем кнопочку "New Key"
-              li Вбиваем любое название в поле Name
-              li Ставим 4 галочки: account, characters, builds, pvp
-              li Жмем красную кнопку "CREATE API KEY
-              li Копируем сюда данный ключ:
-            v-text-field.pt-6(outlined
-              v-model="gw2ApiKey"
-              placeholder="GW2 API KEY" 
-              @input="showError=false"
-            )   
-            v-alert(
-              dense
-              outlined
-              type="error"
-              v-show="showError") {{error}}
-          
-            v-btn(
-              @click = "saveApiKey"
-              color = "primary"
-            ) Сохранить
-      v-col(sm="8" md="9")        
-        v-card(outlined)
-          v-card-title Characters
-            v-btn.ml-2(
-              @click = "updateCharacters"
-              color="primary"
-              text
-            ) Обновить
-            v-spacer
-            v-btn(small color="primary" @click = "logout") Logout
-          v-card-subtitle (Выберите активных персонажей для участия в ивентах)
-          v-card-text
-            v-container.fluid
-              v-row
-                v-col(cols sm="6" md="4" lg="3" v-for="c in characters")
-                  v-card.prof-logo(:class="{'visible': c.visible}" @click="toggleActive(c)")
-                    v-card-text
-                      
-                        img(:src="`/images/professions/${c.profession}_tango_icon_48px.png`")
-                        | {{c.name}}
-          
-            
+MainLayout
+  v-row
+    v-col(sm="4" md="3")
+      v-card(outlined)
+        v-card-title GW2 API KEY
+        v-card-text
+          ul
+            li Идем по ссылке <a href="https://account.arena.net/applications" target="_blank">https://account.arena.net/applications</a>
+            li Жмем кнопочку "New Key"
+            li Вбиваем любое название в поле Name
+            li Ставим 4 галочки: account, characters, builds, pvp
+            li Жмем красную кнопку "CREATE API KEY
+            li Копируем сюда данный ключ:
+          v-text-field.pt-6(outlined
+            v-model="gw2ApiKey"
+            placeholder="GW2 API KEY" 
+            @input="showError=false"
+          )   
+          v-alert(
+            dense
+            outlined
+            type="error"
+            v-show="showError") {{error}}
+        
+          v-btn(
+            @click = "saveApiKey"
+            color = "primary"
+          ) Сохранить
+    v-col(sm="8" md="9")        
+      v-card(outlined)
+        v-card-title Characters
+          v-btn.ml-2(
+            @click = "updateCharacters"
+            color="primary"
+            text
+          ) Обновить
+          v-spacer
+          v-btn(small color="primary" @click = "logout") Logout
+        v-card-subtitle (Выберите активных персонажей для участия в ивентах)
+        v-card-text
+          v-container.fluid
+            v-row
+              v-col(cols sm="6" md="4" lg="3" v-for="c in characters")
+                v-card.prof-logo(:class="{'visible': c.visible}" @click="toggleActive(c)")
+                  v-card-text
+                    
+                      img(:src="`${assetsUrl}/professions/${c.profession}_tango_icon_48px.png`")
+                      | {{c.name}}
 </template>
 <script>
 import MainLayout from "../layouts/MainLayout";
@@ -57,7 +55,8 @@ export default {
   data: () => ({
     gw2ApiKey: "",
     showError: false,
-    error: ""
+    error: "",
+    assetsUrl: Meteor.settings.public.assetsUrl,
   }),
   components: {
     MainLayout