<%@ page title="" language="VB" masterpagefile="~/Template/Master.master" autoeventwireup="false" inherits="PCC_VPS_SDN_Interfaces, 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/Interfaces.html" -->

    <script type="module">

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

        createApp({
            data() {
                return {
                    readOnly: <%= Helper.ReadOnlyRole %>,
                    sdnServerId: <%= SDNServerId %>,
                }
            },
            methods: {
                getLabelText,
            },
            components: {
                Interfaces,
            },
            created: function () {
                let urlParams = new URLSearchParams(window.location.search);
                var vm = this;

                if (urlParams.get('M') == 1) {
                    displaySuccessMsg(this.getLabelText('EGN0000011'));
                }
            },
            template: `

<Interfaces :readOnly="readOnly" :sdnServerId="sdnServerId" />
`
        }).mount('#app');

    </script>

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

</asp:Content>

