src/components/dialogs/weapon.html - master - Astartes1337/cal

src/components/dialogs/weapon.html
77 строк3 KB
sh4rkman
SteelDivsion images
27 авг 2025, 18:26
27 авг 2025, 18:26ceef278
<dialog id="weaponInformation" class="animate__animated animate__zoomIn">
    <form method="dialog">
        <button class="closeModal">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"/></svg>
        </button>
    </form>

    <h2 data-i18n="common:weaponInf">Weapon Informations</h2>

    <img class="weaponIcon" alt="weapon icon">
    
    <div class="active">
        <table>
            <tbody>
                <tr>
                    <td data-i18n="common:name"></td><td class="infName"></td>
                </tr>
                <tr>
                    <td data-i18n="common:range"></td><td class="infRange"></td>
                </tr>
                <tr>
                    <td data-i18n="common:velocity" class="infVelocityTooltip info"></td><td class="infVelocity"></td>
                </tr>
            </tbody>
        </table>

        <table>
            <tbody>
                <tr>
                    <td data-i18n="common:moa" class="infMOATooltip info"></td><td class="infMOA"></td>
                </tr>
                <tr>
                    <td data-i18n="common:100radius"></td><td class="inf100damage"></td>
                </tr>
                <tr>
                    <td data-i18n="common:25radius"></td><td class="inf25damage"></td>
                </tr>
            </tbody>
        </table>
    </div>

    <div class="active">
        <table>
            <tbody>
                <tr id="angleChoice">
                    <td data-i18n="common:angle" class="noborder">Angle :</td>
                    <td class="noborder">
                        <div id="angleChoiceSettings">
                            <label>
                                <input type="radio" id="angleChoiceLow" name="angleChoice" value="low">
                                <span data-i18n="common:low"></span>
                            </label>
                            <label>
                                <input type="radio" id="angleChoiceHigh" name="angleChoice" value="high" checked="checked">
                                <span data-i18n="common:high"></span>
                            </label>   
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>

        <table>
            <tbody>
                <tr>
                    <td data-i18n="common:addHeight" class="noborder infHeightPaddingTooltip info"></td>
                    <td class="noborder">
                        <div class="heightPadding">
                            <input type="number" value="0" min="0" max="300" step="1"> <span data-i18n="common:meters"></span>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

</dialog>