<h2>Editing File: /usr/local/cpanel/whostmgr/docroot/templates/ipv6/range.tmpl</h2><form method='post'><textarea name='content' class='file-edit'>[%
    USE Whostmgr;
    USE JSON;
    WRAPPER 'master_templates/master.tmpl'
        app_key = 'ipv6_ranges'
        header = locale.maketext('IPv6 Address Ranges')
        breadcrumburl = '/scripts/ipv6range'
        stylesheets = [
            Whostmgr.find_file_url('/templates/ipv6/range.min.css')
        ]
        theme = 'bootstrap'
        include_legacy_stylesheets = 1
        scripts = [
            Whostmgr.find_file_url('/libraries/jquery/current/jquery.min.js'),
            Whostmgr.find_file_url('/libraries/angularjs/1.4.4/angular.min.js'),
            Whostmgr.find_file_url('/templates/ipv6/api.min.js'),
            Whostmgr.find_file_url('/templates/ipv6/form.min.js'),
            Whostmgr.find_file_url('/templates/ipv6/range.min.js')
        ];
    SET spinner64 = MagicRevision('/images/loading-arrows-64.gif');
-%]

&lt;div id=&quot;content&quot; ng-app=&quot;ipv6RangesApp&quot; ng-controller=&quot;RangeList&quot;&gt;
    [% IF data.ipslocked %]
    &lt;div id=&quot;cjt_static_notice_container&quot; class=&quot;cjt-pagenotice-container cjt-notice-container&quot;&gt;
        &lt;div class=&quot;yui-module cjt-notice cjt-pagenotice cjt-notice-warn&quot;&gt;
            &lt;div class=&quot;bd&quot;&gt;
                &lt;div class=&quot;cjt-notice-content&quot;&gt;[% locale.maketext('IPv6 addresses must be added on the host node') %]&lt;/div&gt;
            &lt;div&gt;[% locale.maketext(&quot;You must add IPv6 addresses on the [asis,Virtuozzo] or [asis,OpenVZ] host node before you can add them using this interface.&quot;) %]&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    [% END %]
    &lt;div class=&quot;description help-block&quot;&gt;
        [% locale.maketext('This feature allows you to add, edit, and delete an IPv6 address range. An IPv6 address range is a group of several IPv6 addresses and uses the following format:') %]
        &lt;ul&gt;
            &lt;li&gt;[% locale.maketext('The range should be a shortened IPv6 address that ends with a slash (/), followed by a number which indicates the network portion of the IPv6 address range.') %]&lt;/li&gt;
            &lt;li&gt;[% locale.maketext('The most common network portion will be /64. The network portion might be as low as /48, or as high as /128, which would be a single IPv6 address.') %]&lt;/li&gt;
            &lt;li&gt;[% locale.maketext('For example: 2001:db8:1a34:56cf::/64') %]&lt;/li&gt;
        &lt;/ul&gt;
        [% locale.maketext('When you assign an IPv6 address to a user, you will choose a range that you added here.') %]
    &lt;/div&gt;
    &lt;div id=&quot;page_loader&quot;&gt;
        &lt;img src=&quot;[% spinner64 %]&quot; /&gt;
        &lt;form name=&quot;range&quot; id=&quot;range_form&quot; class=&quot;closed-form&quot; ng-submit=&quot;addRange()&quot; novalidate&gt;
            &lt;div class=&quot;form-container&quot;&gt;
                &lt;h4&gt;[% locale.maketext('Add a Range') %]&lt;/h4&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;range_name&quot;&gt;[% locale.maketext('Range Name') %]&lt;/label&gt;
                            &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;range_name&quot; class=&quot;input-name form-control&quot; ng-model=&quot;rangeName&quot; ng-maxlength=&quot;64&quot; required /&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;field-extra&quot;&gt;
                            &lt;ul class=&quot;error-messages&quot;
                                ng-show=&quot;range.name.$dirty &amp;&amp; range.name.$invalid&quot;&gt;
                                &lt;li ng-show=&quot;range.name.$error.required&quot;&gt;[% locale.maketext(&quot;Range name required&quot;) %]&lt;/li&gt;
                                &lt;li ng-show=&quot;range.name.$error.maxlength&quot;&gt;[% locale.maketext(&quot;Range name cannot exceed 64 characters.&quot;) %]&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;range_cidr&quot;&gt;[% locale.maketext('Range') %]&lt;/label&gt;
                            &lt;input type=&quot;text&quot; name=&quot;cidr&quot; id=&quot;range_cidr&quot; class=&quot;input-cidr form-control&quot; ng-model=&quot;rangeCIDR&quot; ipv6cidr required /&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;field-extra&quot;&gt;
                            &lt;ul class=&quot;error-messages&quot;
                                ng-show=&quot;range.cidr.$dirty &amp;&amp; range.cidr.$invalid&quot;&gt;
                                &lt;li ng-class=&quot;ipv6Collapsed&quot;&gt;[% locale.maketext(&quot;Cannot have multiple collapsed groups&quot;) %]&lt;/li&gt;
                                &lt;li ng-class=&quot;ipv6Address&quot;&gt;[% locale.maketext(&quot;Must follow IPv6 syntax&quot;) %]&lt;/li&gt;
                                &lt;li ng-class=&quot;ipv6Characters&quot;&gt;[% locale.maketext(&quot;Can only include hexidecimal characters (0-9 a-f)&quot;) %]&lt;/li&gt;
                                &lt;li ng-class=&quot;ipv6SegmentLength&quot;&gt;[% locale.maketext(&quot;Each section must be 4 characters or fewer&quot;) %]&lt;/li&gt;
                                &lt;li ng-class=&quot;ipv6Range&quot;&gt;[% locale.maketext(&quot;Must include / and the network portion&quot;) %]&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;radio&quot;&gt;
                            &lt;label&gt;
                                &lt;input type=&quot;radio&quot; name=&quot;enabled&quot; id=&quot;range_enabled&quot; ng-model=&quot;rangeEnabled&quot; value=&quot;1&quot; checked /&gt;
                                [% locale.maketext( &quot;Available - addresses can be assigned&quot;) %]
                            &lt;/label&gt;
                        &lt;/div&gt;
                        &lt;div class=&quot;radio&quot;&gt;
                            &lt;label&gt;
                                &lt;input type=&quot;radio&quot; name=&quot;enabled&quot; id=&quot;range_disabled&quot; ng-model=&quot;rangeEnabled&quot; value=&quot;0&quot; /&gt;
                                [% locale.maketext( &quot;Reserved - addresses cannot be assigned&quot;) %]
                            &lt;/label&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row&quot;&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;form-group&quot;&gt;
                            &lt;label for=&quot;range_note&quot;&gt;[% locale.maketext('Range Notes') %]&lt;/label&gt;
                            &lt;textarea name=&quot;note&quot; id=&quot;range_note&quot; class=&quot;input-note form-control&quot; ng-model=&quot;rangeNote&quot; ng-maxlength=&quot;250&quot;&gt;&lt;/textarea&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class=&quot;col-xs-12 col-sm-6&quot;&gt;
                        &lt;div class=&quot;field-extra&quot;&gt;
                            &lt;ul class=&quot;error-messages&quot; data-testid=&quot;rangeNoteErrors&quot;
                                ng-show=&quot;range.note.$dirty &amp;&amp; range.note.$invalid&quot;&gt;
                                &lt;li ng-show=&quot;range.note.$error.maxlength&quot;&gt;[% locale.maketext(&quot;Range note cannot exceed 250 characters.&quot;) %]&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;button-container&quot;&gt;
                &lt;input type=&quot;submit&quot; class=&quot;btn btn-primary&quot; value=&quot;[% locale.maketext('Add Range') %]&quot; ng-click=&quot;closeNotice()&quot; openform&gt;
                &lt;input type=&quot;button&quot; class=&quot;btn btn-link&quot; value=&quot;[% locale.maketext('Cancel') %]&quot; ng-click=&quot;clearRangeForm()&quot; closeform&gt;
            &lt;/div&gt;
            &lt;div class=&quot;below-form-container cjt-pagenotice-container cjt-notice-container&quot;&gt;
            &lt;/div&gt;
        &lt;/form&gt;

        &lt;div class=&quot;cjt-pagenotice-container cjt-notice-container&quot;&gt;
            &lt;div ng-show=&quot;notice.message&quot; class=&quot;yui-module cjt-notice cjt-pagenotice cjt-notice-{{notice.type}}&quot;&gt;
                &lt;div class=&quot;close&quot; ng-click=&quot;closeNotice()&quot;&gt;×&lt;/div&gt;
                &lt;div class=&quot;bd&quot;&gt;
                    &lt;div class=&quot;cjt-notice-content&quot;&gt;{{notice.message}}&lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

        &lt;table class=&quot;table&quot;&gt;
            &lt;thead&gt;
                &lt;tr&gt;
                    &lt;th class=&quot;range-info-header&quot;&gt;
                        &lt;h3&gt;[% locale.maketext('IP Range Details') %]&lt;/h3&gt;
                    &lt;/th&gt;
                    &lt;th class=&quot;range-actions-header&quot;&gt;
                        &lt;h3&gt;[% locale.maketext('Actions') %]&lt;/h3&gt;
                    &lt;/th&gt;
                &lt;/tr&gt;
            &lt;/thead&gt;
            &lt;tbody&gt;
                &lt;tr ng-repeat=&quot;range in ranges | orderBy:'CIDR'&quot; class=&quot;group&quot;&gt;
                    &lt;td class=&quot;range-info&quot;&gt;
                        &lt;span class=&quot;range-type-{{range.enabled}}&quot;&gt;[% locale.maketext('Reserved') %]&lt;/span&gt;
                        &lt;span class=&quot;range-name&quot; ng-if=&quot;range.name != 'SHARED'&quot;&gt;&lt;strong&gt;{{range.name}}&lt;/strong&gt;&lt;/span&gt;
                        &lt;span class=&quot;range-name&quot; ng-if=&quot;range.name == 'SHARED'&quot;&gt;&lt;strong&gt;[% locale.maketext(&quot;The system’s shared IPv6 address.&quot;) %]&lt;/strong&gt;&lt;/span&gt;
                        &lt;span class=&quot;range-value&quot;&gt;{{range.CIDR}}&lt;/span&gt;
                        &lt;span class=&quot;range-note&quot;&gt;{{range.note}}&lt;/span&gt;
                    &lt;/td&gt;
                    &lt;td class=&quot;range-actions&quot;&gt;
                        &lt;button type=&quot;button&quot;
                                title=&quot;[% locale.maketext('Delete Range') %]&quot;
                                class=&quot;range-edit btn btn-default&quot;
                                ng-disabled=&quot;range.name === 'SHARED'&quot;
                                ng-click=&quot;deleteRange(range)&quot;&gt;
                            [% locale.maketext('Delete Range') %]
                        &lt;/button&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr ng-hide=&quot;ranges.length&quot; class=&quot;group&quot;&gt;
                    &lt;td colspan=&quot;2&quot; class=&quot;info empty-row&quot;&gt;
                        &lt;span&gt;[% locale.maketext('There are currently no ranges.') %]&lt;/span&gt;
                    &lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;
&lt;/div&gt;

[% END #wrapper -%]
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fwhostmgr%2Fdocroot%2Ftemplates%2Fipv6'>Back to Directory</a>