<div>
    <div class="input select">
        <label for="type" translate>Storage Type</label>
        <select disabled name="type" id="type" ng-model="ServerConfig.Backend" ng-options="backend.DisplayName group by backend.GroupType for backend in SystemInfo.GroupedBackendModules | orderBy: ['OrderKey', 'GroupType', 'DisplayName'] track by backend.Key">
        </select>
    </div>

    <div ng-include="TemplateUrl">
    </div>

    <div ng-show="TemplateUrl == null &amp;&amp; ServerConfig.Backend != null">
        <h3 translate translate-params-backend="ServerConfig.Backend.DisplayName">No editor found for the &quot;{{backend}}&quot; storage type</h3>
    </div>

    <div ng-show="ServerConfig.Backend == null">
        <h3 translate>Chose a storage type to get started</h3>
    </div>
</div>

<div class="buttons" style="
    float: none;
    max-width: 635px;
    ">
    <a href ng-show="isValid && canChangeConfig" class="test-connection" ng-click="changeConfiguration()" translate>Change configuration</a>
    <a href ng-hide="Testing || isValid" ng-disabled="ServerConfig.Path == ''" class="test-connection" ng-click="testConnection()" translate>Test connection</a>
    <a href ng-show="Testing" class="test-connection" translate>Testing …</a>
</div>
