<commit_before><div [formGroup]="form">
    <div class="error" *ngIf="errorMessage">{{errorMessage}}</div>

    <!-- Instance type selection -->
    <div>
        <label for="id_instance_type" class="control-label">
        What type of virtual hardware would you like to use? </label>
        <ng-select id="id_instance_type" [items]="instanceTypes" [disabled]="!cloud"
            [active]="getSelectedInstanceType()" (selected)="onInstanceTypeSelect($event)"
            [placeholder]="instanceTypeHelp"> </ng-select>
    </div>

    <div class="form-group label-floating is-empty">
        <div class="togglebutton">
            <label> <input name="toggleAdvancedOptions" type="checkbox"
                (click)="toggleAdvanced()">Advanced cloud launch options
            </label>
        </div>
    </div>

    <div *ngIf="showAdvanced">
        <!-- Root volume type selection -->
       <div class="form-group">
          <label>Root Volume Storage</label>
          <div class="radio">
             <label>
                <input type="radio" value='instance' formControlName="rootStorageType" />
                Instance Storage
             </label>
          </div>
          <div class="radio">
             <label>
                <input type="radio" value='volume' formControlName="rootStorageType" />
                Volume Storage
             </label>
          </div>
       </div>

       <!-- Root storage size -->
       <div class="form-group" *ngIf="rootStorageType.value=='volume'">
          <label for="id_storage_size" class="control-label">
             Root volume size
          </label>
          <input type="number" class="form-control input-md" formControlName="rootStorageSize" />
          <span class="help-block">
             How big should the root volume be?
          </span>
          <span class="material-input"></span>
       </div>


        <!-- Placement selection -->
        <div class="form-group">
            <label for="id_placement" class="control-label"> In which placement zone
                would you like to launch this appliance? </label>
            <ng-select id="id_placement" [items]="placements" [disabled]="!cloud"
                [allowClear]="true" (selected)="onPlacementSelect($event)"
                (removed)="onPlacementSelect(null)" [placeholder]="placementHelp"> </ng-select>
        </div>

        <!-- Key pair selection -->
        <div class="form-group">
            <label for="id_keypair" class="control-label"> Which keypair would you like
                to use for this Virtual Machine? </label>
            <ng-select id="id_keypair" [items]="keypairs" [disabled]="!cloud"
                (selected)="onKeyPairSelect($event)" [placeholder]="keypairsHelp"> </ng-select>
        </div>

        <!-- Network selection -->
        <div class="form-group">
            <label for="id_network" class="control-label"> In which network would you
                like to place this Virtual Machine? </label>
            <ng-select id="id_network" [items]="networks" [disabled]="!cloud"
                (selected)="onNetworkSelect($event)" [placeholder]="networksHelp"> </ng-select>
        </div>
        <!-- Subnet selection -->
        <div class="form-group">
            <label for="id_subnet" class="control-label"> In which subnet would you like
                to place this Virtual Machine? </label>
            <ng-select id="id_subnet" [items]="subnets" [disabled]="!cloud"
                (selected)="onSubNetSelect($event)" [placeholder]="subnetsHelp"> </ng-select>
        </div>

        <!-- Static IP selection -->
        <div class="form-group">
            <label for="id_floating_ip" class="control-label"> What static/floating IP
                would you like to assign to this Virtual Machine? </label>
            <ng-select id="id_floating_ip" [items]="staticIPs" [disabled]="!cloud"
                (selected)="onStaticIPSelect($event)" [placeholder]="staticIPHelp">
            </ng-select>
        </div>

          <!-- Custom Image ID -->
          <div class="form-group is-empty">
             <label for="id_custom_image" class="control-label">Custom Image ID</label>
             <input id="id_custom_image"
                type="text"
                class="form-control input-md"
                formControlName="customImageID" />
             <span class="help-block">
                A custom image ID if you want to override the preconfigured Image ID
             </span>
             <span class="material-input"></span>
          </div>
      
        <!-- EBS optimized selection (AWS only) -->
        <div class="checkbox">
            <label> <input type="checkbox" id="ebs_optimized" name="ebs_optimized"
                [formControl]="cloudLaunchForm.controls['provider_settings'].controls['ebsOptimised']" />
                If checked, use dedicated disk bandwidth (i.e., EBS-optimized)
            </label>
        </div>

        <!-- Volume IOPS selection (AWS only) -->
        <!--  Add *ngIf="storageType=='volume'" once variable is propagated -->
        <div class="form-group">
            <label for="id_iops" class="control-label">Volume IOPS</label> <input type="number"
                name="volume_iops" class="form-control input-md"
                [formControl]="cloudLaunchForm.controls['provider_settings'].controls['volumeIOPS']" />
            <span class="help-block"> Min: 100; max: 20000; max 30:1 IOPS to size ratio </span>
        </div>
    </div>
</div><commit_msg>Hide extra provider options based on cloud type<commit_after><div [formGroup]="form">
    <div class="error" *ngIf="errorMessage">{{errorMessage}}</div>

    <!-- Instance type selection -->
    <div>
        <label for="id_instance_type" class="control-label">
        What type of virtual hardware would you like to use? </label>
        <ng-select id="id_instance_type" [items]="instanceTypes" [disabled]="!cloud"
            [active]="getSelectedInstanceType()" (selected)="onInstanceTypeSelect($event)"
            [placeholder]="instanceTypeHelp"> </ng-select>
    </div>

    <div class="form-group label-floating is-empty">
        <div class="togglebutton">
            <label> <input name="toggleAdvancedOptions" type="checkbox"
                (click)="toggleAdvanced()">Advanced cloud launch options
            </label>
        </div>
    </div>

    <div *ngIf="showAdvanced">
        <!-- Root volume type selection -->
       <div class="form-group">
          <label>Root Volume Storage</label>
          <div class="radio">
             <label>
                <input type="radio" value='instance' formControlName="rootStorageType" />
                Instance Storage
             </label>
          </div>
          <div class="radio">
             <label>
                <input type="radio" value='volume' formControlName="rootStorageType" />
                Volume Storage
             </label>
          </div>
       </div>

       <!-- Root storage size -->
       <div class="form-group" *ngIf="rootStorageType.value=='volume'">
          <label for="id_storage_size" class="control-label">
             Root volume size
          </label>
          <input type="number" class="form-control input-md" formControlName="rootStorageSize" />
          <span class="help-block">
             How big should the root volume be?
          </span>
          <span class="material-input"></span>
       </div>


        <!-- Placement selection -->
        <div class="form-group">
            <label for="id_placement" class="control-label"> In which placement zone
                would you like to launch this appliance? </label>
            <ng-select id="id_placement" [items]="placements" [disabled]="!cloud"
                [allowClear]="true" (selected)="onPlacementSelect($event)"
                (removed)="onPlacementSelect(null)" [placeholder]="placementHelp"> </ng-select>
        </div>

        <!-- Key pair selection -->
        <div class="form-group">
            <label for="id_keypair" class="control-label"> Which keypair would you like
                to use for this Virtual Machine? </label>
            <ng-select id="id_keypair" [items]="keypairs" [disabled]="!cloud"
                (selected)="onKeyPairSelect($event)" [placeholder]="keypairsHelp"> </ng-select>
        </div>

        <!-- Network selection -->
        <div class="form-group">
            <label for="id_network" class="control-label"> In which network would you
                like to place this Virtual Machine? </label>
            <ng-select id="id_network" [items]="networks" [disabled]="!cloud"
                (selected)="onNetworkSelect($event)" [placeholder]="networksHelp"> </ng-select>
        </div>
        <!-- Subnet selection -->
        <div class="form-group">
            <label for="id_subnet" class="control-label"> In which subnet would you like
                to place this Virtual Machine? </label>
            <ng-select id="id_subnet" [items]="subnets" [disabled]="!cloud"
                (selected)="onSubNetSelect($event)" [placeholder]="subnetsHelp"> </ng-select>
        </div>

        <!-- Static IP selection -->
        <div class="form-group">
            <label for="id_floating_ip" class="control-label"> What static/floating IP
                would you like to assign to this Virtual Machine? </label>
            <ng-select id="id_floating_ip" [items]="staticIPs" [disabled]="!cloud"
                (selected)="onStaticIPSelect($event)" [placeholder]="staticIPHelp">
            </ng-select>
        </div>

          <!-- Custom Image ID -->
          <div class="form-group is-empty">
             <label for="id_custom_image" class="control-label">Custom Image ID</label>
             <input id="id_custom_image"
                type="text"
                class="form-control input-md"
                formControlName="customImageID" />
             <span class="help-block">
                A custom image ID if you want to override the preconfigured Image ID
             </span>
             <span class="material-input"></span>
          </div>
      
        <ng-container *ngIf="cloud.cloud_type === 'aws'">
            <!-- EBS optimized selection (AWS only) -->
            <div class="checkbox">
                <label> <input type="checkbox" id="ebs_optimized" name="ebs_optimized"
                    [formControl]="cloudLaunchForm.controls['provider_settings'].controls['ebsOptimised']" />
                    If checked, use dedicated disk bandwidth (i.e., EBS-optimized)
                </label>
            </div>
    
            <!-- Volume IOPS selection (AWS only) -->
            <!--  Add *ngIf="storageType=='volume'" once variable is propagated -->
            <div class="form-group">
                <label for="id_iops" class="control-label">Volume IOPS</label> <input type="number"
                    name="volume_iops" class="form-control input-md"
                    [formControl]="cloudLaunchForm.controls['provider_settings'].controls['volumeIOPS']" />
                <span class="help-block"> Min: 100; max: 20000; max 30:1 IOPS to size ratio </span>
            </div>
        </ng-container>
    </div>
</div>
{'fraction_non_alphanumeric': 0.14747241011035955, 'fraction_numerical': 0.001957992168031328, 'mean_word_length': 2.1467376085130216, 'pattern_counts': {'":': 0, '<': 215, '<?xml version=': 0, '>': 215, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3026402', 'n_tokens_mistral': 3107, 'n_tokens_neox': 2962, 'n_words': 714}