options.html 3.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Cable</title>
  5. <meta charset="utf-8">
  6. <link rel="stylesheet" href="stylesheets/options.css">
  7. <link href='/images/icon_128.png' rel='shortcut icon'>
  8. </head>
  9. <body>
  10. <div id='install' class='main'>
  11. <script type='text/x-tmpl-mustache' id='install_flow_template'>
  12. <div id='step1' class='step'>
  13. <img id='signal-icon' src='/images/icon_250.png'/>
  14. <div class='nav'>
  15. <h1>{{ installWelcome }}</h1>
  16. <p>{{ installTagline }}</p>
  17. <div> <a class='button step2'>{{ installGetStartedButton }}</a> </div>
  18. <span class='dot step1 selected'></span>
  19. <span class='dot step2'></span>
  20. <span class='dot step3'></span>
  21. </div>
  22. </div>
  23. <div id='step2' class='step'>
  24. <img id='signal-phone' src='/images/signal-phone.png'>
  25. <div class='nav'>
  26. <p>{{{ installSignalLink }}}</p>
  27. <div> <a class='button step3'>{{ installIHaveSignalButton }}</a> </div>
  28. <span class='dot step1'></span>
  29. <span class='dot step2 selected'></span>
  30. <span class='dot step3'></span>
  31. </div>
  32. </div>
  33. <div id='step3' class='step'>
  34. <div id="qr"></div>
  35. <p>{{ installAndroidInstructions }}</p>
  36. <div class='nav'>
  37. <span class='dot step1'></span>
  38. <span class='dot step2'></span>
  39. <span class='dot step3 selected'></span>
  40. </div>
  41. </div>
  42. <form id='step4' class='step'>
  43. <p>{{ installLinkingWithNumber }}</p>
  44. <h2 class='number'></h2>
  45. <img id='signal-computer' src='/images/signal-laptop.png'>
  46. <p>{{ installComputerName }}</p>
  47. <div>
  48. <input type='text' id='device-name' spellcheck='false' maxlength='50' />
  49. </div>
  50. <div class='nav'>
  51. <div>
  52. <input type='submit' class='button' id='sync' value='{{ installFinalButton }}' />
  53. </div>
  54. </div>
  55. </form>
  56. <div id='step5' class='step'>
  57. <img id='signal-icon' src='/images/icon_250.png'/>
  58. <div class='progress-dialog'>
  59. <p class='status'></p>
  60. <div class='bar-container'><div class='bar progress-bar'></div></div>
  61. </div>
  62. <div class='nav'>
  63. </div>
  64. </div>
  65. <div id='stepTooManyDevices' class='step'>
  66. <div class='error-dialog clearfix'>
  67. <div class='panel'>{{ installTooManyDevices }}</div>
  68. <div class='nav'>
  69. <button class='ok step3'>{{ ok }}</button>
  70. </div>
  71. </div>
  72. </div>
  73. </script>
  74. </div>
  75. <script type="text/javascript" src="js/components.js"></script>
  76. <script type="text/javascript" src="js/database.js"></script>
  77. <script type="text/javascript" src="js/libphonenumber-util.js"></script>
  78. <script type="text/javascript" src="js/models/messages.js"></script>
  79. <script type="text/javascript" src="js/models/conversations.js"></script>
  80. <script type="text/javascript" src="js/chromium.js"></script>
  81. <script type="text/javascript" src="js/views/whisper_view.js"></script>
  82. <script type="text/javascript" src="js/views/phone-input-view.js"></script>
  83. <script type="text/javascript" src="js/views/install_view.js"></script>
  84. <script type="text/javascript" src="js/options.js"></script>
  85. </body>
  86. </html>