<%@ page title="" language="VB" masterpagefile="~/Template/Master.master" autoeventwireup="false" inherits="PCC_VPS_SDN_AddEditAlias, MachSol.MachPanel.Web" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPH_Content" Runat="Server">
        <!-- Include the external template so the DOM template is available before the module runs -->
    <!--#include virtual="../../../Components/VPS/SDN/AddEditAlias.html" -->

    <script type="module">

        import { createApp } from 'vue'
        import AddEditAlias from "/Components/VPS/SDN/AddEditAlias.js?v=3.4"
        import { getLabelText } from '/Components/Common/utils.js?v=3.4'

        createApp({
            data() {
                return {
                    readOnly: <%= Helper.ReadOnlyRole %>,
                    aliasTypesAddEdit: {
                        show: true,
                        initialValue: 'host',
                        items: [
                            { text: 'Host(s)', value: 'host' },
                            { text: 'Network(s)', value: 'network' },
                            { text: 'Port(s)', value: 'port' },
                            //{ text: 'URL IP(s)', value: 'urlips' },
                            //{ text: 'URL Port(s)', value: 'urlports' },
                            //{ text: 'URL Table IP(s)', value: 'urltableips' },
                            //{ text: 'URL Table Port(s)', value: 'urltableports' }
                        ]
                    },
                    addEditDTO: <%= Newtonsoft.Json.JsonConvert.SerializeObject(AddEditDTO) %>,
                }
            },
            methods: {
                getLabelText,
            },
            components: {
                AddEditAlias,
            },
            created: function () {
                //console.log(this.addEditDTO);
            },
            template: `

<AddEditAlias :addEditDTO="addEditDTO" :readOnly="readOnly" :aliasTypesAddEdit="aliasTypesAddEdit" />
`
        }).mount('#app');

    </script>

    <div id="app">
    </div>

</asp:Content>

