Add header and footer to the setup user modal
authorradhika chippada <radhika@radhika.curoverse>
Mon, 7 Apr 2014 15:58:08 +0000 (11:58 -0400)
committerTom Clegg <tom@curoverse.com>
Tue, 8 Apr 2014 17:40:46 +0000 (13:40 -0400)
apps/workbench/app/assets/stylesheets/bootstrap-modal.css.scss
apps/workbench/app/views/application/index.html.erb
apps/workbench/app/views/users/_setup_popup.html.erb
apps/workbench/app/views/users/_show_admin.html.erb
apps/workbench/app/views/users/setup.js.erb
apps/workbench/app/views/users/setup_popup.js.erb

index edabb85cb526742513f89035b8b502d4fa511406..887065e8e3a7762a152b1c417b0b762bfceee56d 100644 (file)
@@ -47,6 +47,11 @@ overflow: hidden;
 overflow-y: scroll;
 }
 
+#user-setup-modal-window{
+  overflow: hidden;
+}
+
+
 @media (max-width: 979px) {
 .modal-open.page-overflow .page-container .navbar-fixed-top,
 .modal-open.page-overflow .page-container .navbar-fixed-bottom {
index 7108c707c0e61b3e3e49315cf1fa6796b0350cfa..96dc34870a8468ef9869ae5cb891fe9e807d458c 100644 (file)
@@ -9,8 +9,8 @@
     <% if controller.model_class.name == 'User' %>
       <%= link_to "Add a new #{controller.model_class.to_s.underscore.gsub '_', ' '}", setup_user_popup_path,
         {class: 'btn btn-primary pull-right', :remote => true, 'data-toggle' =>  "modal", 
-          'data-target' => '#modal-window', return_to: request.url}  %>
-      <div id="modal-window" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
+          'data-target' => '#user-setup-modal-window', return_to: request.url}  %>
+      <div id="user-setup-modal-window" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
     <% else %>
       <%= button_to "Add a new #{controller.model_class.to_s.underscore.gsub '_', ' '}", 
         { action: 'create', return_to: request.url }, 
index 90cab2cc9c206bd26690673158c5425fe5e30446..412d211715c4214c9c080d99e2fe7e7181341366 100644 (file)
@@ -1,4 +1,9 @@
-  <div class="modal-body">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    <h3 class="modal-title">Setup User</h4>
+  </div
+
+  <div class="modal-body" style="max-height:800px;">
     <% if @object%>
       <% uuid = @object.uuid %>
       <% email = @object.email %>
           </tr>
         </tbody></table>
       </div>
-      <div align="center">
-        <br/>
-        <button type="submit" id="register" class="btn btn-primary" autofocus>Submit</button>
-        <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Cancel</button>
-      </div>
     <% end %>
   </div>
 
+  <div class="modal-footer">
+    <button type="submit" id="register" class="btn btn-primary" autofocus>Submit</button>
+    <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">Cancel</button>
+  </div>
+
 <script>
   var $input = $('input:text'),
   $register = $('#register');
index 072d7eebfd98e4a41fa313826460a2cd48622d36..9c803c9ee8fdc9ed9b948d365e6dd2f11809193a 100644 (file)
@@ -9,8 +9,8 @@ account.</p>
 <p>As an admin, you can setup this user. Please input a VM and repository for the user. If you had previously provided any of these items, they are pre-filled for you and you can leave them as is if you would like to reuse them.</p>
 
 <blockquote>
-<%= link_to "Setup #{@object.full_name}", setup_popup_user_url(id: @object.uuid),  {class: 'btn btn-primary', :remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}  %>
-<div id="modal-window" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
+<%= link_to "Setup #{@object.full_name}", setup_popup_user_url(id: @object.uuid),  {class: 'btn btn-primary', :remote => true, 'data-toggle' =>  "modal", 'data-target' => '#user-setup-modal-window'}  %>
+<div id="user-setup-modal-window" class="modal fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>
 </blockquote>
 
 <p>As an admin, you can deactivate and reset this user. This will remove all repository/VM permissions for the user. If you "setup" the user again, the user will have to sign the user agreement again.</p>
index 91346237afa6f3f4871dbda64a6c734441a02b38..bce71b444588add1c82c2f338400e80878697c6b 100644 (file)
@@ -1,2 +1,2 @@
-$("#modal-window").modal("hide");
+$("#user-setup-modal-window").modal("hide");
 document.location.reload();
index e725a925366c3b1a157967318b66b2918d6b23e5..77213d44c266b3d9cb7cf29dab28c9c833ca1fd1 100644 (file)
@@ -1 +1 @@
-$("#modal-window").html("<%= escape_javascript(render partial: 'setup_popup') %>");
+$("#user-setup-modal-window").html("<%= escape_javascript(render partial: 'setup_popup') %>");