configPage.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>dlna</title>
  5. </head>
  6. <body>
  7. <div id="dlnaConfigurationPage" data-role="page" class="page type-interior pluginConfigurationPage">
  8. <div data-role="content">
  9. <div class="content-primary">
  10. <form id="dlnaConfigurationForm">
  11. <ul class="ulForm" data-role="listview">
  12. <li>
  13. <label for="txtUserName">
  14. User name:
  15. </label>
  16. <input id="txtUserName" name="txtUserName" />
  17. </li>
  18. <li>
  19. <label for="txtFriendlyDlnaName">
  20. Friendly Dlna Server Name:
  21. </label>
  22. <input id="txtFriendlyDlnaName" name="txtFriendlyDlnaName" />
  23. </li>
  24. <li>
  25. <label for="txtDlnaPortNumber">
  26. Dlna Server Port:
  27. </label>
  28. <input type="number" id="txtDlnaPortNumber" name="txtDlnaPortNumber" pattern="[0-9]*" min="1" />
  29. <div class="fieldDescription">
  30. If specified, the Dlna server will use this port
  31. </div>
  32. </li>
  33. <li>
  34. <button type="submit" data-theme="b">Save</button>
  35. <div class="fieldDescription">
  36. Saving will restart the dlna server.
  37. </div>
  38. <button type="button" onclick="history.back();">Cancel</button>
  39. </li>
  40. </ul>
  41. </form>
  42. </div>
  43. </div>
  44. <script type="text/javascript">
  45. var dlnaConfigurationPage = {
  46. pluginUniqueId: "f1855371-7cf5-40d2-bcd8-b780d7f006af"
  47. };
  48. $('#dlnaConfigurationPage').on('pageshow', function (event) {
  49. Dashboard.showLoadingMsg();
  50. var page = this;
  51. ApiClient.getPluginConfiguration(dlnaConfigurationPage.pluginUniqueId).done(function (config) {
  52. $('#txtUserName', page).val(config.UserName);
  53. $('#txtFriendlyDlnaName', page).val(config.FriendlyDlnaName);
  54. $('#txtDlnaPortNumber', page).val(config.DlnaPortNumber || "");
  55. Dashboard.hideLoadingMsg();
  56. });
  57. });
  58. $('#dlnaConfigurationForm').on('submit', function (e) {
  59. Dashboard.showLoadingMsg();
  60. var form = this;
  61. ApiClient.getPluginConfiguration(dlnaConfigurationPage.pluginUniqueId).done(function (config) {
  62. config.UserName = $('#txtUserName', form).val();
  63. config.FriendlyDlnaName = $('#txtFriendlyDlnaName', form).val();
  64. var dlnaPortNumber = $('#txtDlnaPortNumber', form).val();
  65. config.DlnaPortNumber = dlnaPortNumber ? dlnaPortNumber : null;
  66. ApiClient.updatePluginConfiguration(dlnaConfigurationPage.pluginUniqueId, config).done(Dashboard.processPluginConfigurationUpdateResult);
  67. });
  68. // Disable default form submission
  69. return false;
  70. });
  71. </script>
  72. </div>
  73. </body>
  74. </html>