Vue.component("unix-navbar", {
  template: `<div class="neo-table-border vuenavbar"><div style="margin-bottom:10px;padding-top:13px;"><a class="vuenavbarhome" :href="url">{{name}}</a></div>
              <div id="avatar"  :click="OpenMemberPanel()" style="cursor:pointer;" align="center"></div></div>`,
  data() {
    return {
      unixtime: "",
      name: "The UNIX and Linux Forums",
      url: "https://www.unix.com/"
    };
  },
  methods: {
    OpenMemberPanel() {
      if (vbuserId > 0) openMemberPanel();
      else openLogin();
    }
  }
});

var navbar = new Vue({
  el: "#vue-navbar"
});

$(function() {
  if (vbtheURL.length > 10)
    $("#avatar").html('<img src="' + vbtheURL + '"  width="60px"></img>');
  else
    $("#avatar").html(
      '<span  class="alt1 nav-avatar"><i style="color:#170072;" class="fas fa-user"></i></span>'
    );
});