Vue.component("unix-navbar", {
  template: `<div class="neo-table-border vuenavbar"><div class="flex-item" style="margin-bottom:10px;padding-top:13px;"><a class="vuenavbarhome" :href="url">{{name}}</a></div>
	            <div id="avatar" class="flex-item" v-html="theavatar" v-on:click="OpenMemberPanel()" style="cursor:pointer;" align="center"></div></div>`,
  data() {
    return {
      unixtime: "",
      name: "The UNIX and Linux Forums",
      url: "https://www.unix.com/",
      theavatar:
        '<span  class="alt1" style="font-size:3em;cursor:pointer;float:right;background-color:transparent;margin-right:5px;margin-left:10px;top:0;padding:20px;" ><i style="color:#170072;" class="fas fa-user"></i></span>'
    };
  },
  methods: {
    GetAvatar() {
      if (vbuserId > 0)
        this.theavatar = '<img src="' + vbtheURL + '"  width="60px"></img>';
      else
        this.theavatar =
          '<span  class="alt1" style="font-size:3em;cursor:pointer;float:right;background-color:transparent;margin-right:5px;margin-left:10px;top:0;padding:20px;" ><i style="color:#170072;" class="fas fa-user"></i></span>';
    },
    GetUrl() {
      this.theurl = vbtheURL;
    },
    UpdateTime() {
      this.unixtime = Math.round(new Date().getTime() / 1000);
    },
    OpenMemberPanel() {
      if (vbuserId > 0) openMemberPanel();
      else openLogin();
    }
  },
  created() {
    GetAvatar();
    setInterval(() => {
      this.UpdateTime();
    }, 1000);
  }
});

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" style="font-size:3em;cursor:pointer;float:right;background-color:transparent;margin-right:5px;margin-left:10px;top:0;padding:20px;" ><i style="color:#170072;" class="fas fa-user"></i></span>'
      );
  });

GetAvatar() {
      if (vbuserId > 0)
        this.theavatar = '<img src="' + vbtheURL + '"  width="60px"></img>';
      else
        this.theavatar =
          '<span  class="alt1" style="font-size:3em;cursor:pointer;float:right;background-color:transparent;margin-right:5px;margin-left:10px;top:0;padding:20px;" ><i style="color:#170072;" class="fas fa-user"></i></span>';
    },