diff options
Diffstat (limited to 'app/views/mini_environments')
-rw-r--r-- | app/views/mini_environments/index.html.erb | 28 | ||||
-rw-r--r-- | app/views/mini_environments/new.html.erb | 71 | ||||
-rw-r--r-- | app/views/mini_environments/show.html.erb | 52 |
3 files changed, 120 insertions, 31 deletions
diff --git a/app/views/mini_environments/index.html.erb b/app/views/mini_environments/index.html.erb index 5e131c6..b74fe73 100644 --- a/app/views/mini_environments/index.html.erb +++ b/app/views/mini_environments/index.html.erb @@ -5,10 +5,30 @@ Create a new mini environment </a> - +<h1>Your mini environments</h1> +<br> <% MiniEnvironment.all.each do |mini_environment| %> - <a href="<%= mini_environment_path mini_environment %>"> - <h2><%= mini_environment.name %></h2> - </a> + <div class="panel panel-default"> + <div class="panel-heading"> + <div class="row"> + <div class="col-md-8"> + <h2><%= mini_environment.name %></h2> + </div> + <div class="col-md-2"> + <div class="alert alert-success text-center" role="alert" style="margin-bottom: 0px;"> + Mini environment running + </div> + </div> + <div class="col-md-2"> + <a class="btn btn-lg btn-primary pull-right" role="button" href="<%= mini_environment_path mini_environment %>"> + Show details + </a> + </div> + </div> + </div> + </div> <% end %> + +<h1>Other mini environments</h1> +<br> diff --git a/app/views/mini_environments/new.html.erb b/app/views/mini_environments/new.html.erb index 7d3f2f2..33cb354 100644 --- a/app/views/mini_environments/new.html.erb +++ b/app/views/mini_environments/new.html.erb @@ -1,28 +1,81 @@ +<a href="<%= mini_environments_path %>" class="btn btn-lg btn-primary pull-right"> + Back to list +</a> + +<h1>Create a new mini environment</h1> + <div class="row"> <div class="col-md-8"> <%= form_with(model: @mini_environment, url: { action: "create" }, html: { class: 'form-horizontal' }) do |f| %> - <div class="form-group"> + <div class="form-group form-group-lg"> <%= f.label :name, class: 'col-sm-2 control-label' %> <div class="col-sm-10"> <%= f.text_field :name, class: 'form-control' %> + <span id="helpBlock" class="help-block"> + Choose a name for your mini environment. This will form + part of the URL used to access it. + </span> </div> </div> - <div class="form-group"> - <%= f.label :govuk_guix_revision_id, class: 'col-sm-2 control-label' %> - <div class="col-sm-10"> - <%= f.collection_select :govuk_guix_revision_id, GovukGuix::Revision.all, :commit_hash, :commit_hash %> - </div> - </div> - - <div class="form-group"> + <div class="form-group form-group-lg"> <div class="col-sm-offset-2 col-sm-10"> <%= f.submit "Create", class: 'btn btn-lg btn-success' %> </div> </div> + + <div class="panel panel-default"> + <div class="panel-heading"> + <h3 style="margin-top: 10px;">Advanced options</h3> + </div> + <div class="panel-body"> + <div class="form-group form-group-lg"> + <%= f.label :govuk_guix_revision_id, 'Revision', class: 'col-sm-2 control-label' %> + <div class="col-sm-10"> + <%= f.collection_select( + :govuk_guix_revision_id, + GovukGuix::Revision.all, + :commit_hash, + :commit_hash, + {}, + { + class: 'form-control' + }, + ) %> + <span id="helpBlock" class="help-block"> + By default the latest set of software is used. If you + want to use specific versions of services, select a + different revision here. + </span> + </div> + </div> + + <div class="form-group form-group-lg"> + <%= f.label :backend, class: 'col-sm-2 control-label' %> + <div class="col-sm-10"> + <%= f.grouped_collection_select( + :backend, + Backends.classes_with_backends, + :all, + :label, + :type_and_id, + :label, + {}, + { + class: 'form-control' + }, + ) %> + <span id="helpBlock" class="help-block"> + Choose the backend to use. This controls the resources + used to run the mini environment. + </span> + </div> + </div> + </div> + </div> <% end %> </div> </div> diff --git a/app/views/mini_environments/show.html.erb b/app/views/mini_environments/show.html.erb index a852e6c..2895330 100644 --- a/app/views/mini_environments/show.html.erb +++ b/app/views/mini_environments/show.html.erb @@ -1,22 +1,39 @@ -<h1>Name: <%= @mini_environment.name %></h1> +<a href="<%= mini_environments_path %>" class="btn btn-lg btn-primary pull-right"> + Back to list +</a> -<%= form_with(url: mini_environment_perform_action_path(@mini_environment), - local: true, - method: "post") do %> - <%= submit_tag('Start', - disabled: !@mini_environment.start_command.present?, - role: 'button', - class: 'btn btn-lg btn-success') - %> +<h1>Name: <%= @mini_environment.name %></h1> - <%= submit_tag("Destroy", - #disabled: !@mini_environment.start_command.present?, - role: 'button', - class: 'btn btn-lg btn-danger') - %> -<% end %> +<div class="row"> + <div class="col-md-9"> + <a class="btn btn-primary btn-lg" + href="https://signon.<%= @mini_environment.name.parameterize %>.aws.cbaines.net"> + View + </a> -<a href="https://signon.<%= @mini_environment.name.parameterize %>.aws.cbaines.net">View</a> + <div class="list-group" style="margin-top: 20px;"> + <%= form_with(url: mini_environment_perform_action_path(@mini_environment), + local: true, + method: "post") do %> + <%= submit_tag('Start', + disabled: !@mini_environment.backend_data.present?, + role: 'button', + class: 'list-group-item btn btn-lg btn-success btn-block') + %> + <% end %> + <%= form_with(url: mini_environment_perform_action_path(@mini_environment), + local: true, + method: "post") do %> + <%= submit_tag("Destroy", + disabled: @mini_environment.backend_data.present?, + role: 'button', + class: 'list-group-item btn btn-lg btn-danger btn-block', + style: 'margin-top: 5px;') + %> + <% end %> + </div> + </div> +</div> <h2>Finished jobs</h2> @@ -69,6 +86,5 @@ </div> </div> </div> -<% end %> - + <% end %> </div> |