| {{ st.tr["Problems"] }}
#rightMenu
.clickable(onClick="doClick('modalUser')")
- | {{ !st.user.id ? "Login" : "Update" }}
+ | {{ st.user.id > 0 ? "Update" : "Login" }}
.clickable(onClick="doClick('modalSettings')")
| {{ st.tr["Settings"] }}
.clickable#flagContainer(onClick="doClick('modalLang')")
- img(v-if="!!st.lang"
- :src="require(`@/assets/images/flags/${st.lang}.svg`)")
+ img(v-if="!!st.lang" :src="flagImage")
router-view
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
footer
- a(href="https://github.com/yagu0/vchess") {{ st.tr["Source code"] }}
+ router-link.menuitem(to="/about") {{ st.tr["About"] }}
p.clickable(onClick="doClick('modalContact')")
- | {{ st.tr["Contact form"] }}
- //my-game(:game-ref="gameRef" :mode="mode" :settings="settings" @game-over="archiveGame")
- //// TODO: add only the necessary icons to mini-css custom build
+ | {{ st.tr["Contact"] }}
+ // TODO: add only the necessary icons to mini-css custom build
//script(src="//unpkg.com/feather-icons")
</template>
st: store.state,
};
},
+ computed: {
+ flagImage: function() {
+ return `/images/flags/${this.st.lang}.svg`;
+ },
+ },
};
</script>
//background-color: #000033
font-size: 1rem
width: 100%
+ padding-left: 0
+ padding-right: 0
display: inline-flex
align-items: center
justify-content: center
- & > a
+ & > .menuitem
display: inline-block
margin: 0 10px 0 0
&:link