{#
  (C) 2022 - ntop.org
  This template is used by the `TLS host details` page inside the `Hosts`.    
#}


<div id="host-tls-table">
  <page-host-tls
    :page_csrf="page_csrf"
    :url_params="url_params">
  </page-host-tls>
</div>
  
<script type="text/javascript">  
  const pageCsrf = "{{ ntop.getRandomCSRFValue() }}";
  const url_params = { 
    host: "{{ host }}", 
    fingerprint_type: "{{ fingerprint_type }}", 
    ifid: "{{ ifid }}", 
  };

  /* ******************************************************* */

  function start_vue() {
    let vue_options = {
      components: {	  
        'page-host-tls': ntopVue.PageHostTLS,
      },
      /**
      * First method called when the component is created.
      */
      created() {},
      mounted() {
      },
      data() {
        return {
          page_csrf: pageCsrf,
          url_params: url_params,
        };
      },
      methods: {
      },
    };
    const _vue = ntopVue.Vue.createApp(vue_options);
    const vue_app = _vue.mount('#host-tls-table');
    return vue_app;
  }

  /* ******************************************************* */

  $(function () {
    // initialize script table
    start_vue();
  });

</script>
