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

281 lines
No EOL
10 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.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 File" onclick="APP.settings.selectFile({
extension: '.exe',
settings: 'emuPath',
label: 'LBL_SETTINGS_emuPath'
});">
</div>
<div class="DIV_settingsEntry">
Lib Path:
<label id="LBL_SETTINGS_libPath" class="LABEL_settingsPath">???</label>
<input type="button" class="BTN_selectPath" value="Select path" onclick="APP.settings.selectPath({
settings: 'libPath',
label: 'LBL_SETTINGS_libPath'
});">
</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">
<option value="normal">Normal</option>
<option value="compact">Compact</option>
<option value="grid">Grid</option>
</select>
</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" oninput="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" oninput="APP.design.renderSettings(!0);">
<label id="LABEL_settingsGameListBgOpacity">???</label>%
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsShowBgOnGameEntry">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsShowBgOnGameEntry');">
Show background image for every title in game list
</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 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" oninput="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" oninput="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.design.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 DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsLogOnExternalWindow">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsLogOnExternalWindow');">
Log fpPS4 output on external window
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsClearLogOnEmuLoad">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsClearLogOnEmuLoad');">
Clear log everytime main emu load
</label>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsSaveLogOnEmuClose">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsSaveLogOnEmuClose');">
Save log file everytime main emu closes
</label>
</div>
<!-- Lib Modules -->
<div class="SEPARATOR_00"></div>
<div class="DIV_settingsH2">Lib Modules</div>
<div class="DIV_settingsEntry">
Current Lib list:
<select id="SELECT_settingsSelectedLibPath" class="SELECT_settings">
<!-- Module List goes here -->
</select>
</div>
<div class="DIV_settingsEntry DIV_settingsEntryFlex">
<input type="checkbox" id="CHECKBOX_settingsSeekMissingModules">
<label class="LABEL_checkbox" onclick="APP.design.processCheckbox('CHECKBOX_settingsSeekMissingModules');">
If fpPS4 returns any <code>nop</code> error, seek for missing modules
</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.design.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.resetGameSettings();">
</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();">
<input type="button" class="APP_btn BTN_STOP" id="BTN_KILL" onclick="APP.emuManager.killEmu();" disabled="disabled" value="Stop fpPS4">
<input type="button" class="APP_btn BTN_right" onclick="APP.about();" value="About">
<input type="button" class="APP_btn BTN_right" id="BTN_SAVE_LOG" onclick="APP.clearLog();" value="Clear / Save log">
<input type="button" class="APP_btn BTN_right" id="BTN_SETTINGS" onclick="APP.design.toggleSettings();" value="Settings">
<input type="button" class="APP_btn BTN_right" id="BTN_REFRESH" onclick="APP.gameList.load();" value="Refresh game list">
</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">
No game selected
</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">
<!-- 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_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>