Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@jaylikesbunda
jaylikesbunda authored Oct 1, 2024
1 parent 88fcc5c commit 6908719
Show file tree
Hide file tree
Showing 3 changed files with 755 additions and 425 deletions.
128 changes: 27 additions & 101 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,26 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flipper IRDB Formatter</title>
<link rel="stylesheet" href="styles.css">
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NKXZVMQ34Z"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-NKXZVMQ34Z');
</script>

<body class="light-mode">
<div class="container">
<h1>Flipper IRDB Formatter</h1>

<!-- File selection -->
<label for="file-input">Step 1: Select the .ir file you want to format</label>
<label>Step 1: Select the .ir files or folder containing .ir files you want to format</label>

<!-- File Input for selecting files -->
<div class="file-input-wrapper">
<input type="file" id="file-input" accept=".ir">
<label for="file-input">Choose a file...</label>
<input type="file" id="file-input-files" multiple>
<label for="file-input-files">Choose files...</label>
</div>

<!-- File Input for selecting a folder (only works in Chrome and Edge) -->
<div class="file-input-wrapper">
<input type="file" id="file-input-folder" webkitdirectory>
<label for="file-input-folder">Choose a folder...</label>
</div>

<!-- Device type -->
Expand Down Expand Up @@ -101,97 +97,21 @@ <h1>Flipper IRDB Formatter</h1>
</optgroup>
</select>

<!-- Link to the naming scheme -->
<p class="naming-scheme-link">
Refer to the
<a href="https://github.com/jaylikesbunda/Flipper-IR-Formatter/blob/main/naming.md" target="_blank">Naming Scheme</a>
for standardized button names.
</p>

<!-- Brand and other details -->
<label for="brand">Step 3: Enter device details</label>
<input id="brand" type="text" placeholder="E.g., Samsung" list="brands-list">
<datalist id="brands-list">
<option value="Samsung">
<option value="Sony">
<option value="LG">
<option value="Panasonic">
<option value="Philips">
<option value="Sharp">
<option value="Toshiba">
<option value="Vizio">
<option value="Hisense">
<option value="Mitsubishi">
<option value="RCA">
<option value="Sanyo">
<option value="Pioneer">
<option value="JVC">
<option value="Denon">
<option value="Yamaha">
<option value="Onkyo">
<option value="Bose">
<option value="Harman Kardon">
<option value="Polk Audio">
<option value="Marantz">
<option value="Nakamichi">
<option value="Apple">
<option value="Google">
<option value="Amazon">
<option value="Microsoft">
<option value="PlayStation">
<option value="Xbox">
<option value="Nintendo">
<option value="Canon">
<option value="Nikon">
<option value="Fujifilm">
<option value="Olympus">
<option value="Leica">
<option value="Logitech">
<option value="Huawei">
<option value="HTC">
<option value="Motorola">
<option value="OnePlus">
<option value="Xiaomi">
<option value="Oppo">
<option value="Realme">
<option value="Tecno">
<option value="Vivo">
<option value="Bang & Olufsen">
<option value="Bowers & Wilkins">
<option value="Sennheiser">
<option value="Klipsch">
<option value="Sonos">
<option value="JBL">
<option value="Marshall">
<option value="Polaroid">
<option value="Casio">
<option value="Kodak">
<option value="GoPro">
<option value="Fitbit">
<option value="Ring">
<option value="Nest">
<option value="TP-Link">
<option value="Linksys">
<option value="Netgear">
<option value="Asus">
<option value="Acer">
<option value="Dell">
<option value="HP">
<option value="Lenovo">
<option value="Alienware">
<option value="Razer">
<option value="MSI">
<option value="EVGA">
<option value="DJI">
<option value="iRobot">
<option value="Dyson">
<option value="Shark">
<option value="KitchenAid">
<option value="Breville">
<option value="Nespresso">
<option value="Keurig">
<option value="Frigidaire">
<option value="Whirlpool">
<option value="Maytag">
<option value="Bosch">
<option value="TCL">
<option value="Insignia">
<option value="Roku">
<option value="Fire TV">
<option value="Chromecast">
<!-- ... other brands ... -->
<option value="Apple TV">
</datalist>
<input id="device-model" type="text" placeholder="Device Model E.g., UN55NU7100">
Expand All @@ -201,19 +121,25 @@ <h1>Flipper IRDB Formatter</h1>
<!-- New input fields for link and description -->
<input id="device-link" type="url" placeholder="Device Link (optional)">
<textarea id="device-description" placeholder="Short Description (optional)"></textarea>
<input id="contributor-name" type="text" placeholder="Your Name (optional)">

<button id="process-btn">Process File</button>
<button id="process-btn">Process Files</button>

<!-- Theme Toggle Button at the bottom -->
<div class="theme-toggle">
<button id="theme-toggle-button">Switch to Dark Mode</button>
</div>
</div>

<!-- Moved the explanatory text to the bottom -->
<h1 class="explanatory-text">
This tool formats IR files for the
<a href="https://github.com/Lucaslhm/Flipper-IRDB">Flipper-IRDB</a>
</h1>

<!-- Include JSZip and FileSaver.js libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<script src="script.js"></script>
</body>
</html>
</html>
Loading

0 comments on commit 6908719

Please sign in to comment.