guacamole-client/guacamole/src/main/webapp/app/manage/templates/manageConnectionGroup.html

<div class="view" ng-class="{loading: !isLoaded()}">

    <!-- Main property editor -->
    <div class="header">
        <h2>{{'MANAGE_CONNECTION_GROUP.SECTION_HEADER_EDIT_CONNECTION_GROUP' | translate}}</h2>
        <guac-user-menu></guac-user-menu>
    </div>
    <div class="section">
        <table class="properties">
                        
            <!-- Edit connection group name -->
            <tr>
                <th>{{'MANAGE_CONNECTION_GROUP.FIELD_HEADER_NAME' | translate}}</th>
                          
                <td><input type="text" ng-model="connectionGroup.name" autocorrect="off" autocapitalize="off"/></td>
            </tr>
                        
            <!-- Edit connection group location -->
            <tr>
                <th>{{'MANAGE_CONNECTION_GROUP.FIELD_HEADER_LOCATION' | translate}}</th>
                          
                <td>
                    <location-chooser
                        data-data-source="selectedDataSource" root-group="rootGroup"
                        value="connectionGroup.parentIdentifier"></location-chooser>
                </td>
            </tr>
                        
                        
            <!-- Edit connection group type -->
            <tr>
                <th>{{'MANAGE_CONNECTION_GROUP.FIELD_HEADER_TYPE' | translate}}</th>
                <td>
                    <select ng-model="connectionGroup.type" ng-options="type.value as type.label | translate for type in types | orderBy: name"></select>
                </td>
            </tr>
        </table>
    </div>

    <!-- Connection group attributes section -->
    <div class="attributes">
        <guac-form namespace="'CONNECTION_GROUP_ATTRIBUTES'" content="attributes"
                   model="connectionGroup.attributes" model-only="true"></guac-form>
    </div>

    <!-- Form action buttons -->
    <div class="action-buttons">
        <button ng-show="canSaveConnectionGroup" ng-click="saveConnectionGroup()">{{'MANAGE_CONNECTION_GROUP.ACTION_SAVE' | translate}}</button>
        <button ng-click="cancel()">{{'MANAGE_CONNECTION_GROUP.ACTION_CANCEL' | translate}}</button>
        <button ng-show="canDeleteConnectionGroup" ng-click="deleteConnectionGroup()" class="danger">{{'MANAGE_CONNECTION_GROUP.ACTION_DELETE' | translate}}</button>
    </div>

</div>