index.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <!-- Change this if you want to allow scaling -->
  5. <meta name="viewport" content="width=default-width; user-scalable=no" />
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  7. <title></title>
  8. <!-- iPad/iPhone specific css below, add after your main css >
  9. <link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
  10. <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
  11. -->
  12. <script type="text/javascript" charset="utf-8" src="cordova-2.2.0.js"></script>
  13. <script type="text/javascript" charset="utf-8" src="keychain.js"></script>
  14. <script type="text/javascript" charset="utf-8">
  15. // If you want to prevent dragging, uncomment this section
  16. /*
  17. function preventBehavior(e)
  18. {
  19. e.preventDefault();
  20. };
  21. document.addEventListener("touchmove", preventBehavior, false);
  22. */
  23. function onBodyLoad()
  24. {
  25. document.addEventListener("deviceready", onDeviceReady,false);
  26. }
  27. /* When this function is called, PhoneGap has been initialized and is ready to roll */
  28. function onDeviceReady()
  29. {
  30. try {
  31. // do your thing!
  32. } catch (e) {
  33. debug.error(e);
  34. }
  35. }
  36. function onGet()
  37. {
  38. var kc = cordova.require("cordova/plugin/keychain");
  39. var key = document.getElementById("keytoget").value;
  40. var servicename = document.getElementById("servicename").value
  41. var win = function(value) {
  42. alert("GET SUCCESS - Key: " + key + " Value: " + value);
  43. };
  44. var fail = function(error) {
  45. alert("GET FAIL - Key: " + key + " Error: " + error);
  46. };
  47. kc.getForKey(win, fail, key, servicename);
  48. }
  49. function onSet()
  50. {
  51. var kc = cordova.require("cordova/plugin/keychain");
  52. var key = document.getElementById("keytoset").value;
  53. var value = document.getElementById("valuetoset").value;
  54. var servicename = document.getElementById("servicename").value;
  55. var win = function() {
  56. alert("SET SUCCESS - Key: " + key);
  57. };
  58. var fail = function(error) {
  59. alert("SET FAIL - Key: " + key + " Error: " + error);
  60. };
  61. kc.setForKey(win, fail, key, servicename, value);
  62. }
  63. function onRemove()
  64. {
  65. var kc = cordova.require("cordova/plugin/keychain");
  66. var key = document.getElementById("keytoremove").value;
  67. var servicename = document.getElementById("servicename").value
  68. var win = function() {
  69. alert("REMOVE SUCCESS - Key: " + key);
  70. };
  71. var fail = function(error) {
  72. alert("REMOVE FAIL - Key: " + key + " Error: " + error);
  73. };
  74. kc.removeForKey(win, fail, key, servicename);
  75. }
  76. </script>
  77. </head>
  78. <body onload="onBodyLoad()">
  79. <div style="color:red">(using servicename <input type="text" value="GOLDILOCKS" id="servicename" />)</div>
  80. <hr>
  81. <br />
  82. <div> GET FROM KEYCHAIN </div>
  83. <br />
  84. <label for="keytoget">Key to Get&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="keytoget" value="ILLUMINATI" /></label>
  85. <button onclick="onGet();">GET</button>
  86. <br />
  87. <hr />
  88. <br />
  89. <div> SET TO KEYCHAIN </div> <br />
  90. <label for="keytoset">Key to Set&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="keytoset" value="ILLUMINATI"/></label> <br />
  91. <label for="valuetoset">Value to Set <input type="text" id="valuetoset" value="SEKRIT" /></label>
  92. <button onclick="onSet();">SET</button>
  93. <br />
  94. <hr />
  95. <br />
  96. <div> REMOVE FROM KEYCHAIN </div> <br />
  97. <label for="keytoremove">Key to Remove<input type="text" id="keytoremove" value="ILLUMINATI"/></label>
  98. <button onclick="onRemove();">DEL</button>
  99. </body>
  100. </html>