suitmedia/suitcoda

View on GitHub
_frontend/activity.php

Summary

Maintainability
A
0 mins
Test Coverage
<?php include '_include/head.php'; ?>

    <div class="site">
        <?php include '_include/header.php'; ?>

        <main class="main site-content">
            <h1 class="sr-only">Project Detail</h1>
            <div class="container">
                
                <?php include '_include/projectNav.php'; ?>
                
                <!-- activity, testing list, status -->
                <section class="project-content">
                    <h2 class="sr-only">Project Activity</h2>
                    <div class="flex-project">
                        <div class="flex-project__item flex-project__item-main block cf">
                            <h2 class="subtitle float-left fix-margin">Testing List</h2>
                            <a class="btn-new-testing btn btn--grey btn--regular float-right" href="new-inspection.php">
                                <small>New Inspection</small>
                            </a> <br>
                            
                            <!-- if no testing yet -->
                            <span class="empty-state">There is no testing yet.</span>

                            <ul class="list-nostyle">
                                <?php for ($i=0; $i < 10; $i++) { ?>
                                    <li>
                                        <a class="box box-testing block" href="issue.php">
                                            <div class="box-testing__detail">
                                                <div class="bzg">
                                                    <div class="bzg_c" data-col="s12,m4">
                                                        <b>Testing #16</b>
                                                    </div>
                                                    <div class="bzg_c" data-col="s12,m4">
                                                        <div class="text-red">
                                                            <span class="fa fa-exclamation-triangle"></span>
                                                            <span>250 Issues</span>
                                                        </div>
                                                    </div>
                                                    <div class="bzg_c" data-col="s12,m4">
                                                        <div class="text-grey">
                                                            <span class="fa fa-clock-o"></span>
                                                            <span>5 minutes ago</span>
                                                        </div>
                                                    </div>
                                                </div>

                                                <span class="label label--orange">Performance</span>
                                                <span class="label label--red">Code Quality</span>
                                                <span class="label label--blue">SEO</span>
                                                <span class="label label--green">Security</span>
                                            </div>

                                            <div class="box-testing__percent">
                                                <span>
                                                    <b>Error Rate : </b> 80%
                                                </span>
                                                <span>
                                                    <b>Performance : </b> 80%
                                                </span>
                                                <span>
                                                    <b>Code Quality : </b> 80%
                                                </span>
                                                <span>
                                                    <b>SEO : </b> 80%
                                                </span>
                                                <span>
                                                    <b>Security : </b> 80%
                                                </span>
                                            </div>
                                        </a>
                                    </li>
                                <?php } ?>
                            </ul>
                        </div>

                        <div class="flex-project__item flex-project__item-side block">
                            <h3>Lastest Inspection Status</h3>
                            <div class="block cf">
                                <div class="progress-title">
                                    <b>
                                        Error Rate
                                        <span class="text-red">(10)</span> 
                                    </b> 
                                    <span class="float-right">80%</span>
                                </div>
                                <div class="progress" data-percent="80">
                                    <div class="progress__bar"></div>
                                </div>
                            </div>
                            <div class="block cf">
                                <div class="progress-title">
                                    <b>
                                        Performance 
                                        <span class="text-red">(4)</span> 
                                    </b> 
                                    <span class="float-right">70%</span>
                                </div>
                                <div class="progress" data-percent="70">
                                    <div class="progress__bar"></div>
                                </div>
                            </div>
                            <div class="block cf">
                                <div class="progress-title">
                                    <b>
                                        Code Quality 
                                        <span class="text-red">(2)</span> 
                                    </b> 
                                    <span class="float-right">15%</span>
                                </div>
                                <div class="progress" data-percent="15">
                                    <div class="progress__bar"></div>
                                </div>
                            </div>
                            <div class="block cf">
                                <div class="progress-title">
                                    <b>
                                        SEO 
                                        <span class="text-red">(3)</span> 
                                    </b> 
                                    <span class="float-right">63%</span>
                                </div>
                                <div class="progress" data-percent="63">
                                    <div class="progress__bar"></div>
                                </div>
                            </div>
                            <div class="block cf">
                                <div class="progress-title">
                                    <b>
                                        Social Media 
                                        <span class="text-red">(1)</span> 
                                    </b> 
                                    <span class="float-right">30%</span>
                                </div>
                                <div class="progress" data-percent="30">
                                    <div class="progress__bar"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
                
            </div>
        </main>

        <?php include '_include/footer.php'; ?>
    </div>
        
        
    
<?php include '_include/script.php'; ?>