This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!-- Reflect box --> | |
| <div class="well"> | |
| <h4 style="color: purple !important"><i class="fa fa-search"></i> Reflect</h4> | |
| <p>Insert content here</p> | |
| </div> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!-- Reflect box --> | |
| <div class="well"> | |
| <h4 style="color: purple !important"><i class="fa fa-search"></i> Reflect</h4> | |
| <p>Insert content here</p> | |
| </div> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | /* ================================================== | |
| Style Navigation title and breadcrumbs | |
| Add BG colour with opacity, to create contrast | |
| - Only applies if a masthead image has been added | |
| ================================================== */ | |
| .mast-image h1 a, .mast-image .breadcrumb { | |
| display: inline-block; | |
| background: rgba(0, 0, 0, 0.5); | |
| padding: 8px; | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | SELECT ec.fullname, | |
| (CASE | |
| WHEN uce.rolearchetype = 'editingteacher' THEN array_to_string(array_agg(DISTINCT(uce.username)), ', ') | |
| END) AS editing_teachers, | |
| (CASE | |
| WHEN uce.rolearchetype = 'teacher' THEN array_to_string(array_agg(DISTINCT(uce.username)), ', ') | |
| END) AS non_editing_teachers | |
| FROM e_course ec | |
| JOIN e_user_course_enrolments uce ON ec.id = uce.courseid | |
| WHERE ec.id = '7545' | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <h4>Accordion 1</h4> | |
| <!-- Start of accordion 1 --> | |
| <div id="accordion-1"> | |
| <!-- Start of Item 1 --> | |
| <div class="card"> | |
| <div class="card-header" id="accordion-1-heading-1"> | |
| <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#accordion-1-collapse-1" aria-expanded="false" aria-controls="collapse-1"> | |
| Heading for accordion 1.1 | |
| </button> </h5> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <h4>Accordion 1</h4> | |
| <!-- Start of accordion 1 --> | |
| <div id="accordion-1"> | |
| <!-- Start of Item 1 --> | |
| <div class="card"> | |
| <div class="card-header" id="accordion-1-heading-1"> | |
| <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#accordion-1-collapse-1" aria-expanded="false" aria-controls="collapse-1"> | |
| Heading for accordion 1.1 | |
| </button> </h5> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!-- Start of vertical tabs --> | |
| <div class="row"> | |
| <div class="col-3 no-gutters"> | |
| <div class="nav flex-column nav-pills" id="v-tabs-tab" role="tablist" aria-orientation="vertical"> | |
| <a class="nav-link active show" id="v-tabs-t1-tab" data-toggle="pill" href="#v-tabs-t1" role="tab" aria-controls="v-tabs-t1" aria-selected="true">Tab 1</a> | |
| <a class="nav-link" id="v-tabs-t2-tab" data-toggle="pill" href="#v-tabs-t2" role="tab" aria-controls="v-tabs-t2" aria-selected="false">Tab 2</a> | |
| <a class="nav-link" id="v-tabs-t3-tab" data-toggle="pill" href="#v-tabs-t3" role="tab" aria-controls="v-tabs-t3" aria-selected="false">Tab 3</a> | |
| <a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a> | |
| <a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a> | |
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!-- Start of vertical tabs --> | |
| <div class="row"> | |
| <div class="col-3 no-gutters"> | |
| <div class="nav flex-column nav-pills" id="v-tabs-tab" role="tablist" aria-orientation="vertical"> | |
| <a class="nav-link active show" id="v-tabs-t1-tab" data-toggle="pill" href="#v-tabs-t1" role="tab" aria-controls="v-tabs-t1" aria-selected="true">Tab 1</a> | |
| <a class="nav-link" id="v-tabs-t2-tab" data-toggle="pill" href="#v-tabs-t2" role="tab" aria-controls="v-tabs-t2" aria-selected="false">Tab 2</a> | |
| <a class="nav-link" id="v-tabs-t3-tab" data-toggle="pill" href="#v-tabs-t3" role="tab" aria-controls="v-tabs-t3" aria-selected="false">Tab 3</a> | |
| <a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a> | |
| <a class="nav-link" id="v-tabs-t4-tab" data-toggle="pill" href="#v-tabs-t4" role="tab" aria-controls="v-tabs-t4" aria-selected="false">Tab 4</a> | |
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <h4>UI elements and 'helpers'</h4> | |
| <p>You may have noticed a consistency of visual design in this unit.  The RTA project has developed a set of User Interface (UI) elements and 'helpers' to speed up production and ensure that content is visually appealing, easy to understand, copyright compliant and accessible.</p> | |
| <div> | |
| <div class="alert alert-info" role="alert"> | |
| <strong>NOTE</strong>: With each of these helpers, be sure to read the "First Time" instructions | |
| </div> | |
| <div class="card-deck m-3"> | |
| <div class="card text-white shadow rounded bg-primary"> | |
| <p class="card-header"><strong>UI elements</strong></p> | |
| <div class="card-body"> | 
  
    
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
      Learn more about bidirectional Unicode characters
    
  
  
    
  | <!-- Start of Card Group - With top image and footnote --> | |
| <div class="card-group"> | |
| <!-- Start of first card --> | |
| <div class="card"> | |
| <img src="https://via.placeholder.com/320x180?text=Replace+Me" class="card-img-top" alt=""> | |
| <div class="card-body"> | |
| <h5 class="card-title">Card title</h5> | |
| <p class="card-text">Card body text</p> | |
| <!-- Start of Show/Hide interface --> | |
| <p> | 
OlderNewer