store.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <link href="{{context}}/static/css/fa/css/all.css" type="text/css" rel="stylesheet">
  2. <link rel="stylesheet" href="{{context}}/static/css/default.css" type="text/css">
  3. <link href="{{context}}/static/css/borders.css" type="text/css" rel="stylesheet">
  4. <style>
  5. .form , input{font-family:sans-serif; font-size:18px}
  6. .form .small {font-size:14px; line-height:2}
  7. .mongo, .couchdb{
  8. display:grid;
  9. gap:2px;
  10. }
  11. .grid-full {display:grid; grid-template-columns: 100%;}
  12. .grid-split-half {display:grid; grid-template-columns: 50% 50%; gap:2px;}
  13. .store .title-bar {display:grid; align-items:center; grid-template-columns: auto 32px; padding:8px;}
  14. .file {display:grid; align-items:center; grid-template-columns: 40% auto; gap:2px; font-family:sans-serif; padding:8px}
  15. .file input {display:none}
  16. .file label {padding:8px;}
  17. </style>
  18. <div class="store">
  19. <div class="title-bar">
  20. <div class="caption">Export Module <span class="bold id"></span></div>
  21. <div class="active" align="center" onclick="jx.modal.close()">
  22. <i class="fas fa-times"></i>
  23. </div>
  24. </div>
  25. <p></p>
  26. <div class="cloud form border-round">
  27. <div class="small border-round">
  28. Please provide select access-key file or service account key file to perform ETL
  29. to <span class="bold id"></span>. <br>The files will be re-created in JSON format
  30. </div>
  31. <div class="file">
  32. <label class="active-button border-round">
  33. <span style="font-family:sans-serif">
  34. <i class="icon fas fa-file-upload" style="font-size:24px"></i>
  35. </span>
  36. <div>Select key file</div>
  37. <input type="file" id="file" aria-label="File browser example" onchange="publish.set.file()">
  38. </label>
  39. <div class="name small black bold" style="padding-left:24px"></div>
  40. </div>
  41. </div>
  42. <div class="database form border-round">
  43. <div class="small border-round">
  44. Tables / collections will be automatically inferred in the <span class="bold id"></span>
  45. </div>
  46. <div class="mongo">
  47. <div class="grid-split-half">
  48. <input type="text" class="host" placeholder="host:port"/>
  49. <input type="text" class="host" placeholder="database"/>
  50. </div>
  51. <div class="grid-split-half">
  52. <input type="text" placeholder="user"/>
  53. <input type="text" placeholder="password"/>
  54. </div>
  55. </div>
  56. <p></p>
  57. <div>
  58. <br>
  59. <div class="active-button border-round" style="margin-left:30%; margin-right:30%">
  60. <div class="icon">
  61. <i class="fas fa-check"></i>
  62. </div>
  63. <div class="bold" align="center">Export Now</div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>