<commit_before><form name="myForm">

  <div ng-hide='splash.splash.updating'>
    <p translate>Splash Designer</p>
  </div>

  <div ng-show='splash.splash.updating'>
    <p translate>Saving...</p>
    <md-progress-linear md-mode="query"></md-progress-linear>
  </div>

  <!-- <div layout="row" layout-align="center center" ng-cloak> -->
  <!--   <md-fab-speed-dial md-open="true" md-direction="up" class="md-fling bottom-right"> -->
  <!--     <md-fab-trigger> -->
  <!--       <md-button aria-label="menu" class="md-fab md-warn"> -->
  <!--         <md-icon md-font-icon="save">menu</md-icon> -->
  <!--       </md-button> -->
  <!--     </md-fab-trigger> -->
  <!--     <md-fab-actions> -->
  <!--       <md-button ng-click="splash.save(splash.splash,myForm)" aria-label="Save" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="save">save</md-icon> -->
  <!--       </md-button> -->
  <!--       <md-button ng-click="splash.preview()" aria-label="Preview" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="pageview">pageview</md-icon> -->
  <!--       </md-button> -->
  <!--       <md-button ng-click="splash.back()" aria-label="Back" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="arrow_back" >arrow_back</md-icon> -->
  <!--       </md-button> -->
  <!--     </md-fab-actions> -->
  <!--   </md-fab-speed-dial> -->
  <!-- </div> -->

  <md-button ng-click="splash.toggle('bg')" flex layout="row" aria-controls="bg" class="md-button-toggle md-secondary">
    <translate>Background Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('bg') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('bg')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.background_image_name" src="{{splash.splash.background_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline translate">Background Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>
        <p translate>
          Upload a background image. Please note, large images will delay page load times.
        </p>
      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <md-button class="md-warn" ng-disabled="!splash.splash.background_image_name" aria-label="{{ 'delete' | translate }}" ng-click="splash.deleteBg(splash.splash,myForm)">
          <translate>Delete</translate>
        </md-button>
        <filepicker attribute="splash.splash.background_image_name" type="10" uploading="splash.splash.bg_uploading"></filepicker>
      </md-card-actions>
    </md-card>

  </div>
  </div>

  <md-button ng-click="splash.toggle('logo')" flex layout="row" aria-controls="logo" class="md-button-toggle md-secondary">
    <translate>Header Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('logo') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('logo')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.header_image_type == 1 && splash.splash.logo_file_name" src="{{splash.splash.logo_file_name}}" class="md-card-image" alt="Background">
      <img ng-show="splash.splash.header_image_type == 2 && splash.splash.header_image_name" src="{{splash.splash.header_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Header Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>

        <p>
          <span ng-show="splash.splash.header_image_type == 1" translate>
            Upload your logo which must be 200px by 106px.
          </span>
          <span ng-show="splash.splash.header_image_type == 2" translate>
            Upload your banner image which must be 851px by 315px.
          </span>
        </p>

        <md-radio-group ng-model="splash.splash.header_image_type" layout="row" style="padding: 0 0 20px 0">
          <md-radio-button value="1" class="md-primary"><translate>Logo</translate></md-radio-button>
          <md-radio-button value="2"><translate>Banner</translate></md-radio-button>
        </md-radio-group>

        <md-input-container class="md-block" ng-show="edit_image_url && splash.splash.header_image_type == 1">
          <label>
            <translate>Image URL</translate>
          </label>
          <input type="text" ng-model="splash.splash.logo_file_name" ng-if="splash.splash.header_image_type == 1"></input>
        </md-input-container>

        <md-input-container class="md-block" ng-show="edit_image_url && splash.splash.header_image_type == 2">
          <label>
            <translate>Banner URL</translate>
          </label>
          <input type="text" ng-model="splash.splash.header_image_name"></input>
        </md-input-container>

        <div ng-show="splash.splash.header_image_type == 1" class="btn-group">
          <md-radio-group ng-model="splash.splash.logo_position" layout="row">
            <md-radio-button value="left" class="md-primary"><translate>Left</translate></md-radio-button>
            <md-radio-button value="center"><translate>Center</translate></md-radio-button>
            <md-radio-button value="right"><translate>Right</translate></md-radio-button>
          </md-radio-group>
        </div>

        <md-switch ng-model="ctrl.nothing" aria-label="{{ 'Switch 1' | translate }}" ng-click="edit_image_url = !edit_image_url" style="margin-bottom: -20px">
          <span ng-if="splash.splash.header_image_type == 1" translate> Edit Logo URL</span>
          <span ng-if="splash.splash.header_image_type != 1" translate> Edit Banner URL</span>
        </md-switch>

      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <!-- <md-button class="md-warn" ng-disabled="!splash.splash.header_image_name" aria-label="delete" ng-click="splash.deleteHeader(splash.splash,myForm)"> -->
        <!-- Delete -->
        <!-- </md-button> -->
        <span ng-hide="edit_image_url">
          <filepicker attribute="splash.splash.logo_file_name" type="{{ splash.splash.header_image_type }}" uploading="splash.splash.uploading" ng-if="splash.splash.header_image_type == 1"></filepicker>
          <filepicker attribute="splash.splash.header_image_name" type="{{ splash.splash.header_image_type }}" uploading="splash.splash.uploading" ng-if="splash.splash.header_image_type == 2"></filepicker>
        </span>
      </md-card-actions>
    </md-card>

    <!-- <p>Upload {{ splash.splash.header_image_type == 1 ? "Logo" : "Banner"}}</p> -->
    <!-- <div layout="row" layout-align="end center"> -->
    <!-- </div> -->

  </div>

  <md-button ng-click="splash.toggle('sideimage')" flex layout="row" aria-controls="logo" class="md-button-toggle md-secondary">
    <translate>Side Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('logo') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('sideimage')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.location_image_name" src="{{splash.splash.location_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Side Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>

        <md-radio-group ng-model="splash.splash.design_id" layout="row" style="padding: 0 0 20px 0">
          <md-radio-button value="2" class="md-primary"><translate>Enabled</translate></md-radio-button>
          <md-radio-button value="1"><translate>Disabled</translate></md-radio-button>
        </md-radio-group>

      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <span ng-hide="edit_image_url">
          <filepicker attribute="splash.splash.location_image_name" uploading="splash.splash.uploading"></filepicker>
        </span>
      </md-card-actions>
    </md-card>
  </div>


  <md-button ng-click="splash.toggle('text')" flex layout="row" aria-controls="images" class="md-button-toggle md-secondary">
    Text
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('text') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('text')" id="text" class="menu-toggle-list" layout="column">
    <md-card>
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Splash Content</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>
        <md-input-container class="md-block">
          <label><commit_msg>changed radios to switch<commit_after><form name="myForm">

  <div ng-hide='splash.splash.updating'>
    <p translate>Splash Designer</p>
  </div>

  <div ng-show='splash.splash.updating'>
    <p translate>Saving...</p>
    <md-progress-linear md-mode="query"></md-progress-linear>
  </div>

  <!-- <div layout="row" layout-align="center center" ng-cloak> -->
  <!--   <md-fab-speed-dial md-open="true" md-direction="up" class="md-fling bottom-right"> -->
  <!--     <md-fab-trigger> -->
  <!--       <md-button aria-label="menu" class="md-fab md-warn"> -->
  <!--         <md-icon md-font-icon="save">menu</md-icon> -->
  <!--       </md-button> -->
  <!--     </md-fab-trigger> -->
  <!--     <md-fab-actions> -->
  <!--       <md-button ng-click="splash.save(splash.splash,myForm)" aria-label="Save" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="save">save</md-icon> -->
  <!--       </md-button> -->
  <!--       <md-button ng-click="splash.preview()" aria-label="Preview" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="pageview">pageview</md-icon> -->
  <!--       </md-button> -->
  <!--       <md-button ng-click="splash.back()" aria-label="Back" class="md-fab md-raised md-mini"> -->
  <!--         <md-icon md-font-icon="arrow_back" >arrow_back</md-icon> -->
  <!--       </md-button> -->
  <!--     </md-fab-actions> -->
  <!--   </md-fab-speed-dial> -->
  <!-- </div> -->

  <md-button ng-click="splash.toggle('bg')" flex layout="row" aria-controls="bg" class="md-button-toggle md-secondary">
    <translate>Background Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('bg') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('bg')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.background_image_name" src="{{splash.splash.background_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline translate">Background Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>
        <p translate>
          Upload a background image. Please note, large images will delay page load times.
        </p>
      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <md-button class="md-warn" ng-disabled="!splash.splash.background_image_name" aria-label="{{ 'delete' | translate }}" ng-click="splash.deleteBg(splash.splash,myForm)">
          <translate>Delete</translate>
        </md-button>
        <filepicker attribute="splash.splash.background_image_name" type="10" uploading="splash.splash.bg_uploading"></filepicker>
      </md-card-actions>
    </md-card>

  </div>
  </div>

  <md-button ng-click="splash.toggle('logo')" flex layout="row" aria-controls="logo" class="md-button-toggle md-secondary">
    <translate>Header Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('logo') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('logo')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.header_image_type == 1 && splash.splash.logo_file_name" src="{{splash.splash.logo_file_name}}" class="md-card-image" alt="Background">
      <img ng-show="splash.splash.header_image_type == 2 && splash.splash.header_image_name" src="{{splash.splash.header_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Header Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>

        <p>
          <span ng-show="splash.splash.header_image_type == 1" translate>
            Upload your logo which must be 200px by 106px.
          </span>
          <span ng-show="splash.splash.header_image_type == 2" translate>
            Upload your banner image which must be 851px by 315px.
          </span>
        </p>

        <md-radio-group ng-model="splash.splash.header_image_type" layout="row" style="padding: 0 0 20px 0">
          <md-radio-button value="1" class="md-primary"><translate>Logo</translate></md-radio-button>
          <md-radio-button value="2"><translate>Banner</translate></md-radio-button>
        </md-radio-group>

        <md-input-container class="md-block" ng-show="edit_image_url && splash.splash.header_image_type == 1">
          <label>
            <translate>Image URL</translate>
          </label>
          <input type="text" ng-model="splash.splash.logo_file_name" ng-if="splash.splash.header_image_type == 1"></input>
        </md-input-container>

        <md-input-container class="md-block" ng-show="edit_image_url && splash.splash.header_image_type == 2">
          <label>
            <translate>Banner URL</translate>
          </label>
          <input type="text" ng-model="splash.splash.header_image_name"></input>
        </md-input-container>

        <div ng-show="splash.splash.header_image_type == 1" class="btn-group">
          <md-radio-group ng-model="splash.splash.logo_position" layout="row">
            <md-radio-button value="left" class="md-primary"><translate>Left</translate></md-radio-button>
            <md-radio-button value="center"><translate>Center</translate></md-radio-button>
            <md-radio-button value="right"><translate>Right</translate></md-radio-button>
          </md-radio-group>
        </div>

        <md-switch ng-model="ctrl.nothing" aria-label="{{ 'Switch 1' | translate }}" ng-click="edit_image_url = !edit_image_url" style="margin-bottom: -20px">
          <span ng-if="splash.splash.header_image_type == 1" translate> Edit Logo URL</span>
          <span ng-if="splash.splash.header_image_type != 1" translate> Edit Banner URL</span>
        </md-switch>

      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <!-- <md-button class="md-warn" ng-disabled="!splash.splash.header_image_name" aria-label="delete" ng-click="splash.deleteHeader(splash.splash,myForm)"> -->
        <!-- Delete -->
        <!-- </md-button> -->
        <span ng-hide="edit_image_url">
          <filepicker attribute="splash.splash.logo_file_name" type="{{ splash.splash.header_image_type }}" uploading="splash.splash.uploading" ng-if="splash.splash.header_image_type == 1"></filepicker>
          <filepicker attribute="splash.splash.header_image_name" type="{{ splash.splash.header_image_type }}" uploading="splash.splash.uploading" ng-if="splash.splash.header_image_type == 2"></filepicker>
        </span>
      </md-card-actions>
    </md-card>

    <!-- <p>Upload {{ splash.splash.header_image_type == 1 ? "Logo" : "Banner"}}</p> -->
    <!-- <div layout="row" layout-align="end center"> -->
    <!-- </div> -->

  </div>

  <md-button ng-click="splash.toggle('sideimage')" flex layout="row" aria-controls="logo" class="md-button-toggle md-secondary">
    <translate>Side Image</translate>
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('logo') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('sideimage')" id="images" class="menu-toggle-list">

    <md-card>
      <img ng-show="splash.splash.location_image_name" src="{{splash.splash.location_image_name}}" class="md-card-image" alt="Background">
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Side Image</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>

        <md-switch ng-model="splash.splash.design_id" ng-true-value="2" ng-false-value="1" aria-label="show_side_image" style="margin: 0px 0 20px 0">
          <span ng-show="splash.splash.design_id == 2" translate>Side Image Enabled</span>
          <span ng-show="splash.splash.design_id == 1" translate>Side Image Disabled</span>
        </md-switch>

      </md-card-content>
      <md-card-actions layout="row" layout-align="end center">
        <span ng-hide="edit_image_url">
          <filepicker attribute="splash.splash.location_image_name" uploading="splash.splash.uploading"></filepicker>
        </span>
      </md-card-actions>
    </md-card>
  </div>


  <md-button ng-click="splash.toggle('text')" flex layout="row" aria-controls="images" class="md-button-toggle md-secondary">
    Text
    <md-icon class="md-toggle-icon" md-font-icon="keyboard_down">keyboard_arrow_{{ splash.isOpen('text') ? "up" : "down" }}</md-icon>
  </md-button>

  <div ng-show="splash.isOpen('text')" id="text" class="menu-toggle-list" layout="column">
    <md-card>
      <md-card-title>
        <md-card-title-text>
          <span class="md-headline" translate>Splash Content</span>
        </md-card-title-text>
      </md-card-title>
      <md-card-content>
        <md-input-container class="md-block">
          <label>
{'fraction_non_alphanumeric': 0.1954656862745098, 'fraction_numerical': 0.005013368983957219, 'mean_word_length': 2.999331699710403, 'pattern_counts': {'":': 0, '<': 457, '<?xml version=': 0, '>': 457, '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': '4029665', 'n_tokens_mistral': 6197, 'n_tokens_neox': 5985, 'n_words': 889}