semantic_model.html

<style>
/* TODO */
.section-target {
    top: -8em;
}

.noflex {
    flex: 0 0 160px !important;
}

.highlight {
    color: #24292e;
    background-color: white;
}

</style>

<div class='app-scroll'>
    <div class="app-links app-sticky">
        <div class="app-title">
            <div class="app-frame app-pad app-flush-bottom">

                <h1>
                    <span class="break">{{ semantic_model.name }}</span>
                    <small>semantic_model</small>

                    <div class='clearfix'></div>
                </h1>

            </div>
        </div>
        <div class="app-frame app-pad-h">
            <ul class="nav nav-tabs">
                <li ui-sref-active='active'><a ui-sref="dbt.semantic_model({'#': 'details'})">Details</a></li>
                <li ui-sref-active='active'><a ui-sref="dbt.semantic_model({'#': 'description'})">Description</a></li>
                <li ui-sref-active='active' ng-show = "parentsLength != 0"><a ui-sref="dbt.semantic_model({'#': 'depends_on'})">Depends On</a></li>
            </ul>
        </div>
    </div>
    <div class="app-details">
        <div class="app-frame app-pad">

            <section class="section">
                <div class="section-target" id="details"></div>
                <table-details model="semantic_model" extras="extra_table_fields" />
            </section>

            <section class="section">
                <div class="section-target" id="description"></div>
                <div class="section-content">
                    <h6>Description</h6>
                    <div class="panel">
                        <div class="panel-body">
                            <div ng-if="semantic_model.description" class="model-markdown" marked="semantic_model.description"></div>
                            <div ng-if="!semantic_model.description">This {{ semantic_model.resource_type }} is not currently documented</div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="section" ng-show = "semantic_model.entities.length != 0">
                <div class="section-target" id="entities"></div>
                <div class="section-content">
                    <h6>Entities</h6>

                <div class="panel">
                    <div class="detail-group" style="padding-bottom: 0">
                        <div class="detail-body" style="padding-left: 0">
                            <dl class="detail" ng-style="{'padding-left': $index == 0 ? 0 : 'auto'}"
                                ng-repeat="entity in semantic_model.entities">
                                <dt class="detail-label">Name</dt>
                                <dd class="detail-value" ng-if="entity.name">{{ entity.name }}</dd>
                                <dd class="detail-value" ng-if="!entity.name">None</dd>
                                <dt class="detail-label">Type</dt>
                                <dd class="detail-value" ng-if="entity.type">{{ entity.type }}</dd>
                                <dd class="detail-value" ng-if="!entity.type">None</dd>
                                <dt class="detail-label">Expression</dt>
                                <dd class="detail-value" ng-if="entity.expr">{{ entity.expr }}</dd>
                                <dd class="detail-value" ng-if="!entity.expr">None</dd>
                            </dl>
                        </div>
                    </div>
                </div>
            </div>
        </section>

            <section class="section" ng-show = "parentsLength != 0">
                <div class="section-target" id="depends_on"></div>
                <div class="section-content">
                    <h6>Depends On</h6>
                    <reference-list references="parents" node="semantic_model" />
                </div>
            </section>

        </div>
    </div>
</div>