1
0
Fork 0
forked from Simnation/Main
Main/resources/[tools]/dc_propattach/nui/index.html

1 line
9.1 KiB
HTML
Raw Normal View History

2025-07-14 16:42:23 +02:00
<!DOCTYPE html><html lang="en"><meta charset="UTF-8"><title>Prop Attach V2</title><link rel="stylesheet"href="style.css"><div id="propAttachContainer"class="menu-container"><h1>Prop Attach V2</h1><div class="section"><h2>Animations</h2><div class="flex-row"style="align-items:center; gap:0.75rem;"><button id="animPrevBtn"class="nav-btn">&laquo; Prev</button> <select id="animationSelect"class="dark-select"style="flex:1;"></select> <button id="animNextBtn"class="nav-btn">Next &raquo;</button></div><div class="section"><div class="flex-row"style="margin-top: 0.5rem;"><div style="flex: 1;"><label for="customAnimDict">Custom Dict:</label> <input id="customAnimDict"class="dark-input"placeholder="Animation Dictionary"></div><div style="flex: 1; margin-left: 0.5rem;"><label for="customAnimName">Custom Anim:</label> <input id="customAnimName"class="dark-input"placeholder="Animation Name"></div></div></div><div class="flex-row button-row"style="justify-content: center; align-items: center;"><label for="animFlagsInput"style="min-width: 60px; font-size: 1.05rem; font-weight: bold;">Flags:</label> <input type="number"id="animFlagsInput"class="dark-input"value="49"style="width:60px;"><div class="preset-container"style="margin-left: 5px;"><button class="preset-button flag-preset"data-value="1">1</button> <button class="preset-button flag-preset"data-value="8">8</button> <button class="preset-button flag-preset"data-value="16">16</button> <button class="preset-button flag-preset"data-value="32">32</button> <button class="preset-button flag-preset"data-value="48">48</button> <button class="preset-button flag-preset"data-value="49">49</button> <button class="preset-button flag-preset"data-value="50">50</button></div></div><div class="button-row"><button id="btnPlayAnim"class="action-btn">Play Anim</button> <button id="btnStopAnim"class="delete-btn">Stop Anim</button></div></div><div class="section speed-section"><div><label for="moveSpeedSlider">Move Speed: <span id="moveSpeedValue">0.01</span></label> <input type="range"id="moveSpeedSlider"min="0.001"max="1.0"step="0.001"value="0.01"><div id="moveSpeedPresets"class="preset-container button-row"></div></div><div><label for="rotateSpeedSlider">Rotate Speed: <span id="rotateSpeedValue">0.1</span></label> <input type="range"id="rotateSpeedSlider"min="0.001"max="5.0"step="0.001"value="0.1"><div id="rotateSpeedPresets"class="preset-container button-row"></div></div></div><div class="section camera-controls"><h2>Camera Controls</h2><div class="section"><label>Focus:</label> <select id="cameraFocusSelect"class="dark-select"><option value="ped">Player/Ped<option value="prop1">Prop 1<option value="prop2">Prop 2</select></div><div class="section"><label for="camDistance">Distance: <span id="distanceValue">2.5</span></label><div class="flex-row button-row"><button data-axis="dist"data-amount="-0.1"class="camNudgeBtn">-</button> <input type="range"id="camDistance"min="0.1"max="10.0"step="0.1"value="2.5"style="flex:1;"> <button data-axis="dist"data-amount="0.1"class="camNudgeBtn">+</button></div></div><div class="section"><label for="camAngle">Angle: <span id="angleValue">0</span></label><div class="flex-row button-row"><button data-axis="angle"data-amount="-5"class="camNudgeBtn">-</button> <input type="range"id="camAngle"min="0"max="359"step="1"value="0"style="flex:1;"> <button data-axis="angle"data-amount="5"class="camNudgeBtn">+</button></div></div><div class="section"><label for="camHeight">Height: <span id="heightValue">0.5</span></label><div class="flex-row button-row"><button data-axis="height"data-amount="-0.1"class="camNudgeBtn">-</button> <input type="range"id="camHeight"min="-2.0"max="5.0"step="0.1"value="0.5"style="flex:1;"> <button data-axis="height"data-amount="0.1"class="camNudgeBtn">+</button></div></div></div><div class="prop-panel"><h2>Prop 1</h2><div class="section"><div class="flex-row"style="align-items:center; gap:0.75rem;"><button id="prop1PrevBtn"class="nav-btn">&laquo; Prev</button> <select class="dark-select"id="propSelect1"style="flex:1;"></select> <button id="prop1NextBtn"c