SCED/xml/OptionPanel.xml

<!-- Default formatting -->
<Defaults>
  <Text color="#FFFFFF"
    alignment="MiddleLeft" />

  <Toggle isOn="False"
    rectAlignment="MiddleRight" />

  <Dropdown rectAlignment="MiddleCenter" />

  <Cell dontUseTableCellBackground="true"
    outlineSize="0 1"
    outline="grey" />

  <!-- main window -->
  <TableLayout class="window"
    width="500"
    height="800"
    active="false"
    color="#000000"
    outlineSize="2 2"
    outline="grey"
    showAnimation="SlideIn_Right"
    hideAnimation="SlideOut_Right"
    animationDuration="0.2" />

  <!-- group headers -->
  <Row class="group-header"
    preferredHeight="54" />
  <Cell class="group-header"
    columnSpan="3"
    color="#222222" />
  <Panel class="group-header"
    padding="5 0 0 0" />
  <Text class="group-header"
    fontSize="28"
    font="font_teutonic-arkham" />

  <!-- options -->
  <Row class="option-text"
    preferredHeight="70"/>
  <Cell class="option-text"
    color="#333333"
    columnSpan="2"/>
  <Cell class="option-button"
    color="#333333"/>
  <Cell class="option-dropdowntext"
    color="#333333"
    columnSpan="1"/>
  <Cell class="option-dropdown"
    color="#333333"
    columnSpan="2"/>
  <VerticalLayout class="text-column"
    padding="10 0 0 0"
    spacing="5"/>
  <Text class="option-header"
    fontSize="20"
    font="font_teutonic-arkham"/>
  <Text class="description"
    fontSize="12"/>

  <!-- buttons at the bottom -->
  <Button class="bottomButtons"
    hoverClass="hover"
    pressClass="press"
    selectClass="select"
    color="#888888"
    minHeight="35"
    fontSize="24"
    font="font_teutonic-arkham"/>
  <Button class="hover"
    color="grey"/>
  <Button class="press"
    color="white"/>
  <Button class="select"
    color="white"/>
</Defaults>

<!-- Option Panel -->
<TableLayout id="optionPanel"
  class="window"
  active="false"
  rectAlignment="LowerRight"
  offsetXY="-50 80">
  <!-- Header: Options -->
  <Row preferredHeight="60">
    <Cell>
      <Panel padding="10 0 0 0">
        <Text font="font_teutonic-arkham"
          fontSize="35">Options</Text>
      </Panel>
    </Cell>
  </Row>

  <!-- Scrollable part with options -->
  <Row>
    <Cell>
      <VerticalScrollView horizontalScrollbarVisibility="AutohideAndExpandViewport">
        <TableLayout columnWidths="0 100 75"
          autoCalculateHeight="1"
          cellPadding="10 5 5 5">

          <!-- Group: general settings -->
          <Row class="group-header">
            <Cell class="group-header">
              <Panel class="group-header"
                image="header_acolyte">
                <Text class="group-header">GENERAL SETTINGS</Text>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: card language -->
          <Row class="option-text">
            <Cell class="option-dropdowntext">
              <VerticalLayout class="text-column">
                <Text class="option-header">Card language</Text>
                <Text class="description">Downloading a supported campaign or importing a deck will use this language for the cards.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-dropdown">
              <Panel padding="0 17 13 13">
                <Dropdown id="cardLanguage"
                  onValueChanged="languageSelected(selectedIndex)">
                  <Option>简体中文</Option>
                  <Option>繁體中文</Option>
                  <Option>Deutsch</Option>
                  <Option>English</Option>
                  <Option>Español</Option>
                  <Option>Français</Option>
                  <Option>Italiano</Option>
                </Dropdown>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: play area snap tags -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Enable snap tags for play area</Text>
                <Text class="description">Only cards with the tag "Location" will snap (official cards are supported by default). Disable this if you are having issues with custom content.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="playAreaSnapTags"
                onValueChanged="onClick_toggleOption(playAreaSnapTags)"/>
            </Cell>
          </Row>

          <!-- Option: splash scenario name on setup -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Show scenario title on setup</Text>
                <Text class="description">Fade in the name of the scenario for 2 seconds when placing down a scenario.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showTitleSplash"
                onValueChanged="onClick_toggleOption(showTitleSplash)"/>
            </Cell>
          </Row>

          <!-- Group: playermat settings -->
          <Row class="group-header">
            <Cell class="group-header">
              <Panel class="group-header"
                image="header_cover">
                <Text class="group-header">PLAYERMAT SETTINGS</Text>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: enable snap tags -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Enable snap tags</Text>
                <Text class="description">Only cards with the tag "Asset" will snap (official cards are supported by default). Disable this if you are having issues with custom content.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="useSnapTags"
                onValueChanged="onClick_toggleOption(useSnapTags)"/>
            </Cell>
          </Row>

          <!-- Option: show draw 1 button -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Show "Draw 1" button</Text>
                <Text class="description">Displays a button below the "Upkeep" button that draws a card from your deck. Useful for multi-handed solo play.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showDrawButton"
                onValueChanged="onClick_toggleOption(showDrawButton)"/>
            </Cell>
          </Row>

          <!-- Option: use clickable clue-counters -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Use clickable clue counters</Text>
                <Text class="description">Instead of automatically counting clues in the respective area on your playermat, this displays a clickable counter for clues.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="useClueClickers"
                onValueChanged="onClick_toggleOption(useClueClickers)"/>
            </Cell>
          </Row>

          <!-- Option: use clickable resource counters -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Use clickable resource tokens</Text>
                <Text class="description">This enables spawning of clickable resource tokens for player cards.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="useResourceCounters"
                onValueChanged="onClick_toggleOption(useResourceCounters)"/>
            </Cell>
          </Row>

          <!-- Group: fan-made accessories -->
          <Row class="group-header">
            <Cell class="group-header">
              <Panel class="group-header"
                image="header_olive">
                <Text class="group-header">FAN-MADE ACCESSORIES</Text>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: show attachment helper -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Attachment Helper</Text>
                <Text class="description">Provides a card-sized bag for cards that are attached to other cards (e.g. Backpack).</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showAttachmentHelper"
                onValueChanged="onClick_toggleOption(showAttachmentHelper)"/>
            </Cell>
          </Row>

          <!-- Option: show chaos bag manager -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Chaos Bag Manager</Text>
                <Text class="description">Panel for easy addition or removal of chaos tokens to the bag - very useful for EotE because of Frost tokens!</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showChaosBagManager"
                onValueChanged="onClick_toggleOption(showChaosBagManager)"/>
            </Cell>
          </Row>

          <!-- Option: show clean up helper -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Clean Up Helper</Text>
                <Text class="description">Useful for campaign-play: It resets play areas to allow continuous gameplay in the same savegame.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showCleanUpHelper"
                onValueChanged="onClick_toggleOption(showCleanUpHelper)"/>
            </Cell>
          </Row>

          <!-- Option: show custom playmat images -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Custom Playmat Images</Text>
                <Text class="description">Places a tool that displays custom playmat images for all cycles in a gallery-like fashion.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showCustomPlaymatImages"
                onValueChanged="onClick_toggleOption(showCustomPlaymatImages)"/>
            </Cell>
          </Row>

          <!-- Option: show CYOA campaign guides -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">CYOA Campaign Guides</Text>
                <Text class="description">Displays in a "Choose Your Own Adventure" style redesigned campaign guides.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showCYOA"
                onValueChanged="onClick_toggleOption(showCYOA)"/>
            </Cell>
          </Row>

          <!-- Option: show displacement tool -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Displacement Tool</Text>
                <Text class="description">This allows moving all objects on the main playmat in a chosen direction.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showDisplacementTool"
                onValueChanged="onClick_toggleOption(showDisplacementTool)"/>
            </Cell>
          </Row>

          <!-- Option: show hand helper -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Hand Helper</Text>
                <Text class="description">Never count your hand cards again! This tool does that for you and additionally enables easy discarding of random cards.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showHandHelper"
                onValueChanged="onClick_toggleOption(showHandHelper)"/>
            </Cell>
          </Row>

          <!-- Option: show search assistant -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Search Assistant</Text>
                <Text class="description">Quickly search 3, 6, 9 or the top X cards of your deck!</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showSearchAssistant"
                onValueChanged="onClick_toggleOption(showSearchAssistant)"/>
            </Cell>
          </Row>

          <!-- Option: show token arranger -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Token Arranger</Text>
                <Text class="description">See the contents of the chaos bag at a glance! This tool displays a sorted table of the tokens to allow easier guessing of your odds.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showTokenArranger"
                onValueChanged="onClick_toggleOption(showTokenArranger)"/>
            </Cell>
          </Row>
        </TableLayout>
      </VerticalScrollView>
    </Cell>
  </Row>

  <!-- Buttons: Defaults and Close -->
  <Row preferredHeight="50">
    <Cell>
      <HorizontalLayout minHeight="55"
        flexibleHeight="0"
        padding="10 10 5 10"
        spacing="225">
        <Button class="bottomButtons"
          onClick="onClick_defaultSettings">Load defaults</Button>
        <Button class="bottomButtons"
          onClick="onClick_toggleUi(Hidden)">Close</Button>
      </HorizontalLayout>
    </Cell>
  </Row>
</TableLayout>