Black Sabbath

<h1>Albums</h1>
<div class="iommi-table-container" data-endpoint="/tbody" data-iommi-id="albums">
    

    

    <div class="iommi-table-plus-paginator">
        
        <table class="table table-sm">

            <thead>
    
        <tr>
            
                <th class="first_column iommi_sort_header subheader text-nowrap">
    
        <a href="?albums%2Forder=name">
    
    Name
    
        </a>
    
</th>

            
                <th class="first_column iommi_sort_header subheader text-nowrap">
    
        <a href="?albums%2Forder=artist">
    
    Artist
    
        </a>
    
</th>

            
                <th class="first_column iommi_sort_header subheader text-nowrap text-right">
    
        <a href="?albums%2Forder=year">
    
    Year
    
        </a>
    
</th>

            
                <th class="first_column subheader text-nowrap">
    
    Genres
    
</th>

            
        </tr>
    
</thead>


            <tbody><tr data-pk="132"><td>Heaven &amp; Hell</td>
<td><a href="/artists/54084/">Black Sabbath</a></td>
<td class="text-right">1980</td>
<td></td></tr></tbody>

        </table>
        

        
    </div>




    

    

     


</div>


<h1>Tracks</h1>

<div id="iommi_parts__tracks__query">
    <form action="" class="align-items-center iommi_filter" data-iommi-errors="query/errors" data-iommi-id-of-table="parts/tracks" enctype="multipart/form-data" method="get">

        
            
<a class="iommi_query_toggle_simple_mode" data-advanced-mode="simple" href="#">Switch to advanced search</a>
<div style="width: 100%">
    <div class="iommi_query_form_advanced" style="display: none">
        <label for="iommi_parts__tracks__query_query">Search query:</label>
        <input id="iommi_parts__tracks__query_query" name="-tracks/query/query" type="text" style="width:70%" data-query=""/>

        <div class="iommi_query_toggle_help">
            <span>Show help</span> <i class="fa fa-chevron-down"></i>
        </div>

        <div class="iommi_query_help" style="display: none">
            <div class="iommi_query_available_fields">
                <h3>Available fields</h3>
                <ul>
                    
                        <li><code>album</code></li>
                    
                </ul>
            </div>
            <div class="iommi_query_available_query_commands">
                <h3>Queries</h3>
                <ul class="small">
                    <li>Search for an exact value: <code>field_name=value</code></li>
                    <li>Search for an exact value containing space: <code>field_name="value with space"</code></li>
                    <li>Containing a text: <code>field_name:val</code></li>
                    <li>Exclude a value: <code>field_name!=value</code></li>
                    <li>You can also use <code>&lt;</code>, <code>&gt;</code>, <code>&lt;=</code> and <code>&gt;=</code> to find ranges of values: <code>field_name&lt;10</code></li>
                    <li>To search for dates, use ISO8601 format: <code>field_name>1969-07-20</code></li>
                    <li>You can filter for relative dates: <code>field_name < "10 days ago"</code>. Supported fields are <code>days</code>, <code>months</code>, <code>years</code>, <code>quarters</code> and <code>weekdays</code>. They can be negative and abbreviated from <code>"10 days ago"</code> to <code>"-10d"</code>.</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        iommi_register_query_toggles('parts__tracks__query');
    });
</script>

        

        <span class="align-items-center iommi_query_form_simple row">
            <div class="col-sm-3 my-1" style="min-width: 200px"><label class="form-label form_label" for="id_album">Album</label><select class="form-control form-select select2_enhance" id="id_album" name="album" data-placeholder="" data-choices-endpoint="/album/choices">
    
        
    
</select>
</div>

        </span>

        

        <div class="iommi_query_error">
            
        </div>

        <style type="text/css" scoped>
            .iommi_query_available_fields,
            .iommi_query_available_query_commands {
                display: inline-block;
                vertical-align: top;
                margin-right: 10px;
                max-width: 45%;
            }
            .iommi_query_available_fields {
                padding-right: 20px;
            }
            .iommi_query_available_fields ul,
            .iommi_query_available_query_commands ul {

            }
            .iommi_query_toggle_help,
            .iommi_query_help {
                margin-left: 3px;
            }
            .iommi_query_toggle_help {
                cursor: pointer;
                width: 100px;
            }
            .iommi_query_toggle_simple_mode {
                float: right;
            }
            .iommi_query_error {
                color: red;
            }
        </style>

        
    <div class="links">
        

        
            <button class="btn btn-secondary" data-iommi-filter-button="">Filter</button>
        
    </div>


   </form>
</div>
<div class="iommi-table-container" data-endpoint="/tracks/tbody" data-iommi-id="parts/tracks">
    

    

    <div class="iommi-table-plus-paginator">
        
        <table class="table table-sm">

            <thead>
    
        <tr>
            
                <th class="first_column iommi_sort_header subheader text-nowrap">
    
        <a href="?parts%2Ftracks%2Forder=name">
    
    Name
    
        </a>
    
</th>

            
                <th class="first_column iommi_sort_header subheader text-nowrap text-right">
    
        <a href="?parts%2Ftracks%2Forder=index">
    
    Index
    
        </a>
    
</th>

            
                <th class="first_column iommi_sort_header subheader text-nowrap">
    
        <a href="?parts%2Ftracks%2Forder=album">
    
    Album
    
        </a>
    
</th>

            
                <th class="first_column iommi_sort_header subheader text-nowrap">
    
        <a href="?parts%2Ftracks%2Forder=duration">
    
    Duration
    
        </a>
    
</th>

            
        </tr>
    
</thead>


            <tbody><tr data-pk="704"><td>Neon Knights</td>
<td class="text-right">1</td>
<td><a href="/albums/132/">Heaven &amp; Hell</a></td>
<td></td></tr></tbody>

        </table>
        

        
    </div>




    

    

     


</div>