intro-skipper/Jellyfin.Plugin.Template/Configuration/configPage.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Template</title>
</head>
<body>
    <div id="TemplateConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">
        <div data-role="content">
            <div class="content-primary">
                <form id="TemplateConfigForm">
                    <div class="selectContainer">
                        <label class="selectLabel" for="Options">Several Options</label>
                        <select is="emby-select" id="Options" name="Options" class="emby-select-withcolor emby-select">
                            <option id="optOneOption" value="OneOption">One Option</option>
                            <option id="optAnotherOption" value="AnotherOption">Another Option</option>
                        </select>
                    </div>
                    <div class="inputContainer">
                        <label class="inputeLabel inputLabelUnfocused" for="AnInteger">An Integer</label>
                        <input id="AnInteger" name="AnInteger" type="number" is="emby-input" min="0" />
                        <div class="fieldDescription">A Description</div>
                    </div>
                    <div class="checkboxContainer checkboxContainer-withDescripton">
                        <label class="emby-checkbox-label">
                            <input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />
                            <span>A Checkbox</span>
                        </label>
                    </div>
                    <div class="inputContainer">
                        <label class="inputeLabel inputLabelUnfocused" for="AString">A String</label>
                        <input id="AString" name="AString" type="text" is="emby-input" />
                        <div class="fieldDescription">Another Description</div>
                    </div>
                    <div>
                        <button is="emby-button" type="submit" class="raised button-submit block emby-button">
                            <span>Save</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
        <script type="text/javascript">
            var TemplateConfig = {
                pluginUniqueId: 'eb5d7894-8eef-4b36-aa6f-5d124e828ce1'
            };

            $('#TemplateConfigPage').on('pageshow', function () {
                Dashboard.showLoadingMsg();
                ApiClient.getPluginConfiguration(TemplateConfig.pluginUniqueId).then(function (config) {
                    $('#Options').val(config.Options).change();
                    $('#AnInteger').val(config.AnInteger).change();
                    $('#TrueFalseSetting').checked = config.TrueFalseSetting;
                    $('#AString').val(config.AString).change();
                    Dashboard.hideLoadingMsg();
                });
            });

            $('#TemplateConfigForm').on('submit', function () {
                Dashboard.showLoadingMsg();
                ApiClient.getPluginConfiguration(TemplateConfig.pluginUniqueId).then(function (config) {
                    config.Options = $('#Options').val();
                    config.AnInteger = $('#AnInteger').val();
                    config.TrueFalseSetting = $('#TrueFalseSetting').checked;
                    config.AString = $('#AString').val();
                    ApiClient.updatePluginConfiguration(TemplateConfig.pluginUniqueId, config).then(function (result) {
                        Dashboard.processPluginConfigurationUpdateResult(result);
                    });
                });
                return false;
            });
        </script>
    </div>
</body>
</html>
Example Plugin project added 2019-02-21 01:57:43 -08:00			`<!DOCTYPE html>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`<html lang="en">`
Example Plugin project added 2019-02-21 01:57:43 -08:00			`<head>`
fix runtime error and add a few comments 2019-11-27 03:13:09 +09:00			`<meta charset="utf-8">`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`<title>Template</title>`
Example Plugin project added 2019-02-21 01:57:43 -08:00			`</head>`
			`<body>`
change some variable names 2019-03-10 08:59:36 +09:00			`<div id="TemplateConfigPage" data-role="page" class="page type-interior pluginConfigurationPage" data-require="emby-input,emby-button,emby-select,emby-checkbox">`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`<div data-role="content">`
			`<div class="content-primary">`
change some variable names 2019-03-10 08:59:36 +09:00			`<form id="TemplateConfigForm">`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`<div class="selectContainer">`
change some variable names 2019-03-10 08:59:36 +09:00			`<label class="selectLabel" for="Options">Several Options</label>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`<select is="emby-select" id="Options" name="Options" class="emby-select-withcolor emby-select">`
			`<option id="optOneOption" value="OneOption">One Option</option>`
			`<option id="optAnotherOption" value="AnotherOption">Another Option</option>`
			`</select>`
			`</div>`
			`<div class="inputContainer">`
			`<label class="inputeLabel inputLabelUnfocused" for="AnInteger">An Integer</label>`
			`<input id="AnInteger" name="AnInteger" type="number" is="emby-input" min="0" />`
change some variable names 2019-03-10 08:59:36 +09:00			`<div class="fieldDescription">A Description</div>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`</div>`
			`<div class="checkboxContainer checkboxContainer-withDescripton">`
			`<label class="emby-checkbox-label">`
			`<input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />`
change some variable names 2019-03-10 08:59:36 +09:00			`<span>A Checkbox</span>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`</label>`
			`</div>`
			`<div class="inputContainer">`
			`<label class="inputeLabel inputLabelUnfocused" for="AString">A String</label>`
			`<input id="AString" name="AString" type="text" is="emby-input" />`
change some variable names 2019-03-10 08:59:36 +09:00			`<div class="fieldDescription">Another Description</div>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`</div>`
			`<div>`
			`<button is="emby-button" type="submit" class="raised button-submit block emby-button">`
			`<span>Save</span>`
			`</button>`
			`</div>`
			`</form>`
Example Plugin project added 2019-02-21 01:57:43 -08:00			`</div>`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`</div>`
			`<script type="text/javascript">`
change some variable names 2019-03-10 08:59:36 +09:00			`var TemplateConfig = {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`pluginUniqueId: 'eb5d7894-8eef-4b36-aa6f-5d124e828ce1'`
			`};`
Example Plugin project added 2019-02-21 01:57:43 -08:00
change some variable names 2019-03-10 08:59:36 +09:00			`$('#TemplateConfigPage').on('pageshow', function () {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`Dashboard.showLoadingMsg();`
change some variable names 2019-03-10 08:59:36 +09:00			`ApiClient.getPluginConfiguration(TemplateConfig.pluginUniqueId).then(function (config) {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`$('#Options').val(config.Options).change();`
			`$('#AnInteger').val(config.AnInteger).change();`
update metadata and remove deprecated checkbox method 2020-05-26 22:11:35 +09:00			`$('#TrueFalseSetting').checked = config.TrueFalseSetting;`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`$('#AString').val(config.AString).change();`
			`Dashboard.hideLoadingMsg();`
Example Plugin project added 2019-02-21 01:57:43 -08:00			`});`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`});`
Example Plugin project added 2019-02-21 01:57:43 -08:00
change some variable names 2019-03-10 08:59:36 +09:00			`$('#TemplateConfigForm').on('submit', function () {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`Dashboard.showLoadingMsg();`
change some variable names 2019-03-10 08:59:36 +09:00			`ApiClient.getPluginConfiguration(TemplateConfig.pluginUniqueId).then(function (config) {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`config.Options = $('#Options').val();`
			`config.AnInteger = $('#AnInteger').val();`
update metadata and remove deprecated checkbox method 2020-05-26 22:11:35 +09:00			`config.TrueFalseSetting = $('#TrueFalseSetting').checked;`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`config.AString = $('#AString').val();`
fix runtime error and add a few comments 2019-11-27 03:13:09 +09:00			`ApiClient.updatePluginConfiguration(TemplateConfig.pluginUniqueId, config).then(function (result) {`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`Dashboard.processPluginConfigurationUpdateResult(result);`
			`});`
Example Plugin project added 2019-02-21 01:57:43 -08:00			`});`
fix indentation and move load and submit out of plugin object 2019-03-10 08:55:35 +09:00			`return false;`
			`});`
			`</script>`
			`</div>`
small code formatting changes 2019-03-10 08:53:30 +09:00			`</body>`
			`</html>`