fpPS4-Temmie-s-Launcher/App/index.htm

170 lines
No EOL
5.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>fpPS4 Temmie's Launcher</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- Launcher Settings -->
<div class="DIV_SETTINGS" id="DIV_SETTINGS">
<div class="DIV_TITLE">Launcher Settings</div>
<!-- BG -->
<div class="DIV_SETTINGS_BG"></div>
<!-- Settings List -->
<div class="DIV_SETTINGS_LIST">
<div class="DIV_settingsH2">General</div>
<div class="DIV_settingsEntry">
Games / Homebrew Path:
<label id="LBL_SETTINGS_gamePath" class="LABEL_settingsPath">???</label>
<input type="button" class="BTN_selectPath" value="Select path" onclick="APP.settings.selectGamePath();">
<input type="button" class="BTN_selectPath" value="Open folder" onclick="APP.gameList.openFolder();">
</div>
<div class="DIV_settingsEntry">
fpPS4 Path:
<label id="LBL_SETTINGS_emuPath" class="LABEL_settingsPath">???</label>
<input type="button" class="BTN_selectPath" value="Select path" onclick="APP.settings.selectEmuPath();">
</div>
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsH2">Game List</div>
<div class="DIV_settingsEntry">
Display mode:
<select id="SELECT_settingsDisplayMode" class="SELECT_settings">
<option value="normal">Normal</option>
<option value="compact">Compact</option>
</select>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
(Game List) Background Opacity:
<input type="range" min="0" max="1" step="0.01" value="0.6" id="RANGE_settingsGameListBgOpacity" oninput="APP.design.renderSettings(!0);">
<label id="LABEL_settingsGameListBgOpacity">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
(Emu Running) Background Opacity:
<input type="range" min="0" max="1" step="0.01" value="0.7" id="RANGE_settingsEmuRunningBgOpacity" oninput="APP.design.renderSettings(!0);">
<label id="LABEL_settingsEmuRunningBgOpacity">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsShowExecList">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsShowExecList');">
Show executable path for every title in game list
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsShowExecRunning">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsShowExecRunning');">
Show executable path on GUI when fpPS4 is running
</label>
</div>
</div>
<!-- Save & Exit Buttons -->
<div class="DIV_settingsSave">
<input type="button" class="BTN_SAVE" onclick="APP.design.saveSettings();" value="Apply & Close">
<input type="button" class="BTN_SAVE" onclick="APP.design.toggleSettings(!0);" value="Close">
</div>
</div>
<!-- Top Menu -->
<div class="DIV_ACTIONS" id="DIV_ACTIONS">
<input type="button" class="APP_btn" id="BTN_SETTINGS" onclick="APP.design.toggleSettings();" value="Settings">
<input type="button" class="APP_btn" id="BTN_REFRESH" onclick="APP.gameList.load();" value="Refresh game list">
<input type="button" class="APP_btn" onclick="APP.clearLog();" value="Clear / Save log">
<input type="button" class="APP_btn" onclick="APP.about();" value="About">
<input type="button" class="APP_btn BTN_STOP" id="BTN_KILL" onclick="APP.emuManager.killEmu();" disabled="disabled" value="Stop fpPS4">
</div>
<!-- fpPS4 Options -->
<div class="DIV_OPTIONS" id="DIV_OPTIONS">
<div class="DIV_TITLE">
<label class="LABEL_emuColor">fp</label>PS4 Options
</div>
<div class="DIV_labelSelectedGame" id="DIV_labelSelectedGame">
<!-- Selected game name goes here -->
</div><br>
<div id="DIV_HACK_LIST">
<!-- Hacks goes here -->
</div>
<!-- Run fpPS4 -->
<div class="DIV_RUN_BTN">
<input type="button" class="BTN_RUN" id="BTN_RUN" onclick="APP.emuManager.runGame();" disabled="disabled" value="Run fpPS4">
</div>
</div>
<!-- Game List -->
<div class="DIV_LIST" id="DIV_LIST">
<!-- Background Image -->
<div id="DIV_GAMELIST_BG" class="DIV_GAMELIST_BG"></div>
<!-- List -->
<div class="DIV_LIST_INTERNAL" id="DIV_LIST_INTERNAL">
<!-- Games goes here -->
</div>
<!-- Game details -->
<div class="DIV_GAME_DETAILS" id="DIV_GAME_DETAILS">
<img id="IMG_APP_ICON" class="IMG_APP_ICON">
<div class="DIV_GAME_DETAILS_LABELS">
<div id="LABEL_GAME_DETAILS_APP_NAME" class="LABEL_detailsGameName">
???
</div>
<div id="DIV_GAME_DETAILS_currentExec">
Path: <label id="LABEL_GAME_DETAILS_PATH" class="user-can-select">???</label>
</div>
Status: <label id="LABEL_GAME_DETAILS_STATUS">???</label>
</div>
</div>
</div>
<!-- Log -->
<div class="DIV_LOG" id="DIV_LOG">
<textarea class="APP_LOG" id="APP_LOG" disabled="disabled"></textarea>
</div>
<!-- Hidden Stuff -->
<div class="none">
<!-- Folder loader -->
<input type="file" id="APP_FILE_LOADER"/>
<input type="file" id="APP_FOLDER_LOADER" nwdirectory/>
<!-- Scripts -->
<script type="text/javascript" src="js/TMS.js"></script>
<script type="text/javascript" src="js/filemanager.js"></script>
<script type="text/javascript" src="js/gamelist.js"></script>
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/design.js"></script>
<script type="text/javascript" src="js/emumanager.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</div>
</body>
</html>