ci-view.html 15.2 KB
<div class="bodyWrap row">
    <div ng-include=" 'app/widget/MainMenu.html' " />
    <div class="main" ng-init="loadClinicalIllustrationData()">
        <div class="col-sm-12 stickey-area" style="padding-left:25px; width:99%">
            <div class="breadcrumb">
                <div class="row">
                    <h4 class="text-center text-primary paddingbtm5">Display Image By</h4>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">
                            <!--<label></label>-->
                            <select class="form-control input-sm">
                                <option selected>Body Region</option>
                                <option>All</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">

                            <select class="form-control input-sm">
                                <option selected>Body System</option>
                                <option>All</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">
                            <select class="form-control input-sm">
                                <option selected>View Orientation</option>
                                <option>All</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">
                            <select class="form-control input-sm">
                                <option selected>Image Type</option>
                                <option>All</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <div class="form-group">
                            <select class="form-control input-sm">
                                <option selected>Medical Speciality</option>
                                <option>All</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-lg-2 col-sm-4">
                        <button class="btn btn-primary btn-sm"><i class="fa fa-search"></i></button>&nbsp;<button class="btn btn-primary btn-sm"><i class="fa fa-eye"></i> Show All</button>
                    </div>
                </div>
            </div>
        </div>
        <!--</div>-->
        <div class="row tab-content" style="padding-left:25px; width:99%">
            <div role="tabpanel" class="tab-pane active" id="grid-view" ng-click="getDAViewList($event)">

                <!--<div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-1.jpg" alt="" title="">
                    <div class="caption">
                        <p>1.5-week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-2.jpg" alt="" title="">
                    <div class="caption">
                        <p>16-week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-3.jpg" alt="" title="">
                    <div class="caption">
                        <p>24-week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-4.jpg" alt="" title="">
                    <div class="caption">
                        <p>26 to 28-week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-5.jpg" alt="" title="">
                    <div class="caption">
                        <p>3.5 week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-6.jpg" alt="" title="">
                    <div class="caption">
                        <p>30 to 32 week fetus</p>
                    </div>
                </a>
            </div>
        </div>

        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-7.jpg" alt="" title="">
                    <div class="caption">
                        <p>8.5 week fetus</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-8.jpg" alt="" title="">
                    <div class="caption">
                        <p>Abdominal exploration - open incision options</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-9.jpg" alt="" title="">
                    <div class="caption">
                        <p>Abdominal ultrasound</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-10.jpg" alt="" title="">
                    <div class="caption">
                        <p>Abdominoplasty - Indications</p>
                    </div>
                </a>
            </div>
        </div>

        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-11.jpg" alt="" title="">
                    <div class="caption">
                        <p>Abdominoplasty - after</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-lg-2">
            <div class="thumbnail">
                <a href="clinical-illustrations-detail.html">
                    <img src="~/../content/images/clinical-illustrations-12.jpg" alt="" title="">
                    <div class="caption">
                        <p>Abdominoplasty - incisions</p>
                    </div>
                </a>
            </div>
        </div>-->
                <!--<div class="row" id="bodyViewList">



                </div>-->
            </div>

            <div role="tabpanel" class="tab-pane" id="list-view">
                 <!--ng-click="getDAViewList($event)">-->
                <div class="col-sm-12 table-responsive ">
                    <!--<table class="table table-hover table-condensed bg-white">
                <thead>
                    <tr class="active">
                        <th>Title</th>
                        <th>Region</th>
                        <th>System</th>
                        <th>View</th>
                        <th>Type</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1st &amp; 2nd Intercostal Spaces</td>
                        <td>Thorax</td>
                        <td>Cardiovascular, Muscular,</td>
                        <td>Anterior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>1st, 3rd, &amp;8th Ribs</td>
                        <td>Body Wall and Back</td>
                        <td>Skeletal</td>
                        <td>Inferior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>Abdomen at L5 Vertebra (Inf)</td>
                        <td>Abdomen</td>
                        <td>Cardiovascular, Digestive,</td>
                        <td>Inferior</td>
                        <td>Illustration</td>
                    </tr>
                    <tr>
                        <td>1st &amp; 2nd Intercostal Spaces</td>
                        <td>Thorax</td>
                        <td>Cardiovascular, Muscular,</td>
                        <td>Anterior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>1st, 3rd, &amp;8th Ribs</td>
                        <td>Body Wall and Back</td>
                        <td>Skeletal</td>
                        <td>Inferior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>Abdomen at L5 Vertebra (Inf)</td>
                        <td>Abdomen</td>
                        <td>Cardiovascular, Digestive,</td>
                        <td>Inferior</td>
                        <td>Illustration</td>
                    </tr>
                    <tr>
                        <td>1st &amp; 2nd Intercostal Spaces</td>
                        <td>Thorax</td>
                        <td>Cardiovascular, Muscular,</td>
                        <td>Anterior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>1st, 3rd, &amp;8th Ribs</td>
                        <td>Body Wall and Back</td>
                        <td>Skeletal</td>
                        <td>Inferior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>Abdomen at L5 Vertebra (Inf)</td>
                        <td>Abdomen</td>
                        <td>Cardiovascular, Digestive,</td>
                        <td>Inferior</td>
                        <td>Illustration</td>
                    </tr>
                    <tr>
                        <td>1st &amp; 2nd Intercostal Spaces</td>
                        <td>Thorax</td>
                        <td>Cardiovascular, Muscular,</td>
                        <td>Anterior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>1st, 3rd, &amp;8th Ribs</td>
                        <td>Body Wall and Back</td>
                        <td>Skeletal</td>
                        <td>Inferior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>Abdomen at L5 Vertebra (Inf)</td>
                        <td>Abdomen</td>
                        <td>Cardiovascular, Digestive,</td>
                        <td>Inferior</td>
                        <td>Illustration</td>
                    </tr>
                    <tr>
                        <td>1st &amp; 2nd Intercostal Spaces</td>
                        <td>Thorax</td>
                        <td>Cardiovascular, Muscular,</td>
                        <td>Anterior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>1st, 3rd, &amp;8th Ribs</td>
                        <td>Body Wall and Back</td>
                        <td>Skeletal</td>
                        <td>Inferior</td>
                        <td>Cadaver Photograph</td>
                    </tr>
                    <tr>
                        <td>Abdomen at L5 Vertebra (Inf)</td>
                        <td>Abdomen</td>
                        <td>Cardiovascular, Digestive,</td>
                        <td>Inferior</td>
                        <td>Illustration</td>
                    </tr>
                    <tr class="active">
                        <td colspan="5">

                            <div class="col-sm-3 col-lg-2 no-padding">
                                <div class="thumbnail no-margin">
                                    <a href="atlas-anatomy-detail.html">
                                        <img src="~/../content/images/clinical-illustrations-3.jpg" alt="" title="">

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

                        </td>

                    </tr>
                </tbody>
            </table>-->


                    <table class="table table-hover table-condensed bg-white">
                        <thead>
                            <tr>
                                <th>Title</th>
                                <!--<th>First Name</th>
                        <th>Last Name</th>-->
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="i in IllustrationData">
                                <td>{{i._Title}}</td>
                                <!--<td>{{person.firstName}}</td>
                        <td>{{person.lastName}}</td>-->
                            </tr>
                        </tbody>

                    </table>

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