1
0

project-deployer.html 4.5 KB

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