Alternat ATT&CK Powered Suit search form

gistfile1.txt

    <div class="gray-box">
        <p class="text-muted small">
            Select the types of objects to include in search results:
        </p>
        <div class="row">
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="tactics"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={tacticsEnabled}
                    />
                    <label for="tactics" class="form-check-label">Tactics</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="mitigations"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={mitigationsEnabled}
                    />
                    <label for="mitigations" class="form-check-label"
                        >Mitigations</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="Enterprise"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={enterpriseEnabled}
                    />
                    <label for="mitigations" class="form-check-label"
                        >Enterprise</label
                    >
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="techniques"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={techniquesEnabled}
                    />
                    <label for="techniques" class="form-check-label"
                        >Techniques</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="software"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={softwareEnabled}
                    />
                    <label for="software" class="form-check-label"
                        >Software</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="ICS"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={ICSEnabled}
                    />
                    <label for="mitigations" class="form-check-label">ICS</label
                    >
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="subtechniques"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={subtechniquesEnabled}
                    />
                    <label for="subtechniques" class="form-check-label"
                        >Sub-techniques</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="groups"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={groupsEnabled}
                    />
                    <label for="groups" class="form-check-label">Groups</label>
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="Mobile"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={mobileEnabled}
                    />
                    <label for="mitigations" class="form-check-label"
                        >Mobile</label
                    >
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <!-- placeholder so all rows have equal columns -->
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="dataSources"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={dataSourcesEnabled}
                    />
                    <label for="dataSources" class="form-check-label"
                        >Data Sources</label
                    >
                </div>
            </div>
            <div class="col">
                <div class="form-check form-switch">
                    <input
                        id="deprecated"
                        type="checkbox"
                        role="switch"
                        class="form-check-input"
                        bind:checked={deprecatedEnabled}
                    />
                    <label for="deprecated" class="form-check-label"
                        >Deprecated</label
                    >
                </div>
            </div>
        </div>
    </div>