replace all .button(s) with .btn

in order to not have to support buttons with .ui-button AND
.button AND .btn classes this simplifies and and makes our
codebase more consistent by deprecating the .button class
with .btn

Change-Id: I4802d785a47b36aa477f302e6ac8c87715db8a62
Reviewed-on: https://gerrit.instructure.com/15194
Tested-by: Jenkins <[email protected]>
Reviewed-by: Ryan Shaw <[email protected]>

Author: ryankshaw

app/coffeescripts/behaviors/elementToggler.coffee

@@ -22,7 +22,7 @@
 #   into proper dialog buttons (look at fixDialogButtons to see what it does)
 #   <div class="button-container">
 #     <button type="submit">This will Submit the form</button>
-#     <a class="button dialog_closer">This will cause the dialog to close</a>
+#     <a class="btn dialog_closer">This will cause the dialog to close</a>
 #   </div>
 # </form>
 

app/coffeescripts/bundles/registration_confirmation.coffee

@@ -13,15 +13,15 @@ require [
       $.each [$disambiguation_box, $registration_form, $where_to_log_in], (i, $pane) ->
         $pane.showIf $pane.is(paneToShow)
 
-    $(".button#back").click (event) ->
+    $(".btn#back").click (event) ->
       showPane($disambiguation_box)
       event.preventDefault()
 
-    $(".button#register").click (event) ->
+    $(".btn#register").click (event) ->
       showPane($registration_form)
       event.preventDefault()
 
-    $merge_link = $(".button#merge").click (event) ->
+    $merge_link = $(".btn#merge").click (event) ->
       if $merge_link.attr('href') == 'new_user_account'
         showPane($registration_form)
         event.preventDefault()

app/coffeescripts/calendar/EditApptCalendarEventDialog.coffee

@@ -27,7 +27,6 @@ define [
         buttons: [
           {
             text: I18n.t 'update', 'Update'
-            class: "button"
             click: @save
           }
         ]

app/coffeescripts/discussions/EntryEditor.coffee

@@ -22,7 +22,7 @@ define [
     constructor: (@view) ->
       super @view.$('.message:first'), switchViews: true
       @cancelButton = @createCancelButton()
-      @done.addClass 'small-button'
+      @done.addClass 'btn-small'
 
     ##
     # Extends EditorToggle::display to save the model's message.

app/coffeescripts/editor/EditorToggle.coffee

@@ -91,7 +91,7 @@ define [
       $('<a/>')
         .html(@options.doneText)
         .attr('href', '#')
-        .addClass('button edit-html-done edit_html_done')
+        .addClass('btn edit-html-done edit_html_done')
         .attr('title', I18n.t('done.title', 'Click to finish editing the rich text area'))
         .click => @display()
 

app/coffeescripts/jquery/fixDialogButtons.coffee

@@ -8,7 +8,7 @@ define [
   $.fn.fixDialogButtons = ->
     this.each ->
       $dialog = $(this)
-      $buttons = $dialog.find(".button-container:last .button, button[type=submit]")
+      $buttons = $dialog.find(".button-container:last .btn, button[type=submit]")
       if $buttons.length
         $dialog.find(".button-container:last, button[type=submit]").hide()
         buttons = $.map $buttons.toArray(), (button) ->
@@ -35,5 +35,5 @@ define [
           }
         # put the primary button(s) on the far right
         buttons = _.sortBy buttons, (button) ->
-          if button.class.match(/btn-primary|button-default/) then 1 else 0
+          if button.class.match(/btn-primary/) then 1 else 0
         $dialog.dialog "option", "buttons", buttons

app/coffeescripts/views/QuickStartBar/PinView.coffee

@@ -16,7 +16,7 @@ define [
       @$('.toolbar').removeClass('toolbar')
       @$('.box-header').removeClass('box-header')
       @$('.box-content').removeClass('box-content').addClass('v-gutter')
-      @$('.button').addClass('small-button')
+      @$('.btn').addClass('small-button')
       @$('[autoFocus]').removeAttr('autoFocus')
 
   class PinView extends BaseItemView

app/coffeescripts/widget/assignmentRubricDialog.coffee

@@ -31,15 +31,15 @@ define [
         autoOpen: false
 
       $.get @url, (html) ->
-        # weird hackery because the server returns a <div id="rubrics" style="display:none"> 
+        # weird hackery because the server returns a <div id="rubrics" style="display:none">
         # as it's root node, so we need to show it before we inject it
         assignmentRubricDialog.$dialog.html $(html).show()
 
         # if there is not already a rubric, we want to click the "add rubric" button for them,
         # since that is the point of why they clicked the link.
         if assignmentRubricDialog.noRubricExists
           $.subscribe 'edit_rubric/initted', ->
-            assignmentRubricDialog.$dialog.find('.button.add_rubric_link').click()
+            assignmentRubricDialog.$dialog.find('.btn.add_rubric_link').click()
 
     openDialog: ->
       @initDialog() unless @dialogInited

app/helpers/application_helper.rb

@@ -452,7 +452,7 @@ def show_user_create_course_button(user)
   #
   # Returns an HTML string.
   def sidebar_button(url, label, img = nil)
-    link_to(url, :class => 'button button-sidebar-wide') do
+    link_to(url, :class => 'btn button-sidebar-wide') do
       img ? image_tag(img) + label : label
     end
   end

app/stylesheets/gradebook2.sass

@@ -126,11 +126,6 @@ $cell_height: 33px
     +opacity(1)
 
 
-
-#sort_rows_dialog
-  .button
-    margin-bottom: 5px
-
 .odd .slick-cell
   background-color: #f5f6f7
 .even .slick-cell

app/stylesheets/helpDialog.sass

@@ -68,14 +68,6 @@
   select
     font-size: 15px
 
-  .button-container
-    padding: 10px 6px 0
-    margin: 20px -10px 0
-    border-top: 1px solid #aaa
-    overflow: auto
-    .button
-      float: right
-
   .ui-state-error, .ui-state-highlight
     border-radius: 4px !important
     padding: 10px 10px 10px 35px

app/stylesheets/jqueryui/_jquery.ui.datepicker.scss

@@ -67,7 +67,7 @@
     text-align: center;
 
     input { padding: 2px; }
-    .button { margin-top: -3px; }
+    .btn{ margin-top: -3px; }
   }
   .ui-datepicker-header {
     @extend .ui-dialog-titlebar;

app/stylesheets/login.sass

@@ -28,18 +28,17 @@ body.modal
     ul
       list-style-type: none
 
-    .button
+    .btn
       float: right
       padding: 10px 36px
-      font-size: 1.1em
       margin: 2px 7px 0 0
-      border-radius: 7px
+      font-size: 15px
 
     .button_box
       text-align: right
       margin-right: 7px
       width: 100%
-      .button
+      .btn
         float: none
 
   #modal-box
@@ -86,7 +85,7 @@ body.modal
         color: #64b9f9 !important
         &:hover
           text-decoration: underline
-  
+
       input.text
         background: url(/images/login-input-bg.png) no-repeat
         border: 0 none
@@ -123,7 +122,7 @@ body.modal
   #forgot_password_form
     margin: 0 auto
     width: 455px
-    button.button
+    .btn
       margin: 7px 0
       float: none
       padding: 10px 24px

app/stylesheets/profile/edit.sass

@@ -1,48 +1,48 @@
-.profile_table td 
+.profile_table td
   vertical-align: top
   padding: 2px 5px
 
-.profile_table .edit_data 
+.profile_table .edit_data
   display: none
 
-.profile_table.editing .edit_data 
+.profile_table.editing .edit_data
   display: inline
 
-.profile_table.editing .display_data 
+.profile_table.editing .display_data
   display: none
 
 #user_bio
   width: 100%
   height: 200px
 
-#registered_services .service 
+#registered_services .service
   font-size: 1.2em
   padding: 2px
 
-#registered_services .service .delete_service_link 
+#registered_services .service .delete_service_link
   display: none
 
-#registered_services .service.service-hover 
+#registered_services .service.service-hover
   background-color: #eee
   -moz-border-radius: 3px
 
-#registered_services .service.service-hover .delete_service_link 
+#registered_services .service.service-hover .delete_service_link
   display: inline
 
-#unregistered_services .button
+#unregistered_services .btn
   width: 150px
   margin: 3px
 
-#unregistered_services .button img 
+#unregistered_services .btn img
   vertical-align: middle
 
 #unregistered_services .service a
   text-align: left
 
-.profile_pic_link img 
+.profile_pic_link img
   max-width: 50px
 
-.profile_pic_list span.img 
+.profile_pic_list span.img
   float: left
   width: 50px
   overflow: hidden
@@ -51,21 +51,21 @@
   padding: 4px
   display: inline-block
 
-.profile_pic_list img 
+.profile_pic_list img
   max-height: 75px
   min-height: 25px
   max-width: 50px
   vertical-align: middle
 
-.profile_pic_list span.img:hover 
+.profile_pic_list span.img:hover
   padding: 2px
   border: 2px solid #888
 
-.profile_pic_list span.img.selected 
+.profile_pic_list span.img.selected
   padding: 2px
   border: 2px solid #444
 
-#token_details_dialog table 
+#token_details_dialog table
   border-collapse: collapse
   width: 100%
   th

app/stylesheets/submissionDetailsDialog.sass

@@ -75,6 +75,6 @@
     label
       display: inline
       font-weight: normal
-  .button
+  .btn
     float: right
 

app/views/account_authorization_configs/_cas_settings.html.erb

@@ -38,8 +38,8 @@
         <td colspan="4">
           <div class="form-actions">
             <span class="auth_form">
-              <button type="button" class="button cancel_button"><%= t("#buttons.cancel", "Cancel") %></button>
-              <button type="submit" class="button btn-primary"><%= t(:save_button, "Save Authentication Settings") %></button>
+              <button type="button" class="btn cancel_button"><%= t("#buttons.cancel", "Cancel") %></button>
+              <button type="submit" class="btn btn-primary"><%= t(:save_button, "Save Authentication Settings") %></button>
             </span>
           </div>
         </td>

app/views/account_authorization_configs/_ldap_settings.html.erb

@@ -84,8 +84,8 @@
 
   <div class="form-actions">
     <span class="auth_form">
-      <button type="button" class="button cancel_button"><%= t("#buttons.cancel", "Cancel") %></button>
-      <button type="submit" class="button btn-primary"><%= t(:save_button, "Save LDAP Settings") %></button>
+      <button type="button" class="btn cancel_button"><%= t("#buttons.cancel", "Cancel") %></button>
+      <button type="submit" class="btn btn-primary"><%= t(:save_button, "Save LDAP Settings") %></button>
     </span>
   </div>
 <% end %>

app/views/account_authorization_configs/_ldap_settings_test.html.erb

@@ -91,7 +91,7 @@ ldap_tests << OpenStruct.new(
         </div></td>
       </tr>
     </table>
-    <button type="button" class="button submit_button ldap_test_close" style="float:right"><%= t(:test_ldap_dialog_close, "Close") %></button>
+    <button type="button" class="btn submit_button ldap_test_close" style="float:right"><%= t(:test_ldap_dialog_close, "Close") %></button>
   </div>
 </div>
 

app/views/account_authorization_configs/_saml_settings.html.erb

@@ -43,8 +43,8 @@
       </div>
       <% form_tag(api_v1_account_update_discovery_url_path(@account), :method => :put, :id => 'discovery_url_form', :class => "form-horizontal bootstrap-form discovery_url_form well", :style => hidden) do %>
         <input type="text" name="discovery_url" id="discovery_url_input" class="input-xlarge" value="<%= @account.auth_discovery_url %>">
-        <button type="submit" class="button btn-primary">Submit</button>
-        <button class="element_toggler button" aria-controls="discovery_url_form">Cancel</button>
+        <button type="submit" class="btn btn-primary">Submit</button>
+        <button class="element_toggler btn" aria-controls="discovery_url_form">Cancel</button>
       <% end %>
     </div>
   <% end %>
@@ -214,9 +214,9 @@
             <div class="form-actions">
               <span class="auth_form">
                 <% unless config.new_record? %>
-                  <button type="button" class="button cancel_button element_toggler" aria-controls="<%= form_id %>"><%= t("#buttons.cancel", "Cancel") %></button>
+                  <button type="button" class="btn cancel_button element_toggler" aria-controls="<%= form_id %>"><%= t("#buttons.cancel", "Cancel") %></button>
                 <% end %>
-                <button type="submit" class="button btn-primary"><%= t(:save_button, "Save Authentication Settings") %></button>
+                <button type="submit" class="btn btn-primary"><%= t(:save_button, "Save Authentication Settings") %></button>
               </span>
             </div>
           <% end %>
@@ -226,7 +226,7 @@
     <% end %>
 
 
-  <button class="element_toggler button"
+  <button class="element_toggler btn"
           aria-controls="saml_config__form"
           data-hide-while-target-shown=true>Add New SAML Config</button>
 
@@ -244,9 +244,9 @@
            %>
         </p>
         <p>
-          <a href="<%= account_saml_testing_url(@account) %>" id="start_saml_debugging" class="button" style="<%= hidden(!debugging) %>"><%= t('start_debugging', 'Start Debugging') %></a>
-          <a href="<%= account_saml_testing_url(@account) %>" id="refresh_saml_debugging" class="button" style="<%= hidden(debugging) %>"><%= t('refresh_debugging', 'Refresh') %></a>
-          <a href="<%= account_saml_testing_stop_url(@account) %>" id="stop_saml_debugging" class="button" style="<%= hidden(debugging) %>"><%= t('stop_debugging', 'Stop Debugging') %></a>
+          <a href="<%= account_saml_testing_url(@account) %>" id="start_saml_debugging" class="btn" style="<%= hidden(!debugging) %>"><%= t('start_debugging', 'Start Debugging') %></a>
+          <a href="<%= account_saml_testing_url(@account) %>" id="refresh_saml_debugging" class="btn" style="<%= hidden(debugging) %>"><%= t('refresh_debugging', 'Refresh') %></a>
+          <a href="<%= account_saml_testing_stop_url(@account) %>" id="stop_saml_debugging" class="btn" style="<%= hidden(debugging) %>"><%= t('stop_debugging', 'Stop Debugging') %></a>
         </p>
 
         <div id="saml_debug_info" style="<%= hidden(debugging) %>">

app/views/account_authorization_configs/index.html.erb

@@ -13,9 +13,9 @@
 <% content_for :right_side do %>
     <div class="rs-margin-lr rs-margin-top">
         <%  has_auth = @account_configs.any? %>
-        <a href="#" class="edit_auth_link button button-sidebar-wide" style="<%= hidden if !has_auth || @account.saml_authentication? %>"><%= image_tag "edit.png" %><%= t(:edit_auth_link, "Edit Details")%></a>
-        <a href="#" class="test_ldap_link button button-sidebar-wide" style="<%= hidden unless @account_configs.map {|c| c.auth_type}.include?("ldap") %>"><%= image_tag "pending_review.png" %><%= t(:test_ldap_link, "Test Authentication")%></a>
-        <%= link_to image_tag("delete.png") + t(:delete_auth_link, "Remove Authentication"), context_url(@account, :context_remove_all_authorization_configs_url), :confirm => t(:delete_auth_confirmation, "Are you sure? Users may not be able to log in if this is removed."), :method => :delete, :class=>"delete_auth_link button button-sidebar-wide", :style => "#{ hidden unless has_auth}" %>
+        <a href="#" class="edit_auth_link btn button-sidebar-wide" style="<%= hidden if !has_auth || @account.saml_authentication? %>"><%= image_tag "edit.png" %><%= t(:edit_auth_link, "Edit Details")%></a>
+        <a href="#" class="test_ldap_link btn button-sidebar-wide" style="<%= hidden unless @account_configs.map {|c| c.auth_type}.include?("ldap") %>"><%= image_tag "pending_review.png" %><%= t(:test_ldap_link, "Test Authentication")%></a>
+        <%= link_to image_tag("delete.png") + t(:delete_auth_link, "Remove Authentication"), context_url(@account, :context_remove_all_authorization_configs_url), :confirm => t(:delete_auth_confirmation, "Are you sure? Users may not be able to log in if this is removed."), :method => :delete, :class=>"delete_auth_link btn button-sidebar-wide", :style => "#{ hidden unless has_auth}" %>
         <div class="add_auth_div" style="<%= hidden if has_auth %>">
           <span class="add"><%= t(:add_auth_desc, "Add an identity provider to this account:")%></span><br/>
           <%= select("", "", [[:CAS, 'cas'], [:LDAP, 'ldap'], [:SAML, 'saml']],{:include_blank=>t(:choose_auth_type_option, "Choose an authentication service")}, :id => "add_auth_select") %>