Bug #1765276: changed more panels to cards and card-heading to card-headers.

Lots of changes to cards, list-group-items, and buttons

behatnotneeded

Change-Id: I779967169fc0fffd61c0430f1c145e196bc87abd

htdocs/admin/users/add.php

@@ -146,7 +146,7 @@ unset($prefs);
 
 $form = pieform(array(
     'name'       => 'adduser',
-    'class'      => 'panel panel-default panel-body',
+    'class'      => 'card card-body',
     'autofocus'  => false,
     'template'   => 'adduser.php',
     'templatedir' => pieform_template_dir('adduser.php'),

htdocs/artefact/file/blocktype/internalmedia/lib.php

@@ -55,7 +55,7 @@ class PluginBlocktypeInternalmedia extends MaharaCoreBlocktype {
             return get_string('typeremoved', 'blocktype.file/internalmedia');
         }
 
-        $result = '<div class="mediaplayer-container panel-body flush"><div class="mediaplayer">';
+        $result = '<div class="mediaplayer-container card-body flush"><div class="mediaplayer">';
         $result .= call_static_method($playerclass, 'get_html', $artefact, $instance, $width, $height);
 
         // File download link

htdocs/auth/saml/index.php

@@ -423,7 +423,7 @@ function saml_auth_generate_login_form() {
                 'value' => get_string('login')
             ),
             'register' => array(
-                'value' => '<div id="login-helplinks" class="panel-footer"><small>' . $registerlink
+                'value' => '<div id="login-helplinks" class="card-footer"><small>' . $registerlink
                     . '<a href="' . get_config('wwwroot') . 'forgotpass.php">' . get_string('lostusernamepassword') . '</a></small></div>'
             ),
             'loginsaml' => array(

htdocs/js/ajaxblocks.js

@@ -19,7 +19,7 @@ jQuery(function($) {
 
                $(blocks[i]).load(baseurl + "blocktype/blocktype.ajax.php?blockid="+ id, function(){
                     if ($(this).is(':empty')){
-                        $(this).closest('.panel').addClass('d-none');
+                        $(this).closest('.card').addClass('d-none');
                     }
                     if (config.mathjax && MathJax !== undefined) {
                         MathJax.Hub.Queue(["Typeset", MathJax.Hub, blocks.get(i)]);

htdocs/module/framework/frameworkmanager.php

@@ -30,7 +30,7 @@ $classname = 'Framework';
 
 $form = $framework->get_framework_config_options();
 if (!array_key_exists('class', $form)) {
-    $form['class'] = 'panel panel-body';
+    $form['class'] = 'card card-body';
 }
 
 $form['name'] = 'frameworkconfig';

htdocs/theme/default/sass/layout/card/_card-collapse.scss

 .card.collapsible {
-    > .card-header, .card-heading-nested {
+    > .card-header, .card-header-nested {
         border-bottom: 0;
 
         > a.outer-link {

htdocs/theme/default/sass/layout/card/_card-header.scss

@@ -40,7 +40,7 @@
 
 
 .card.collapsible {
-    .card-heading-nested,
+    .card-header-nested,
     .card-header {
         > a.outer-link {
             border-color: #ddd;

htdocs/theme/default/sass/layout/card/_card-secondary.scss

@@ -5,7 +5,7 @@
     background-color: transparent;
 
     &.card-warning {
-         > .card-header, .card-heading-nested {
+         > .card-header, .card-header-nested {
             border-left: 0;
         }
     }
@@ -25,7 +25,7 @@
     }
 
     // removing left/right padding in card headings
-    .card-heading-nested,
+    .card-header-nested,
     > .card-header {
         padding-left: 0;
         padding-right: 0;

htdocs/theme/default/sass/utilities/_custom-variables.scss

@@ -108,6 +108,6 @@ $card-footer-bg:             #f0f5ea;
 $card-header-bg:    #fff;
 
 $card-border:        #d9d9d9;
-$card-heading-bg:    #FFFFFF;
+$card-header-bg:    #FFFFFF;
 
-$card-secondary-heading-bg:   darken($card-heading-bg, 2%);
+$card-secondary-heading-bg:   darken($card-header-bg, 2%);

htdocs/theme/modern/sass/utilities/_custom-variables.scss

@@ -131,7 +131,7 @@ $card-footer-bg:             #f5f5f5;
 
 $card-text:          $gray-700;
 $card-border:        #ddd;
-$card-heading-bg:    #f9f9f9;
+$card-header-bg:    #f9f9f9;
 
 $card-primary-text:          $gray-700;
 $card-primary-border:        #ddd;
@@ -139,7 +139,7 @@ $card-primary-heading-bg:    #fff;
 
 $card-secondary-text:         $primary;
 $card-secondary-border:       $primary;
-$card-secondary-heading-bg:   darken($card-heading-bg, 2%);
+$card-secondary-heading-bg:   darken($card-header-bg, 2%);
 
 $card-success-text:          $state-success-text;
 $card-success-border:        $state-success-border;

htdocs/theme/raw/js/notification.js

@@ -171,7 +171,7 @@ jQuery(function($) {
             notificationList.html(data.data.html);
         }
         else if (self) {
-            $(self).removeClass('panel-primary js-panel-unread').addClass('panel-default');
+            $(self).removeClass('panel-primary js-panel-unread').addClass('card');
             $(self).find('.control').removeClass('control');
         }
         $('#selectall').attr('checked', false); // Need to uncheck bulk checkbox
@@ -194,12 +194,12 @@ jQuery(function($) {
     function attachNotificationEvents() {
 
         // Add warning class to all selected notifications
-        $('.panel .control input').on('change', function() {
+        $('.card .control input').on('change', function() {
             if ($(this).prop('checked')) {
-                $(this).closest('.panel').addClass('panel-warning');
+                $(this).closest('.card').addClass('card-warning');
             }
             else {
-                $(this).closest('.panel').removeClass('panel-warning');
+                $(this).closest('.card').removeClass('card-warning');
             }
         });
 

htdocs/theme/raw/pieforms/adduser.php

@@ -3,7 +3,7 @@ echo $form_tag;
 ?>
 
     <div class="card-items card-items-no-margin">
-        <div class="step step1 card card first" id="step1">
+        <div class="step step1 card first" id="step1">
             <h3 class="card-header"><?php echo get_string('usercreationmethod', 'admin'); ?></h3>
             <div class="card-body">
                 <div class="choice">
@@ -37,7 +37,7 @@ echo $form_tag;
         </div>
 
 
-        <div class="step step2 card card">
+        <div class="step step2 card">
             <h3 class="card-header"><?php echo get_string('basicdetails', 'admin'); ?></h3>
             <div class="card-body">
                 <?php foreach (array('username', 'password', 'staff', 'admin', 'authinstance', 'quota', 'institutionadmin') as $field) { ?>
@@ -60,7 +60,7 @@ echo $form_tag;
             </div>
         </div>
 
-        <div class="step step3 card card">
+        <div class="step step3 card">
             <h3 class="card-header"><?php echo get_string('create', 'admin'); ?></h3>
             <div class="card-body">
                 <!-- Button trigger modal -->

htdocs/theme/raw/plugintype/artefact/blog/templates/posts.tpl

@@ -69,7 +69,7 @@
         </p>
 
         {if $post->files}
-        <div class="has-attachment card card collapsible" id="postfiles_{$post->id}">
+        <div class="has-attachment card collapsible" id="postfiles_{$post->id}">
             <h5 class="card-header has-link">
                 <a class="text-left collapsed" data-toggle="collapse" href="#attach_{$post->id}" aria-expanded="false">
                     <span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>

htdocs/theme/raw/plugintype/artefact/blog/templates/render/blogpost_renderattachments.tpl

-        <div class="has-attachment card card collapsible">
-            <h3 class="card-heading">
+        <div class="has-attachment card collapsible">
+            <h3 class="card-header">
                 <a class="text-left collapsed" aria-expanded="false" href="#blog-attach-{$postid}" data-toggle="collapse">
                     <span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>
 
@@ -40,4 +40,3 @@
                 </ul>
             </div>
         </div>
-

htdocs/theme/raw/plugintype/artefact/blog/templates/viewposts.tpl

@@ -27,8 +27,8 @@
         </div>
 
         {if $post->files}
-        <div class="has-attachment card card collapsible" id="blockpostfiles-{$post->id}">
-            <h5 class="card-heading">
+        <div class="has-attachment card collapsible" id="blockpostfiles-{$post->id}">
+            <h5 class="card-header">
                 <a class="text-left collapsed" data-toggle="collapse" href="#post-attach-{$post->id}" aria-expanded="false">
                     <span class="icon icon-paperclip left" role="presentation" aria-hidden="true"></span>
                     <span class="text-small"> {str tag=attachedfiles section=artefact.blog} </span>

htdocs/theme/raw/plugintype/artefact/comment/templates/commentlist.tpl

@@ -94,8 +94,8 @@
 
         {if !$item->deletedmessage && $item->attachments}
         <div class="comment-attachment">
-            <div class="card card has-attachment collapsible">
-                <h4 class="card-heading">
+            <div class="card has-attachment collapsible">
+                <h4 class="card-header">
                     <a class="collapsible collapsed" aria-expanded="false" href="#attachments_{$item->id}" data-toggle="collapse">
                         <span class="icon left icon-paperclip" role="presentation" aria-hidden="true"></span>
                         <span class="text-small">{str tag=Attachments section=artefact.comment} ({$item->filescount})</span>

htdocs/theme/raw/plugintype/artefact/file/templates/form/filebrowser.tpl

@@ -54,7 +54,7 @@
         {/if}
 
         {if $config.upload}
-        <div id="{$prefix}_upload_container" class="clearfix {if $config.selectone || $config.selectmodal} card-fake{else} card card fileupload {/if} {if ($tabs && !$tabs.upload) || $uploaddisabled} d-none{/if}">
+        <div id="{$prefix}_upload_container" class="clearfix {if $config.selectone || $config.selectmodal} card-fake{else} card fileupload {/if} {if ($tabs && !$tabs.upload) || $uploaddisabled} d-none{/if}">
             {* config.uploadagreement: disable the file chooser unless the agreement is checked *}
             {* config.simpleupload: the form only contains a file chooser *}
             {* config.submitbutton: add submit button even if js is enabled & don't start uploading as soon as a file is chosen *}

htdocs/theme/raw/plugintype/artefact/internal/blocktype/textbox/templates/content.tpl

@@ -10,8 +10,8 @@
 
 {if $attachments}
 {* @TODO: this could probably be a reusable template *}
-<div class="has-attachment card card collapsible">
-    <h4 class="card-heading">
+<div class="has-attachment card collapsible">
+    <h4 class="card-header">
         <a class="text-left collapsed" aria-expanded="false" href="#note-attach-{$blockid}" data-toggle="collapse">
             <span class="icon icon-paperclip left" role="presentation" aria-hidden="true"></span>
 

htdocs/theme/raw/plugintype/artefact/plans/templates/delete.tpl

 {include file="header.tpl"}
-<div class="card card bg-danger view-description">
+<div class="card bg-danger view-description">
     <h2 class="card-header">{$subheading}</h2>
     <div class="card-body">
         <p>{$message}</p>

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/book.tpl

 {if $controls}
-<div class="card card">
+<div class="card">
     {if !$hidetitle}
     <h3 class="resumeh3 card-header">
         {str tag='book' section='artefact.resume'}