1
0

project-deployer.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <head>
  2. <title>project-deployer</title>
  3. </head>
  4. <body>
  5. <nav class="navbar navbar-default">
  6. <div class="container-fluid">
  7. <div class="navbar-header">
  8. <a class="navbar-brand" href="#">
  9. Project deployer
  10. </a>
  11. </div>
  12. </div>
  13. </nav>
  14. <div class="container-fluid">
  15. <header>
  16. </header>
  17. <div class="row">
  18. <div class="col-sm-6">
  19. <h2>Register or edit a project</h2>
  20. {{> projectForm}}
  21. </div>
  22. <div class="col-sm-6">
  23. <h2>Your projects</h2>
  24. <ul>
  25. {{#each projects}}
  26. {{> project}}
  27. {{/each}}
  28. </ul>
  29. </div>
  30. </div>
  31. </div>
  32. </body>
  33. <template name="projectForm">
  34. <form class="new-project form-horizontal">
  35. <input type="hidden" name="id" value="{{project._id}}" />
  36. <div class="form-group">
  37. <label for="label" class="col-sm-2 control-label">
  38. <i class="fa fa-fw fa-tag fa-2x" title="Label"></i>
  39. </label>
  40. <div class="col-sm-10">
  41. <input type="text" class="form-control" name="label" placeholder="Label" value="{{project.label}}" required/>
  42. </div>
  43. </div>
  44. <div class="form-group">
  45. <label for="git_url" class="col-sm-2 control-label">
  46. <i class="fa fa-fw fa-github fa-2x" title="Git URL"></i>
  47. </label>
  48. <div class="col-sm-10">
  49. <input type="url" class="form-control" name="git_url" placeholder="Git URL" value="{{project.git_url}}" required/>
  50. </div>
  51. </div>
  52. <div class="form-group">
  53. <label for="public_url" class="col-sm-2 control-label">
  54. <i class="fa fa-fw fa-external-link fa-2x" title="Public URL"></i>
  55. </label>
  56. <div class="col-sm-10">
  57. <input type="url" class="form-control" name="public_url" placeholder="Public URL" value="{{project.public_url}}" required/>
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label for="commands" class="col-sm-2 control-label">
  62. <i class="fa fa-fw fa-terminal fa-2x" title="Commands"></i>
  63. </label>
  64. <div class="col-sm-10">
  65. <textarea class="form-control" cols="25" rows="5" placeholder="Commands" value="{{project.commands}}" name="commands"></textarea>
  66. </div>
  67. </div>
  68. <div class="form-group">
  69. <div class="col-sm-offset-2 col-sm-10">
  70. <button type="submit" class="btn btn-primary">
  71. <i class="fa fa-fw fa-floppy-o"></i>
  72. </button>
  73. <a href="#" class="btn btn-default cancel">
  74. <i class="fa fa-fw fa-ban"></i>
  75. </a>
  76. <a href="#" class="btn btn-danger trash {{editionMode}}">
  77. <i class="fa fa-fw fa-trash"></i>
  78. </a>
  79. </div>
  80. </div>
  81. {{#with project}}
  82. <div class="form-group">
  83. <label class="col-sm-2 control-label">
  84. <i class="fa fa-fw fa-cog fa-2x" title="Link to provide to CI (Travis)"></i>
  85. </label>
  86. <div class="col-sm-10">
  87. <div class="input-group">
  88. <input type="text" class="form-control" disabled value="{{deployLink}}"/>
  89. <div class="input-group-addon">
  90. <i class="fa fa-fw fa-clipboard copy"></i>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. {{/with}}
  96. </form>
  97. </template>
  98. <template name="project">
  99. <li>
  100. {{label}}
  101. <a href="{{public_url}}" target="_blank" title="Go to the deployed project">
  102. <i class="fa fa-fw fa-external-link"></i>
  103. </a>
  104. <a href="{{git_url}}" target="_blank" title="Go to the Github repository">
  105. <i class="fa fa-fw fa-github"></i>
  106. </a>
  107. <a href="#" class="edit" title="Edit the project">
  108. <i class="fa fa-fw fa-pencil"></i>
  109. </a>
  110. </li>
  111. </template>