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

314 lines
No EOL
12 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>fpPS4 Temmie's Launcher - Loading...</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">Paths</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.selectPath({
settings: 'gamePath',
label: 'LBL_SETTINGS_gamePath'
});">
<input type="button" class="BTN_selectPath" value="Open folder" onclick="APP.fileManager.openDir(APP.settings.data.gamePath);">
</div>
<div class="DIV_settingsEntry">
fpPS4 Path:
<label id="LBL_SETTINGS_emuPath" class="LABEL_settingsPath">???</label>
<input type="button" class="BTN_selectPath" value="Select File" onclick="APP.settings.selectFile({
extension: '.exe',
settings: 'emuPath',
label: 'LBL_SETTINGS_emuPath'
});">
</div>
<!-- Game List -->
<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" onchange="APP.design.updateLauncherSettingsGUI();">
<option value="normal">Normal</option>
<option value="compact">Compact</option>
<option value="grid">Grid</option>
</select>
</div>
<!-- Grid Options -->
<div id="DIV_settingsGridOptions">
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex" id="DIV_settingsGridBorderRadius">
Grid Border-Radius:
<input type="range" min="0" max="26" step="1" value="8" id="RANGE_settingsGridIconBorderRadius" onmouseup="APP.design.renderSettings(!0);" onkeyup="APP.design.renderSettings(!0);">
<label id="LABEL_settingsGridBorderRadius">???</label>%
</div>
<div class="SEPARATOR_00"></div>
</div>
<div class="DIV_settingsEntry">
Game search mode:
<select id="SELECT_settingsSearchMode" class="SELECT_settings">
<option value="appName">Name</option>
<option value="titleId">Title ID</option>
</select>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
Background Blur:
<input type="range" min="0" max="6" step="0.01" value="2" id="RANGE_settingsGameListBgBlur" onmouseup="APP.design.renderSettings(!0);" onkeyup="APP.design.renderSettings(!0);">
<label id="LABEL_settingsGameListBgBlur">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
Background Opacity:
<input type="range" min="0" max="1" step="0.01" value="0.6" id="RANGE_settingsGameListBgOpacity" onmouseup="APP.design.renderSettings(!0);" onkeyup="APP.design.renderSettings(!0);">
<label id="LABEL_settingsGameListBgOpacity">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsGameSearchCaseSensitive">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsGameSearchCaseSensitive');">
Enable case-sentitive search on game list
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex" id="DIV_settingsShowBgOnGameEntry">
<input type="checkbox" id="CHECKBOX_settingsShowBgOnGameEntry">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsShowBgOnGameEntry');">
Show background image for every game entry on list
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsShowExecList">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsShowExecList');">
Show App / Game metadata <i>(or executable path)</i> for every title in game list
</label>
</div>
<!-- Emu running -->
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsH2">Emu Running</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
Background Blur:
<input type="range" min="0" max="6" step="0.01" value="6" id="RANGE_settingsEmuRunningBgBlur" onmouseup="APP.design.renderSettings(!0);" onkeyup="APP.design.renderSettings(!0);">
<label id="LABEL_settingsEmuRunningBgBlur">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
Background Opacity:
<input type="range" min="0" max="1" step="0.01" value="0.7" id="RANGE_settingsEmuRunningBgOpacity" onmouseup="APP.design.renderSettings(!0);" onkeyup="APP.design.renderSettings(!0);">
<label id="LABEL_settingsEmuRunningBgOpacity">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsShowExecRunning">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsShowExecRunning');">
Display App Game metadata <i>(or executable path)</i> below game title
</label>
</div>
<!-- Log options -->
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsH2">Log Options</div>
<div class="DIV_settingsEntry">
Start console window:
<select id="SELECT_settingsStartExternalWindow" class="SELECT_settings" onchange="APP.design.updateLauncherSettingsGUI();">
<option value="normal">Normal</option>
<option value="max">Maximized</option>
<option value="min">Minimized</option>
</select>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsExternalWindowPrompt">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsExternalWindowPrompt');">
Prompt user to press any key when fpPS4 closes
</label>
</div>
<!-- Misc. -->
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsH2">Misc.</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsEnableParamSfo">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_settingsEnableParamSfo');">
Enable <code>PARAM.SFO</code> support <i>(Click on "Delete all game settings" and restart launcher to take effect)</i>
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="button" class="SELECT_settings" value="Delete all game settings" onclick="APP.settings.resetAllGameSettings();">
</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">
<!-- Search -->
<input type="text" class="INPUT_gameListSearch" id="INPUT_gameListSearch" placeholder="Search: Insert game name..." oninput="APP.gameList.search();">
<!-- Grid icon size -->
<input type="range" min="50" max="512" step="0.01" value="116" id="RANGE_settingsGridIconSize" oninput="APP.design.renderSettings(!0);APP.design.renderGameList({displayLog: !1});">
<input type="button" class="APP_btn BTN_actions" id="BTN_REFRESH" onclick="APP.gameList.load();" value="Refresh game list">
<input type="button" class="APP_btn BTN_actions" id="BTN_SETTINGS" onclick="APP.design.toggleSettings();" value="Settings">
<input type="button" class="APP_btn BTN_actions" id="BTN_CLEAR_LOG" onclick="APP.clearLog();" value="Clear Log">
<input type="button" class="APP_btn BTN_actions" 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>
<!-- Game Options -->
<div class="DIV_GAME_OPTIONS">
<!-- Game name -->
<div class="DIV_labelSelectedGame" id="DIV_labelSelectedGame">
No game selected
</div>
<!-- Hack List -->
<div class="DIV_HACK_LIST" id="DIV_HACK_LIST">
<!-- Hacks goes here -->
</div>
<!-- App / Game integrity -->
<div class="DIV_labelSelectedGame">
Dump status: <div class="DIV_selectedGameStatus" id="DIV_selectedGameStatus"></div>
</div>
<!-- Patch options -->
<input type="checkbox" id="CHECKBOX_optionsEnablePatch" oninput="APP.gameList.saveGameSettings(!0);APP.design.update();">
<label class="LABEL_checkbox" onclick="APP.tools.processCheckbox('CHECKBOX_optionsEnablePatch');APP.gameList.saveGameSettings(!0);APP.design.update();"> Enable game patch</label>
<div class="DIV_launcherOptions" id="DIV_launcherOptionsPatchVersion">
<input type="button" class="BTN_launcherOptions" value="Select patch location" onclick="APP.gameList.loadGamePatch();">
<!-- Patch details -->
<div class="DIV_launcherOptionsPatchVersionMetadata" id="DIV_launcherOptionsPatchVersionMetadata">
<div id="LABEL_launcherOptionsPatchTitle" class="LABEL_gameTitleOptions">Unknown</div>
<div class="DIV_launcherOptions">
Version: <label id="LABEL_launcherOptionsPatchVersion">Unknown</label><br>
Type: <label id="LABEL_launcherOptionsPatchType">Unknown</label>
</div>
</div>
</div>
<!-- Launcher Options -->
<div class="DIV_launcherOptions">
Launcher Options
<input type="button" class="BTN_launcherOptions" value="Open App / Game location" onclick="APP.gameList.openGameLocation();">
<input type="button" class="BTN_launcherOptions" value="Reset settings file" onclick="APP.gameList.resetGameSettings();">
<input type="button" class="BTN_launcherOptions" disabled="disabled" id="BTN_launcherOptionsExportMetadata" value="Export metadata" onclick="APP.gameList.exportGameMetadata();">
</div>
</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">
<!-- Game metadata goes here -->
</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_FILE_SAVE" nwsaveas/>
<input type="file" id="APP_FOLDER_LOADER" nwdirectory/>
<!-- Scripts -->
<script type="text/javascript" src="js/TMS.js"></script>
<script type="text/javascript" src="js/tools.js"></script>
<script type="text/javascript" src="js/filemanager.js"></script>
<script type="text/javascript" src="js/paramSfoDatabase.js"></script>
<script type="text/javascript" src="js/paramSfoParser.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>