Merge pull request #206 from kozakHolota/order_up

HTML pieces move into classes wrapping the source HTML files. This al…

html/archive_body.html

@@ -0,0 +1,74 @@
+<div id="list-item-__acount__" class="archive-body">
+    <div>
+        <h4 class="archive-header">
+            Build #__acount__
+        </h4>
+        <div class="archive-date">
+            <i class="fa fa-calendar-check-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;
+                                __date__
+        </div>
+    </div>
+    <div style="margin-top: -5%;">
+        <div id="archive-container-__iloop__" style="padding-top: 5%; position: absolute;">
+            <div style="">
+                <span class="total__tests">__total_tests__</span>
+            </div>
+            <div id="archive-label-__iloop__">
+                <span class="archive__label">TEST CASES</span>
+            </div>
+        </div>
+        <div class="archive-chart-container">
+            <canvas id="archive-chart-__iloop__" style="margin-top: 10%; padding-left: 25%; margin-right: -16%; float: right;"></canvas>
+        </div>
+    </div>
+    <div class="archive__bar">
+        <section id="statistic" class="statistic-section-__status__ one-page-section">
+            <div class="container" style="margin-top: -2%;">
+                <div class="row text-center">
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__pass__</h2>
+                            <p class="stats-text">PASSED</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__fail__</h2>
+                            <p class="stats-text">FAILED</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;"v>
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__skip__</h2>
+                            <p class="stats-text">SKIPPED</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__xpass__</h2>
+                            <p class="stats-text">XPASSED</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__xfail__</h2>
+                            <p class="stats-text">XFAILED</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__error__</h2>
+                            <p class="stats-text">ERROR</p>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-md-3" style="max-width: 14.2%;">
+                        <div class="counter">
+                            <h2 class="timer count-title count-number">__rerun__</h2>
+                            <p class="stats-text">RERUN</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+    </div>
+</div>

html/archive_row.html

@@ -0,0 +1,5 @@
+<a class ="list-group-item list-group-item-action" href="#list-item-__acount__" style="font-size: 1.1rem; color: dimgray; margin-bottom: -7%;">
+    <i class="fa fa-__astate__" aria-hidden="true" style="color: __astate_color__"></i>
+    <span>__astatus__</span></br>
+    <span style="font-size: 0.81rem; color: gray; padding-left: 12%;">__adate__</span>
+</a>

html/floating_error.html

@@ -0,0 +1,16 @@
+<a data-toggle="modal" href="#myModal-__runt__" class="">(...)</a>
+<div class="modal fade in" id="myModal-__runt__" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-body">
+                <p>
+                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" width="1.12em" height="1em" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1856 1664"><path d="M1056 1375v-190q0-14-9.5-23.5t-22.5-9.5H832q-13 0-22.5 9.5T800 1185v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19q-13-11-24-11H818q-11 0-24 11q-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126q-17 29-46.5 46t-63.5 17H160q-34 0-63.5-17T50 1601q-37-63-2-126L816 67q17-31 47-49t65-18t65 18t47 49z" fill="#DC143C"/></svg>
+                    __full_msg__
+                </p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>

html/screenshot_details.html

@@ -0,0 +1,20 @@
+<div class="img-hover col-md-6 col-xl-3 p-3">
+    <div>
+        <a class="video" href="__screenshot_base__/pytest_screenshots/__screen_name__.png" data-toggle="lightbox" style="background-image: url('__screenshot_base__/pytest_screenshots/__screen_name__.png');" data-fancybox="images" data-caption="SUITE: __ts__ :: SCENARIO: __tc__">
+            <span class="video-hover-desc video-hover-small"> <span style="font-size:23px;display: block;margin-bottom: 15px;"> __tc__</span>
+                <span>__te__</span> </span>
+        </a>
+        <p class="text-desc">
+            <strong>__ts__</strong><br />
+            __te__
+        </p>
+    </div>
+</div>
+<div class="desc-video-none">
+    <div class="desc-video" id="Video-desc-01">
+        <h2>__tc__</h2>
+        <p>
+            <strong>__ts__</strong><br />
+            __te__</p>
+    </div>
+</div>

html/suite_row.html

@@ -0,0 +1,10 @@
+<tr>
+    <td style="word-wrap: break-word;max-width: 200px; white-space: normal; text-align:left">__sname__</td>
+    <td>__spass__</td>
+    <td>__sfail__</td>
+    <td>__sskip__</td>
+    <td>__sxpass__</td>
+    <td>__sxfail__</td>
+    <td>__serror__</td>
+    <td>__srerun__</td>
+</tr>