<style>
    .technologyItems {
        font-size: 0;
        width: 100%;
        clear: both;
    }

    .technologyItem {
        font-size: small;
        font-weight: bold;
        padding-left: 2em;
        padding-right: 2em;
        margin: auto;
        border-top: solid 1px;
        border-bottom: 3px solid #734d00;
        display: inline-block;
    }

    .technologies-table {
        margin-top: 10px;
    }

    .technologiesStats td {
        text-transform: capitalize;
    }
</style>

<div class="container-fluid">
    <h1>
        Technologies &gt;
        All Projects &gt;
    </h1>

    <div class="technologyItems">
        <div class="technologyItem col-lg-2">
             Java {{filteredTechnologiesStats?.fileTypes['Java'] || 0 }} %
        </div>
        <div class="technologyItem col-lg-2">
             XML {{filteredTechnologiesStats?.fileTypes['xml'] || 0 }} %
        </div>
        <div class="technologyItem col-lg-2">
             HTML {{filteredTechnologiesStats?.fileTypes['html'] || 0 }} %
        </div>
        <div class="technologyItem col-lg-2">
             CSS {{filteredTechnologiesStats?.fileTypes['css'] || 0 }} %
        </div>
        <div class="technologyItem col-lg-2">
             JavaScript {{filteredTechnologiesStats?.fileTypes['js'] || 0 }} %
        </div>
    </div>

</div>

<div class="container-fluid container-cards-pf">
    <div class="row row-cards-pf technologiesStats">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
                <div class="card-pf-body">
                    <div class="card-pf-top-element">
                        <h2>Services (exposed/consumed)</h2>
                    </div>
                    <div class="card-pf-items text-center">
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>EJB</th> <th>Amount</th> </tr>
                            </thead>

                            <tbody>
                                <tr> <td>stateless</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.ejb.stateless'] || 0 }}</td> </tr>
                                <tr> <td>stateful</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.ejb.stateful'] || 0 }}</td> </tr>
                                <tr> <td>message driven</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.ejb.messageDriven'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>HTTP</th> <th>Amount</th> </tr>
                            </thead>
                            <tbody>
                                <tr> <td>JAX-RS services</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.http.jax-rs'] || 0 }}</td> </tr>
                                <tr> <td>JAX-WS services</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.http.jax-ws'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>Other</th> <th>Amount</th> </tr>
                            </thead>
                            <tbody>
                                <tr> <td>JPA entities</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.jpa.entities'] || 0 }}</td> </tr>
                                <tr> <td>JPA persistence units</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.jpa.persistenceUnits'] || 0 }}</td> </tr>
                                <tr> <td>JPA named queries</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.jpa.namedQueries'] || 0 }}</td> </tr>
                                <tr> <td>Hibernate configuration files</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.hibernate.configurationFiles'] || 0 }}</td> </tr>
                                <tr> <td>Hibernate entities</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.hibernate.Entities'] || 0 }}</td> </tr>
                                <tr> <td>Hibernate mapping files</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.hibernate.MappingFiles'] || 0 }}</td> </tr>
                                <tr> <td>Hibernate session factories</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.hibernate.SessionFactories'] || 0 }}</td> </tr>
                                <tr> <td>RMI services</td> <td>{{filteredTechnologiesStats?.technologies['stats.services.rmi.services'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
                <div class="card-pf-body">
                    <div class="card-pf-top-element">
                        <h2>Server resources - Java EE</h2>
                    </div>
                    <div class="card-pf-items text-center">
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>Database</th> <th>Amount</th> </tr>
                            </thead>
                            <tbody>
                                <tr> <td>JDBC datasources</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.db.jdbcDatasources'] || 0 }}</td> </tr>
                                <tr> <td>XA JDBC datasources</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.db.xaJdbcDatasources'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>Messaging</th> <th>Amount</th> </tr>
                            </thead>
                            <tbody>
                                <tr> <td>JMS queues</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.msg.jms.queues'] || 0 }}</td> </tr>
                                <tr> <td>JMS topics</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.msg.jms.topics'] || 0 }}</td> </tr>
                                <tr> <td>JMS connection factories</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.msg.jms.connectionFactories'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <thead>
                                <tr> <th>Other</th> <th>Amount</th> </tr>
                            </thead>
                            <tbody>
                                <tr> <td>security realms</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.security.realms'] || 0 }}</td> </tr>
                                <tr> <td>total JNDI entries</td> <td>{{filteredTechnologiesStats?.technologies['stats.serverResources.jndi.totalEntries'] || 0 }}</td> </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="card-pf card-pf-view card-pf-view-select card-pf-view-single-select">
                <div class="card-pf-body">
                    <div class="card-pf-top-element">
                        <h2>Miscellaneous Data</h2>
                    </div>
                    <div class="card-pf-items text-center">
                        <table class="datatable table table-striped table-bordered technologies-table">
                            <!--
                            <thead>
                                <tr> <th>Sizing</th> <th>Classes</th> <th>Embedded</th> </tr>
                            </thead>
                            -->
                            <tbody>
                                <tr>
                                    <td>Self-written</td>
                                    <td>{{filteredTechnologiesStats?.technologies['stats.java.classes.original']  || 0}} classes</td>
                                    <td>{{filteredTechnologiesStats?.technologies['stats.java.jars.original']  || 0}} jars</td>
                                </tr>
                                <tr>
                                    <td>Total</td>
                                    <td>{{filteredTechnologiesStats?.technologies['stats.java.classes.total'] || 0}} classes</td>
                                    <td>{{filteredTechnologiesStats?.technologies['stats.java.jars.total'] || 0 }} jars</td>
                                </tr>
                            </tbody>
                        </table>

                        <div class="majorIncludedTechnologies">

                        </div>

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