From b4e85a019680f35d0d5f6b6df49c3cda64131902 Mon Sep 17 00:00:00 2001
From: dkanada <dkanada@users.noreply.github.com>
Date: Sun, 10 Mar 2019 08:55:35 +0900
Subject: [PATCH] fix indentation and move load and submit out of plugin object

---
 example-plugin/Configuration/configPage.html | 138 +++++++++----------
 1 file changed, 66 insertions(+), 72 deletions(-)
diff --git a/example-plugin/Configuration/configPage.html b/example-plugin/Configuration/configPage.html
index aaeaedb..45b4813 100644
--- a/example-plugin/Configuration/configPage.html
+++ b/example-plugin/Configuration/configPage.html
@@ -1,81 +1,75 @@
 <!DOCTYPE html>
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<html lang="en">
 <head>
     <meta charset="utf-8" />
-    <title>ExamplePlugin Configuration</title>
+    <title>Template</title>
 </head>
 <body>
-        <div id="ExamplePluginConfigurationPage" 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="ExamplePluginConfigurationForm">
-                        <div class="selectContainer">
-                            <label class="selectLabel" for="Options">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">Numbers go here</div>
-                        </div>
-                        <div class="checkboxContainer checkboxContainer-withDescripton">
-                            <label class="emby-checkbox-label">
-                                <input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />
-                                <span>True or False</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">Words go here</div>
-                        </div>
-                        <div>
-                            <button is="emby-button" type="submit" class="raised button-submit block emby-button">
-                                <span>Save</span>
-                            </button>
-                        </div>
-                    </form>
-                </div>
+    <div id="ExamplePluginConfigurationPage" 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="ExamplePluginConfigurationForm">
+                    <div class="selectContainer">
+                        <label class="selectLabel" for="Options">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">Numbers go here</div>
+                    </div>
+                    <div class="checkboxContainer checkboxContainer-withDescripton">
+                        <label class="emby-checkbox-label">
+                            <input id="TrueFalseSetting" name="TrueFalseCheckBox" type="checkbox" is="emby-checkbox" />
+                            <span>True or False</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">Words go here</div>
+                    </div>
+                    <div>
+                        <button is="emby-button" type="submit" class="raised button-submit block emby-button">
+                            <span>Save</span>
+                        </button>
+                    </div>
+                </form>
             </div>
-            <script type="text/javascript">
-                var ExamplePluginConfigurationPage = {
-                    pluginUniqueId: 'eb5d7894-8eef-4b36-aa6f-5d124e828ce1',
-                    loadConfiguration: function() {
-                        Dashboard.showLoadingMsg();
-                        ApiClient.getPluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId).then(function (config) {
-                            $('#Options').val(config.Options).change();
-                            $('#AnInteger').val(config.AnInteger).change();
-                            $('#TrueFalseSetting').checked(config.TrueFalseSetting).checkboxradio("refresh");
-                            $('#AString').val(config.AString).change();
-                            Dashboard.hideLoadingMsg();
-                        });
-                    },
-                    saveConfiguration: function() {
-                        Dashboard.showLoadingMsg();
-                        ApiClient.getPluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId).then(function (config) {
-                            config.Options = $('#Options').val();
-                            config.AnInteger = $('#AnInteger').val();
-                            config.TrueFalseSetting = $('#TrueFalseSetting').prop('checked');
-                            config.AString = $('#AString').val();
-                            ApiClient.updatePluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId, config).then(function (result) {
-                                Dashboard.processPluginConfigurationUpdateResult(result);
-                            });
-                        });
-                    }
-                };
-
-                $('#ExamplePluginConfigurationPage').on('pageshow', function () {
-                    ExamplePluginConfigurationPage.loadConfiguration();
-                });
-
-                $('#ExamplePluginConfigurationForm').on('submit', function () {
-                    ExamplePluginConfigurationPage.saveConfiguration();
-                    return false;
-                });
-            </script>
         </div>
+        <script type="text/javascript">
+            var ExamplePluginConfigurationPage = {
+                pluginUniqueId: 'eb5d7894-8eef-4b36-aa6f-5d124e828ce1'
+            };
+
+            $('#ExamplePluginConfigurationPage').on('pageshow', function () {
+                Dashboard.showLoadingMsg();
+                ApiClient.getPluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId).then(function (config) {
+                    $('#Options').val(config.Options).change();
+                    $('#AnInteger').val(config.AnInteger).change();
+                    $('#TrueFalseSetting').checked(config.TrueFalseSetting).checkboxradio("refresh");
+                    $('#AString').val(config.AString).change();
+                    Dashboard.hideLoadingMsg();
+                });
+            });
+
+            $('#ExamplePluginConfigurationForm').on('submit', function () {
+                Dashboard.showLoadingMsg();
+                ApiClient.getPluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId).then(function (config) {
+                    config.Options = $('#Options').val();
+                    config.AnInteger = $('#AnInteger').val();
+                    config.TrueFalseSetting = $('#TrueFalseSetting').prop('checked');
+                    config.AString = $('#AString').val();
+                    ApiClient.updatePluginConfiguration(ExamplePluginConfigurationPage.pluginUniqueId, config).then(function (result) {
+                        Dashboard.processPluginConfigurationUpdateResult(result);
+                    });
+                });
+                return false;
+            });
+        </script>
+    </div>
 </body>
 </html>
