magnax 1.0.0__py3-none-any.whl

magnax/templates/pk.html

@@ -0,0 +1,743 @@
+{% extends 'base.html' %}
+
+{% block title %}SoloX - {% if lan == 'cn' %} 比对模式 {% else %} PK Mode {% endif %}{% endblock %}
+
+{% block css %}{% endblock %}
+
+{% block page_title %}
+{% if model == '2-devices' %}
+<a class="btn btn-primary" href="/pk?model=2-devices&lan={{ lan }}">
+    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+    {% if lan == 'cn' %} 设备比对 {% else %} 2-Devices {% endif %}
+</a>
+<a class="btn btn-default" href="/pk?model=2-app&lan={{ lan }}" style="margin-left: 10px">
+    <svg t="1645171258689" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2225" width="2000" height="2000"><path d="M352 96H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h192c35.2 0 64-28.8 64-64V224c0-70.4-57.6-128-128-128z m64 319.9l-0.1 0.1H224c-17 0-33-6.7-45.1-18.9S160 369 160 352V224c0-17 6.7-33 18.9-45.1S207 160 224 160h128c17 0 33 6.7 45.1 18.9S416 207 416 224v191.9zM800 96H672c-70.4 0-128 57.6-128 128v192c0 35.2 28.8 64 64 64h192c70.4 0 128-57.6 128-128V224c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 416 800 416H608.1l-0.1-0.1V224c0-17 6.7-33 18.9-45.1S655 160 672 160h128c17 0 33 6.7 45.1 18.9S864 207 864 224v128zM416 544H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V608c0-35.2-28.8-64-64-64z m0 256c0 17-6.7 33-18.9 45.1S369 864 352 864H224c-17 0-33-6.7-45.1-18.9S160 817 160 800V672c0-17 6.7-33 18.9-45.1S207 608 224 608h191.9l0.1 0.1V800zM800 544H608c-35.2 0-64 28.8-64 64v192c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V672c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 864 800 864H672c-17 0-33-6.7-45.1-18.9S608 817 608 800V608.1l0.1-0.1H800c17 0 33 6.7 45.1 18.9S864 655 864 672v128z" fill="#1875F0" p-id="2226"></path></svg>
+    {% if lan == 'cn' %} APP比对 {% else %} 2-APP {% endif %}
+</a>
+{% elif model == '2-app' %}
+<a class="btn btn-default" href="/pk?model=2-devices&lan={{ lan }}">
+    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+    {% if lan == 'cn' %} 设备比对 {% else %} 2-Devices {% endif %}
+</a>
+<a class="btn btn-primary" style="margin-left: 10px" href="/pk?model=2-app&lan={{ lan }}">
+    <svg t="1661855715412" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25040" width="2000" height="2000"><path d="M458.666667 565.333333v298.666667h-298.666667v-298.666667h298.666667z m426.666666 0v298.666667h-298.666666v-298.666667h298.666666z m-490.666666 64h-170.666667v170.666667h170.666667v-170.666667z m426.666666 0h-170.666666v170.666667h170.666666v-170.666667z m-362.666666-490.666666v298.666666h-298.666667v-298.666666h298.666667z m426.666666 0v298.666666h-298.666666v-298.666666h298.666666z m-490.666666 64h-170.666667v170.666666h170.666667v-170.666666z m426.666666 0h-170.666666v170.666666h170.666666v-170.666666z" fill="#ffffff" p-id="25041"></path></svg>
+    {% if lan == 'cn' %} APP比对 {% else %} 2-APP {% endif %}
+</a>
+{% endif %}
+{% endblock %}
+
+{% block navbar_nav %}
+<ul class="navbar-nav">
+    <li class="nav-item active" id="apm_tab" style="margin-left: 20px;font-weight: bolder;">
+        <a class="nav-link" href="/?platform=Android&lan={{ lan }}" >
+            <span class="nav-link-icon d-md-none d-lg-inline-block">
+                <svg t="1635060342196" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="82258" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FBD000" p-id="82259"></path><path d="M949.6 848H92.8c-4.8 0-8-3.2-8-8s3.2-8 8-8h856.8c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#074370" p-id="82260"></path><path d="M903.2 776c0 35.2-28.8 64-64 64H203.2c-35.2 0-64-28.8-64-64V293.6c0-35.2 28.8-64 64-64h636c35.2 0 64 28.8 64 64V776z" fill="#415E6D" p-id="82261"></path><path d="M839.2 797.6H203.2c-35.2 0-64-28.8-64-64V776c0 35.2 28.8 64 64 64h636c35.2 0 64-28.8 64-64v-42.4c0 35.2-28.8 64-64 64z" fill="#324D5B" p-id="82262"></path><path d="M839.2 229.6H203.2c-35.2 0-64 28.8-64 64V728h764V293.6c0-35.2-28.8-64-64-64z" fill="#EAEAEA" p-id="82263"></path><path d="M901.6 736H144c-4.8 0-8-3.2-8-8s3.2-8 8-8h757.6c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#074370" p-id="82264"></path><path d="M816 784m-24 0a24 24 0 1 0 48 0 24 24 0 1 0-48 0Z" fill="#28A5C6" p-id="82265"></path><path d="M216 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#3AD0F9" p-id="82266"></path><path d="M280 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#FF4848" p-id="82267"></path><path d="M344 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#75B600" p-id="82268"></path><path d="M408 784m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#FFFFFF" p-id="82269"></path><path d="M904 592h-72c-4.8 0-8-3.2-8-8s4-8 8-8h71.2c4.8 0 8 3.2 8 8s-3.2 8-7.2 8zM639.2 664c-3.2 0-6.4-2.4-8-5.6L592 523.2l-14.4 63.2c-0.8 4-4 6.4-8 6.4H391.2c-4 0-7.2-2.4-8-6.4l-21.6-119.2-17.6 73.6c-0.8 4-5.6 7.2-9.6 5.6-4-0.8-7.2-5.6-5.6-9.6L355.2 424c0.8-4 4-6.4 8-6.4s7.2 3.2 8 6.4l27.2 152h166.4L584 488.8c0.8-3.2 4-8.8 8-8.8s6.4 4.8 8 8.8l38.4 132.8 40.8-224.8c0.8-4 4-6.4 8-6.4s7.2 2.4 8 6.4L732 576h76c4.8 0 8 3.2 8 8s-3.2 8-8 8H725.6c-4 0-7.2-2.4-8-6.4l-30.4-146.4-40 218.4c-0.8 3.2-4 6.4-8 6.4 0.8 0 0.8 0 0 0zM305.6 680c-4 0-7.2-2.4-8-6.4L268 536l-15.2 50.4c-0.8 3.2-4 5.6-8 5.6H146.4c-4.8 0-8-3.2-8-8s3.2-8 8-8h92.8l22.4-74.4c0.8-3.2 4.8-5.6 8-5.6 4 0 6.4 2.4 7.2 6.4l28.8 132.8 11.2-47.2c0.8-4 5.6-7.2 9.6-5.6 4 0.8 7.2 5.6 5.6 9.6l-19.2 82.4c0 3.2-4 5.6-7.2 5.6z" fill="#074370" p-id="82270"></path><path d="M776 304h-56c-4.8 0-8-3.2-8-8s3.2-8 8-8h56c4.8 0 8 3.2 8 8s-3.2 8-8 8zM672 304H488c-4 0-8-3.2-8-8s3.2-8 8-8h184c4 0 8 3.2 8 8s-3.2 8-8 8zM424 304H224c-4.8 0-8-3.2-8-8s4-8 8-8h200c4.8 0 8 3.2 8 8s-4 8-8 8zM711.2 344H584c-4.8 0-8-3.2-8-8s3.2-8 8-8h127.2c4.8 0 8 3.2 8 8s-3.2 8-8 8zM528 344H224c-4.8 0-8-3.2-8-8s4-8 8-8h304c4.8 0 8 3.2 8 8s-4 8-8 8z" fill="#ADADAD" p-id="82271"></path><path d="M840 848H200c-40 0-72-32-72-72V296c0-40 32-72 72-72h640c40 0 72 32 72 72v480c0 40-32 72-72 72zM200 240c-31.2 0-56 24.8-56 56v480c0 31.2 24.8 56 56 56h640c31.2 0 56-24.8 56-56V296c0-31.2-24.8-56-56-56H200z" fill="#074370" p-id="82272"></path><path d="M864 553.6c-4.8 0-8-3.2-8-8v-80c0-4.8 3.2-8 8-8s8 3.2 8 8v80c0 4.8-3.2 8-8 8zM864 425.6c-4.8 0-8-3.2-8-8V312c0-22.4-17.6-40-40-40H408c-4.8 0-8-3.2-8-8s3.2-8 8-8h408c31.2 0 56 24.8 56 56v105.6c0 4.8-3.2 8-8 8zM345.6 272H224c-4.8 0-8-3.2-8-8s3.2-8 8-8h121.6c4.8 0 8 3.2 8 8s-4 8-8 8zM64 464c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z m0-48c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM656 176c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z m0-48c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM474.4 124c0-3.2-3.2-6.4-8-7.2l-15.2-2.4c-4-0.8-8.8-4.8-8.8-8.8l-2.4-15.2c-0.8-4-4-8-7.2-8s-6.4 3.2-7.2 8l-2.4 15.2c-0.8 4-4.8 8.8-8.8 8.8l-15.2 2.4c-4 0.8-8 4-8 7.2s3.2 6.4 8 7.2l15.2 2.4c4 0.8 8.8 4.8 8.8 8.8l2.4 15.2c0.8 4 4 8 7.2 8s6.4-3.2 7.2-8l2.4-16.8c0.8-4 4.8-8 8.8-8.8l14.4-0.8c5.6-1.6 8.8-4 8.8-7.2zM502.4 928c0-3.2-3.2-6.4-8-7.2l-15.2-2.4c-4-0.8-8.8-4.8-8.8-8.8l-2.4-15.2c-0.8-4-4-8-7.2-8s-6.4 3.2-7.2 8l-2.4 15.2c-0.8 4-4.8 8.8-8.8 8.8l-15.2 2.4c-4 0.8-8 4-8 7.2s3.2 6.4 8 7.2l15.2 2.4c4 0.8 8.8 4.8 8.8 8.8l2.4 15.2c0.8 4 4 8 7.2 8s6.4-3.2 7.2-8l2.4-16.8c0.8-4 4.8-8 8.8-8.8l14.4-0.8c5.6-1.6 8.8-4 8.8-7.2z" fill="#FFFFFF" p-id="82273"></path></svg>
+            </span>
+            <span class="nav-link-title strong-text">{% if lan == 'cn' %} 性能测试 {% else %} APM {% endif %}</span>
+        </a>
+    </li>
+    <li class="nav-item" id="report_tab" style="margin-left: 20px;font-weight: bolder;">
+        <a class="nav-link" href="/report?lan={{ lan }}" >
+            <span class="nav-link-icon d-md-none d-lg-inline-block">
+                <svg t="1643364122000" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="29349" width="300" height="300"><path d="M777 806.7c0 38.7-31.1 70.3-69.7 70.3H225.9c-38.7 0-69.9-31.6-69.9-70.3V174.4c0-38.7 31.2-70.4 69.9-70.4h481.4c38.7 0 69.7 31.7 69.7 70.4v632.3z" fill="#FFFFFF" p-id="29350"></path><path d="M707.3 886H225.9c-43.5 0-78.9-35.8-78.9-79.3V174.4c0-43.5 35.4-79.4 78.9-79.4h481.4c43.5 0 79.7 35.9 79.7 79.4v632.3c0 43.5-36.2 79.3-79.7 79.3zM225.9 113c-33.7 0-59.9 27.7-59.9 61.4v632.3c0 33.7 26.2 61.3 59.9 61.3h481.4c33.7 0 60.7-27.6 60.7-61.3V174.4c0-33.7-27-61.4-60.7-61.4H225.9z" fill="#282828" p-id="29351"></path><path d="M732 763.1c0 33.3-26.1 60.9-59.4 60.9H251.7c-33.3 0-59.7-27.6-59.7-60.9V226.9c0-33.3 26.4-60.9 59.7-60.9h420.9c33.3 0 59.4 27.5 59.4 60.9v536.2z" fill="#50BCFF" p-id="29352"></path><path d="M361.8 251.9H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h153.1c4.9 0 8.9 4 8.9 8.9s-3.9 8.9-8.8 8.9zM549.2 313H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h340.5c4.9 0 8.9 4 8.9 8.9s-3.9 8.9-8.8 8.9zM652 448.4H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9H652c4.9 0 8.9 4 8.9 8.9s-4 8.9-8.9 8.9zM588.4 515.8H208.6c-4.9 0-8.9-4-8.9-8.9s4-8.9 8.9-8.9h379.7c4.9 0 8.9 4 8.9 8.9 0.1 4.9-3.9 8.9-8.8 8.9z" fill="#282828" p-id="29353"></path><path d="M673.3 113.3c0 19.6-15.9 35.5-35.5 35.5h-346c-19.6 0-35.5-15.9-35.5-35.5v-6.7c0-19.6 15.9-35.5 35.5-35.5h346c19.6 0 35.5 15.9 35.5 35.5v6.7z" fill="#1A6DFF" p-id="29354"></path><path d="M637.8 157.6h-346c-24.5 0-44.4-19.9-44.4-44.4v-6.7c0-24.5 19.9-44.4 44.4-44.4h346c24.5 0 44.4 19.9 44.4 44.4v6.7c0 24.5-19.9 44.4-44.4 44.4zM291.9 80c-14.7 0-26.6 11.9-26.6 26.6v6.7c0 14.7 11.9 26.6 26.6 26.6h346c14.7 0 26.6-11.9 26.6-26.6v-6.7c0-14.7-11.9-26.6-26.6-26.6h-346z" fill="#282828" p-id="29355"></path><path d="M849.7 758.4c0 106.3-86.2 192.4-192.4 192.4-106.3 0-192.4-86.2-192.4-192.4C464.8 652.1 551 566 657.3 566c106.2 0 192.4 86.1 192.4 192.4z" fill="#FFFFFF" p-id="29356"></path><path d="M657.3 959.7c-111 0-201.3-90.3-201.3-201.3s90.3-201.3 201.3-201.3 201.3 90.3 201.3 201.3-90.3 201.3-201.3 201.3z m0-384.8c-101.2 0-183.5 82.3-183.5 183.5S556.1 942 657.3 942s183.6-82.3 183.6-183.6c-0.1-101.2-82.4-183.5-183.6-183.5z" fill="#282828" p-id="29357"></path><path d="M657.3 553.6v204.9h203.6c-0.2-112.7-91.2-204-203.6-204.9z" fill="#1A6DFF" p-id="29358"></path><path d="M860.9 767.3H657.3c-4.9 0-8.9-4-8.9-8.9V553.6c0-2.4 0.9-4.6 2.6-6.3 1.7-1.7 3.6-2.4 6.3-2.6 116.9 0.9 212.2 96.8 212.4 213.7 0 2.4-0.9 4.6-2.6 6.3-1.6 1.7-3.9 2.6-6.2 2.6z m-194.8-17.8h185.6C847 649.3 766.2 568 666.1 562.7v186.8z" fill="#282828" p-id="29359"></path><path d="M794.1 903.7c-2.3 0-4.6-0.9-6.3-2.6L652.1 764.7c-3.5-3.5-3.4-9.1 0-12.6 3.5-3.5 9.1-3.4 12.6 0l135.7 136.5c3.5 3.5 3.4 9.1 0 12.6-1.8 1.7-4 2.5-6.3 2.5z" fill="#282828" p-id="29360"></path></svg>
+            </span>
+            <span class="nav-link-title strong-text">{% if lan == 'cn' %} 报告管理 {% else %} Report {% endif %}</span>
+        </a>
+    </li>
+</ul>
+{% endblock %}
+
+{% block ms_auto %}
+<div class="ms-auto d-print-none  col-auto">
+    <a class="btn btn-default" id="debug-connect">
+        <svg t="1638091545450" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="231707" width="200" height="200"><path d="M207.67511 241.617978v295.694382c0 15.532584 4.602247 31.065169 13.231461 43.721348L296.268369 676.530337c13.806742 20.134831 36.242697 32.21573 60.404494 32.21573h109.303371c24.161798 0 46.597753-12.080899 60.404494-32.21573L601.742526 581.033708c8.629213-12.65618 13.231461-28.188764 13.231461-43.721348V241.617978H207.67511z" fill="#4988FD" p-id="231708"></path><path d="M253.122301 4.026966h317.555056V241.617978H253.122301z" fill="#C5DCFA" p-id="231709"></path><path d="M344.016683 184.089888c-9.204494 0-16.683146-7.478652-16.683146-16.683146V83.41573c0-9.204494 7.478652-16.683146 16.683146-16.683146 9.204494 0 16.683146 7.478652 16.683146 16.683146v83.991012c0 9.204494-7.478652 16.683146-16.683146 16.683146zM476.906571 184.089888c-9.204494 0-16.683146-7.478652-16.683146-16.683146V83.41573c0-9.204494 7.478652-16.683146 16.683146-16.683146 9.204494 0 16.683146 7.478652 16.683146 16.683146v83.991012c0 9.204494-7.478652 16.683146-16.683146 16.683146z" fill="#FFFFFF" p-id="231710"></path><path d="M606.344773 1023.424719c-118.507865 0-214.579775-96.07191-214.579775-214.579775v-28.188764c0-12.080899 9.779775-21.860674 21.860674-21.860674 12.080899 0 21.860674 9.779775 21.860674 21.860674v28.188764c0 93.770787 76.51236 170.283146 170.283146 170.283146s170.283146-76.51236 170.283146-170.283146v-231.262922c0-12.080899 9.779775-21.860674 21.860674-21.860674 12.080899 0 21.860674 9.779775 21.860675 21.860674v231.262922c0.575281 118.507865-95.496629 214.579775-213.429214 214.579775z" fill="#C5DCFA" p-id="231711"></path><path d="M439.513312 780.65618h-52.925842c-12.65618 0-23.011236-10.355056-23.011236-23.011236v-48.898877h98.373033v48.898877c0.575281 12.65618-9.779775 23.011236-22.435955 23.011236z" fill="#2767F4" p-id="231712"></path><path d="M411.899829 604.620225c-9.204494 0-16.683146-7.478652-16.683146-16.683146V335.388764c0-9.204494 7.478652-16.683146 16.683146-16.683146 9.204494 0 16.683146 7.478652 16.683146 16.683146v252.548315c-0.575281 9.779775-7.478652 16.683146-16.683146 16.683146z" fill="#FFFFFF" p-id="231713"></path><path d="M411.899829 528.683146c-3.451685 0-7.478652-1.150562-10.355056-4.026966l-65.582022-54.651686c-4.026966-2.876404-5.752809-8.053933-5.752809-12.656179v-54.076405c0-9.204494 7.478652-16.683146 16.683146-16.683146 9.204494 0 16.683146 7.478652 16.683146 16.683146v46.597753L422.830166 499.34382c6.903371 5.752809 8.053933 16.107865 2.301124 23.586517-4.026966 4.026966-8.629213 5.752809-13.231461 5.752809z" fill="#FFFFFF" p-id="231714"></path><path d="M411.899829 480.934831c-4.602247 0-9.204494-1.725843-12.65618-5.752809-5.752809-6.903371-5.177528-17.258427 1.725843-23.586516l60.979775-51.775281V362.426966c0-9.204494 7.478652-16.683146 16.683146-16.683146 9.204494 0 16.683146 7.478652 16.683147 16.683146v44.87191c0 4.602247-2.301124 9.204494-5.752809 12.65618L422.830166 476.907865c-3.451685 2.876404-7.478652 4.026966-10.930337 4.026966z" fill="#FFFFFF" p-id="231715"></path></svg>
+        {% if lan == 'cn' %} 连接 {% else %} Connect {% endif %}
+    </a>
+</div>
+<div class="ms-auto d-print-none  col-auto">
+    <div class="btn-list apm-btn-list">
+        <a id="run-apm" class="btn btn-default">
+            <svg t="1647757457022" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21859" width="200" height="200"><path d="M511.4 512.1m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z" fill="#006DFC" p-id="21860"></path><path d="M658.4 555.6L475.5 661.1c-33.4 19.3-75-4.8-75-43.3V406.6c0-38.5 41.7-62.6 75-43.3l182.9 105.6c33.3 19.3 33.3 67.4 0 86.7z" fill="#FFFFFF" p-id="21861"></path></svg>
+            {% if lan == 'cn' %} 开始 {% else %} Start {% endif %}
+        </a>
+        <a id="stop-apm" class="btn btn-default" style="display: none">
+            <svg t="1638096947956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="235254" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#EE827F" p-id="235255"></path><path d="M512 512m-443.191534 0a443.191534 443.191534 0 1 0 886.383068 0 443.191534 443.191534 0 1 0-886.383068 0Z" fill="#E64537" p-id="235256"></path><path d="M0 512C0 794.638448 229.180952 1023.8194 512 1023.8194V0C229.180952 0 0 229.180952 0 512z" fill="#FEFFFF" opacity=".1" p-id="235257"></path><path d="M477.866667 683.208466H375.647266c-1.083598 0-1.986596-0.902998-1.986596-1.986597V342.597531c0-1.083598 0.902998-1.986596 1.986596-1.986596h102.4c1.083598 0 1.986596 0.902998 1.986596 1.986596v338.443739c-0.1806 1.264198-1.083598 2.167196-2.167195 2.167196zM648.352734 683.208466h-102.4c-1.083598 0-1.986596-0.902998-1.986596-1.986597V342.597531c0-1.083598 0.902998-1.986596 1.986596-1.986596H648.352734c1.083598 0 1.986596 0.902998 1.986596 1.986596v338.443739c0 1.264198-0.902998 2.167196-1.986596 2.167196z" fill="#FFFFFF" p-id="235258"></path></svg>
+            {% if lan == 'cn' %} 停止 {% else %} Stop {% endif %}
+        </a>
+    </div>
+</div>
+{% endblock %}
+
+{% block page_body %}
+<div class="row">
+    <div class="apm-info" style="width: 25%">
+        <div class="dropdown-menu dropdown-menu-demo">
+            <h6 class="dropdown-header">{% if lan == 'cn' %} 设备信息 {% else %} Device Info {% endif %}</h6>
+            {% if model == '2-devices' %}
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+               1
+                </div>
+                <input  type="text"  class="form-control device1" placeholder="No device found" disabled>
+            </div>
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+                2
+                </div>
+                <input  type="text"  class="form-control device2" placeholder="No device found" disabled>
+            </div>
+            <div class="dropdown-divider"></div>
+            <h6 class="dropdown-header">{% if lan == 'cn' %} 包名 {% else %} Package Name {% endif %}</h6>
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1645171258689" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2225" width="2000" height="2000"><path d="M352 96H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h192c35.2 0 64-28.8 64-64V224c0-70.4-57.6-128-128-128z m64 319.9l-0.1 0.1H224c-17 0-33-6.7-45.1-18.9S160 369 160 352V224c0-17 6.7-33 18.9-45.1S207 160 224 160h128c17 0 33 6.7 45.1 18.9S416 207 416 224v191.9zM800 96H672c-70.4 0-128 57.6-128 128v192c0 35.2 28.8 64 64 64h192c70.4 0 128-57.6 128-128V224c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 416 800 416H608.1l-0.1-0.1V224c0-17 6.7-33 18.9-45.1S655 160 672 160h128c17 0 33 6.7 45.1 18.9S864 207 864 224v128zM416 544H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V608c0-35.2-28.8-64-64-64z m0 256c0 17-6.7 33-18.9 45.1S369 864 352 864H224c-17 0-33-6.7-45.1-18.9S160 817 160 800V672c0-17 6.7-33 18.9-45.1S207 608 224 608h191.9l0.1 0.1V800zM800 544H608c-35.2 0-64 28.8-64 64v192c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V672c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 864 800 864H672c-17 0-33-6.7-45.1-18.9S608 817 608 800V608.1l0.1-0.1H800c17 0 33 6.7 45.1 18.9S864 655 864 672v128z" fill="#1875F0" p-id="2226"></path></svg>
+                </div>
+                <select id="select-app" class="select2-selection--single" data-placeholder="Please select a package"></select>
+            </div>
+            {% else %}
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+               1
+                </div>
+                <input type="text"  class="form-control device1" placeholder="No device found" disabled>
+            </div>
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1638090687049" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="186695" width="200" height="200"><path d="M213.33 128.002c-11.782 0-21.328 9.546-21.328 21.328v42.672c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328V149.33c0-11.782-9.562-21.328-21.344-21.328zM213.33 234.674c-11.782 0-21.328 9.546-21.328 21.328v85.328c0 11.782 9.546 21.344 21.328 21.344s21.344-9.562 21.344-21.344v-85.328c0-11.782-9.562-21.328-21.344-21.328zM213.33 384.002c-11.782 0-21.328 9.546-21.328 21.326v85.344c0 11.782 9.546 21.328 21.328 21.328s21.344-9.546 21.344-21.328v-85.344c0-11.78-9.562-21.326-21.344-21.326z" fill="#434A54" p-id="186696"></path><path d="M810.686 256.002c-11.812 0-21.376 9.546-21.376 21.328v85.344c0 11.782 9.562 21.328 21.376 21.328 11.75 0 21.312-9.546 21.312-21.328v-85.344c0-11.782-9.562-21.328-21.312-21.328zM298.674 1002.652c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324c0 35.31-28.688 63.998-64 63.998H298.674z" fill="#434A54" p-id="186697"></path><path d="M234.674 149.33h554.636v682.668H234.674z" fill="#5D9CEC" p-id="186698"></path><path d="M725.31 0.004H298.674c-47.14 0-85.344 38.204-85.344 85.326v853.324c0 47.124 38.204 85.342 85.344 85.342h426.636c47.156 0 85.376-38.218 85.376-85.342V85.33c0-47.122-38.22-85.326-85.376-85.326z m64 938.65c0 35.31-28.688 63.998-64 63.998H298.674c-35.296 0-64-28.688-64-63.998V85.33c0-35.28 28.704-63.998 64-63.998h426.636c35.312 0 64 28.718 64 63.998v853.324z" fill="#656D78" p-id="186699"></path><path d="M512 853.342c-35.344 0-64 28.656-64 64s28.656 63.998 64 63.998c35.342 0 64-28.654 64-63.998s-28.656-64-64-64z m0 85.312c-11.766 0-21.328-9.562-21.328-21.312 0-11.782 9.562-21.344 21.328-21.344 11.764 0 21.328 9.562 21.328 21.344 0 11.75-9.562 21.312-21.328 21.312z" fill="#656D78" p-id="186700"></path><path d="M426.672 85.33c0 11.782-9.562 21.344-21.344 21.344S384 97.112 384 85.33s9.546-21.328 21.328-21.328 21.344 9.546 21.344 21.328z" fill="#5D9CEC" p-id="186701"></path><path d="M554.688 64.002h-85.358c-11.782 0-21.328 9.546-21.328 21.328s9.546 21.344 21.328 21.344h85.358c11.75 0 21.312-9.562 21.312-21.344s-9.562-21.328-21.312-21.328z" opacity=".2" p-id="186702"></path><path d="M509.33 832.216h-122.658l128.002-682.886h122.638z" fill="#FFFFFF" opacity=".1" p-id="186703"></path></svg>
+               2
+                </div>
+                <input  type="text"  class="form-control device2" placeholder="No device found" disabled>
+            </div>
+            <div class="dropdown-divider"></div>
+            <h6 class="dropdown-header">{% if lan == 'cn' %} 包名 {% else %} Package Name {% endif %}</h6>
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1645171258689" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2225" width="2000" height="2000"><path d="M352 96H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h192c35.2 0 64-28.8 64-64V224c0-70.4-57.6-128-128-128z m64 319.9l-0.1 0.1H224c-17 0-33-6.7-45.1-18.9S160 369 160 352V224c0-17 6.7-33 18.9-45.1S207 160 224 160h128c17 0 33 6.7 45.1 18.9S416 207 416 224v191.9zM800 96H672c-70.4 0-128 57.6-128 128v192c0 35.2 28.8 64 64 64h192c70.4 0 128-57.6 128-128V224c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 416 800 416H608.1l-0.1-0.1V224c0-17 6.7-33 18.9-45.1S655 160 672 160h128c17 0 33 6.7 45.1 18.9S864 207 864 224v128zM416 544H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V608c0-35.2-28.8-64-64-64z m0 256c0 17-6.7 33-18.9 45.1S369 864 352 864H224c-17 0-33-6.7-45.1-18.9S160 817 160 800V672c0-17 6.7-33 18.9-45.1S207 608 224 608h191.9l0.1 0.1V800zM800 544H608c-35.2 0-64 28.8-64 64v192c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V672c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 864 800 864H672c-17 0-33-6.7-45.1-18.9S608 817 608 800V608.1l0.1-0.1H800c17 0 33 6.7 45.1 18.9S864 655 864 672v128z" fill="#1875F0" p-id="2226"></path></svg>
+                1
+                </div>
+                <select id="select-app1" class="select2-selection--single" data-placeholder="Please select package 1"></select>
+            </div>
+            <div class="input-group mb-3 mt-2" style="width: 93%;margin-left: 10px;">
+                <div class="input-group-text">
+                    <svg t="1645171258689" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2225" width="2000" height="2000"><path d="M352 96H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h192c35.2 0 64-28.8 64-64V224c0-70.4-57.6-128-128-128z m64 319.9l-0.1 0.1H224c-17 0-33-6.7-45.1-18.9S160 369 160 352V224c0-17 6.7-33 18.9-45.1S207 160 224 160h128c17 0 33 6.7 45.1 18.9S416 207 416 224v191.9zM800 96H672c-70.4 0-128 57.6-128 128v192c0 35.2 28.8 64 64 64h192c70.4 0 128-57.6 128-128V224c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 416 800 416H608.1l-0.1-0.1V224c0-17 6.7-33 18.9-45.1S655 160 672 160h128c17 0 33 6.7 45.1 18.9S864 207 864 224v128zM416 544H224c-70.4 0-128 57.6-128 128v128c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V608c0-35.2-28.8-64-64-64z m0 256c0 17-6.7 33-18.9 45.1S369 864 352 864H224c-17 0-33-6.7-45.1-18.9S160 817 160 800V672c0-17 6.7-33 18.9-45.1S207 608 224 608h191.9l0.1 0.1V800zM800 544H608c-35.2 0-64 28.8-64 64v192c0 70.4 57.6 128 128 128h128c70.4 0 128-57.6 128-128V672c0-70.4-57.6-128-128-128z m64 256c0 17-6.7 33-18.9 45.1S817 864 800 864H672c-17 0-33-6.7-45.1-18.9S608 817 608 800V608.1l0.1-0.1H800c17 0 33 6.7 45.1 18.9S864 655 864 672v128z" fill="#1875F0" p-id="2226"></path></svg>
+                2
+                </div>
+                <select id="select-app2" class="select2-selection--single" data-placeholder="Please select package 2"></select>
+            </div>
+
+            {% endif %}
+
+            <div class="dropdown-divider"></div>
+            <h6 class="dropdown-header">{% if lan == 'cn' %} 性能指标 {% else %} APM Target {% endif %}</h6>
+            <label class="dropdown-item cursor-pointer"><input class="form-check-input m-0 me-2 cursor-pointer" id="cpu_checkbox" type="checkbox" checked name="cpu"> CPU</label>
+            <label class="dropdown-item cursor-pointer"><input class="form-check-input m-0 me-2 cursor-pointer" id="mem_checkbox" type="checkbox" checked name="mem"> Memory</label>
+            <label class="dropdown-item cursor-pointer"><input class="form-check-input m-0 me-2 cursor-pointer" id="flow_checkbox" type="checkbox" checked name="Network-Data"> Network</label>
+            <label class="dropdown-item cursor-pointer"><input class="form-check-input m-0 me-2 cursor-pointer" id="fps_checkbox" type="checkbox" name="fps" checked> FPS</label>
+        </div>
+    </div>
+    <div class="apm-data mt-1" style="width: 75%;">
+        <div id="cpu" class="mb-3 cpu" style="min-width:400px;height:300px"></div>
+        <div id="mem"  class="mb-3 mem" style="min-width:400px;height:300px"></div>
+        <div id="network" class="Network-Data mb-3" style="min-width:400px;height:300px"></div>
+        <div id="fps" class="mb-3 fps" style="min-width:400px;height:300px"></div>
+    </div>
+</div>
+
+{% endblock %}
+
+{% block js %}
+<script>
+
+    var stop = false; // 任务状态
+    const model = '{{ model }}';
+
+    function ruteCheck(){
+        if(['2-devices','2-app'].indexOf(model) === -1 && model){
+            this.location.href = '/?model=2-devices&lan=en';
+        }
+    }
+
+    $(document).ready(function() {
+
+        ruteCheck();
+
+        $('#debug-connect').click();
+
+        $(".form-check-input").each(function(){
+            $(this).change(function() {
+                let flag1 = $(this).is(':checked');
+                if(flag1){
+                    $("."+$(this).prop('name')).show()
+                }else{
+                    $("."+$(this).prop('name')).hide()
+                }
+            });
+        });
+    });
+
+    $('#debug-connect').click(function () {
+        initializeEnv(model);
+    });
+
+
+    function initializeAPM(){
+        $.ajax({
+            url: "/apm/initialize",
+            type: "POST",
+            async: true,
+            cache: false,
+            success: function (data) {
+                console.log(data)
+            }
+        });
+    }
+
+    function getPkgnames(device,element){
+        $.ajax({
+            url: "/device/package",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:{
+                platform:'Android',
+                device:device
+            },
+            beforeSend: function () {
+                $('#'+element).empty();
+                $('#'+element).append('<option></option>');
+            },
+            success: function (data) {
+                if(data['status'] != 1 ) {
+                    SwalFire('error', 'Connet failed !', 'No devices found', 2000)
+                }else{
+                    for(var i=0;i<data['pkgnames'].length;i++){
+                        $('#'+element).append('<option>'+data['pkgnames'][i]+'</option>')
+                    }
+                }
+            }
+        });
+    }
+
+
+    function initializeEnv(model){
+        $.ajax({
+            url: "/device/info?platform=Android",
+            type: "GET",
+            async: true,
+            cache: false,
+            beforeSend: function () {
+                $('#select-app').empty();
+                $('#select-app1').empty();
+                $('#select-app2').empty();
+                $('.device1').empty();
+                $('.device2').empty();
+                SwalLoading('Device initialization!','Initializing device environment, please wait。');
+                },
+            success: function (data) {
+                console.log(data);
+                if(data['status'] != 1 ) {
+                    SwalFire('error', 'Connect failed !', 'No devices found', 2000);
+                }else{
+                    if(data['devices'].length <2){
+                        SwalFire('error', 'Android Devices < 2 !', 'Please check if the device nums are 2', 2000);
+                    }else{
+                        $('.device1').val(data['devices'][0]);
+                        $('.device2').val(data['devices'][1]);
+                        if(model == '2-devices'){
+                            for(var i=0;i<data['pkgnames'].length;i++){
+                                $('#select-app').append('<option>'+data['pkgnames'][i]+'</option>')
+                            }
+                        }else{
+                            getPkgnames($('.device1').val(),'select-app1');
+                            getPkgnames($('.device2').val(),'select-app2');
+                        }
+                        swal.close();
+                    }
+
+                }
+            }
+        });
+    }
+
+    function getCpuRate(pkgname, device){
+        $.ajax({
+            url: "/apm/cpu",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:{
+                model:model,
+                platform:'Android',
+                pkgname:pkgname,
+                device:device
+            },
+            success: function (data) {
+                console.log(data)
+                if(stop == false){
+                    if(data['status'] == 1){
+                        try {
+                            var series1 = cpu_chart.series[0];
+                            var series2 = cpu_chart.series[1];
+                            var x = (new Date()).getTime(),
+                                y1 = data['first'],
+                                y2 = data['second'];
+                            series1.addPoint([x, y1], true, true);
+                            series2.addPoint([x, y2], true, true);
+                            setTimeout(getCpuRate(pkgname,device), 2000);
+                        }catch (e) {}
+                    }else{
+                        SwalFire('error','something error',data['msg'],2000);
+                    }
+                }
+            }
+        });
+    }
+
+    function getMemPss(pkgname, device)  {
+        $.ajax({
+            url: "/apm/mem",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:{
+                model:model,
+                platform:'Android',
+                pkgname:pkgname,
+                device:device
+            },
+            success: function (data) {
+                console.log(data)
+                if(data['status'] == 1){
+                    try {
+                        var series1 = mem_chart.series[0];
+                        var series2 = mem_chart.series[1];
+                        var x = (new Date()).getTime(),
+                            y1 = data['first'],
+                            y2 = data['second'];
+                        series1.addPoint([x, y1], true, true);
+                        series2.addPoint([x, y2], true, true);
+                        setTimeout(getMemPss(pkgname,device), 2000);
+                    }catch (e) {}
+                }else{
+                    SwalFire('error','something error',data['msg'],2000);
+                }
+            }
+        });
+    }
+
+    function getNetWork(pkgname, device)  {
+        $.ajax({
+            url: "/apm/network",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:{
+                model:model,
+                platform:'Android',
+                pkgname:pkgname,
+                device:device,
+                wifi_switch: 'true',
+            },
+            success: function (data) {
+                if(data['status'] == 1){
+                    try {
+                        var series1 = network_chart.series[0];
+                        var series2 = network_chart.series[1];
+                        var x = (new Date()).getTime(),
+                            y1 = data['first'],
+                            y2 = data['second'];
+                        series1.addPoint([x, y1], true, true);
+                        series2.addPoint([x, y2], true, true);
+                        setTimeout(getNetWork(pkgname,device), 2000);
+                    }catch (e) {}
+                }else{
+                    SwalFire('error','something error',data['msg'],2000);
+                }
+            }
+        });
+    }
+
+    function getFps(pkgname, device)  {
+        $.ajax({
+            url: "/apm/fps",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:{
+                model:model,
+                platform:'Android',
+                pkgname:pkgname,
+                device:device,
+                surv:'true'
+            },
+            success: function (data) {
+                console.log(data)
+                if(data['status'] == 1){
+                    try {
+                        var series1 = fps_chart.series[0];
+                        var series2 = fps_chart.series[1];
+                        var x = (new Date()).getTime(),
+                            y1 = data['first'],
+                            y2 = data['second'];
+                        series1.addPoint([x, y1], true, true);
+                        series2.addPoint([x, y2], true, true);
+                        setTimeout(getFps(pkgname,device), 2000);
+                    }catch (e) {}
+                }else{
+                    SwalFire('error','something error',data['msg'],2000);
+                }
+            }
+        });
+    }
+
+    var rangeSelector =  {
+        buttons: [{
+            count: 1,
+            type: 'minute',
+            text: '1min'
+        }, {
+            count: 5,
+            type: 'minute',
+            text: '5min'
+        }, {
+            type: 'all',
+            text: 'All'
+        }],
+        inputEnabled: false,
+        selected: 0
+    };
+
+
+    function Fseries() {
+        let name1 = 'Device1';
+        let name2 = 'Device2';
+        if(model == '2-app'){
+            name1 = 'APP1';
+            name2 = 'APP2';
+        }
+        let series = [{
+            name : name1,
+            pointInterval: 120 * 1000,
+            data : (function () {
+                var data = [], time = (new Date()).getTime(), i;
+                for (i = -999; i <= 0; i += 1) {
+                    data.push([time + i * 1000, Math.round(0)]);
+                }
+                return data;
+            }())
+        },{
+            name : name2,
+            pointInterval: 120 * 1000,
+            data : (function () {
+                var data = [], time = (new Date()).getTime(), i;
+                for (i = -999; i <= 0; i += 1) {
+                    data.push([time + i * 1000, Math.round(0)]);
+                }
+                return data;
+            }())
+        }];
+
+        return series;
+    }
+
+    function setPlotLine(target) {
+        var value = 0;
+        switch (target) {
+            case 'cpu':
+                value = parseInt($('#cpu_warning_value').val());
+                break;
+            case 'mem':
+                value = parseInt($('#mem_warning_value').val());
+                break;
+            case 'fps':
+                value = parseInt($('#fps_warning_value').val());
+                break;
+            case 'battery':
+                value = parseInt($('#battery_warning_value').val());
+                break;
+            case 'upflow':
+                value = parseInt($('#upflow_warning_value').val());
+                break;
+            case 'downflow':
+                value = parseInt($('#down_warning_value').val());
+                break;
+        }
+        var plotLines = [];
+
+        if(value != 0){
+            plotLines = [{
+                value: value,
+                color: 'red',
+                dashStyle: 'shortdash',
+                width: 2,
+                label: {
+                    text: 'warning value : '+value,
+                    style: {
+                        'color': 'white',
+                    }
+                }
+            }];
+        }
+        return plotLines;
+    }
+
+    function chartsInitialize(apmType,title){
+        //charts初始化
+        let seriesFinal = Fseries();
+        let legend = false;
+        let yAxis = {
+            opposite:false,
+            plotLines:setPlotLine(apmType)
+        };
+        let yAxis_plot = {
+            opposite:false,
+            plotLines:setPlotLine(apmType)
+        };
+        switch (apmType) {
+            case 'fps':
+                legend = true;
+                yAxis = yAxis_plot;
+                break;
+            case 'network':
+                legend = true;
+                break;
+            case 'cpu':
+                legend = true;
+                yAxis = yAxis_plot;
+                break;
+            case 'mem':
+                legend = true;
+                break;
+        }
+
+        let apm_chart = Highcharts.stockChart(apmType, {
+            rangeSelector: rangeSelector,
+            title : {
+                text : title
+            },
+            tooltip: {
+                split: false
+            },
+            legend: {
+                enabled:legend
+            },
+            credits:{
+                enabled: false
+            },
+            scrollbar : {
+                enabled : true
+            },
+            navigator : {
+                enabled : false
+            },
+            exporting: {
+                enabled: false
+            },
+            yAxis: yAxis,
+            series : seriesFinal
+        });
+
+        return apm_chart
+    };
+
+    function cpuInitialize(){
+        //初始化cpu
+        let cpu_chart = chartsInitialize('cpu','CPU Usage (%)');
+        return cpu_chart
+    }
+
+    function memInitialize(){
+        //初始化mem
+        let mem_chart = chartsInitialize('mem','Memory Usage (MB)');
+        return mem_chart
+    }
+
+    function networkInitialize(){
+        //初始化network
+        let network_chart = chartsInitialize('network','Network Data (KB)');
+        return network_chart
+    }
+
+    function fpsInitialize(){
+        //初始化fps
+        let fps_chart = chartsInitialize('fps','FPS (HZ)');
+        return fps_chart
+
+    }
+
+    var cpu_chart = cpuInitialize();
+    var mem_chart = memInitialize();
+    var network_chart = networkInitialize();
+    var fps_chart = fpsInitialize();
+
+
+    function collectPers(device,pkgname=null,type,title,func){
+        // 收集性能数据初始化
+        let seriesFinal = Fseries();
+        let legend = false;
+        let yAxis = {
+            opposite:false,
+            plotLines:setPlotLine(type)
+        };
+        let yAxis_plot = {
+            opposite:false,
+            plotLines:setPlotLine(type)
+        };
+        switch (type) {
+            case 'fps':
+                legend = true;
+                yAxis = yAxis_plot;
+                break;
+            case 'network':
+                legend = true;
+                break;
+            case 'cpu':
+                yAxis = yAxis_plot;
+                legend = true;
+                break;
+            case 'mem':
+                legend = true;
+                break;
+            default:
+                seriesFinal = Fseries();
+                break;
+        }
+
+        let chartPers = Highcharts.stockChart(type, {
+            chart : {
+                events : {
+                    load : func
+                }
+            },
+            rangeSelector: rangeSelector,
+            title : {
+                text : title
+            },
+            tooltip: {
+                split: false
+            },
+            legend: {
+                enabled:legend
+            },
+            credits:{
+                enabled: false
+            },
+            scrollbar : {
+                enabled : true
+            },
+            navigator : {
+                enabled : false
+            },
+            exporting: {
+                enabled: false
+            },
+            yAxis: yAxis,
+            series : seriesFinal
+        });
+
+        return chartPers;
+
+  }
+
+    function collectCpu(device,pkgname){
+        cpuInitialize();
+        cpu_chart = collectPers(device,pkgname,'cpu','CPU Usage (%)',getCpuRate(pkgname,device));
+    }
+
+    function collectMem(device,pkgname){
+        memInitialize();
+        mem_chart = collectPers(device,pkgname,'mem','Memory Usage (MB)',getMemPss(pkgname,device));
+    }
+
+    function collectNetwork(device,pkgname){
+        networkInitialize();
+        network_chart = collectPers(device,pkgname,'network','Network Data (KB)',getNetWork(pkgname,device));
+    }
+
+    function collectFps(device,pkgname){
+        fpsInitialize();
+        fps_chart = collectPers(device,pkgname,'fps','FPS (HZ)',getFps(pkgname,device));
+    }
+
+    $('#run-apm').click(function () {
+        let device1 = $('.device1').val();
+        let device2 = $('.device2').val();
+        if(device1 && device2){
+            stop = false;
+            $('#stop-apm').show();
+            $('#run-apm').hide();
+            initializeAPM();
+            let device = device1 + ','+ device2;
+            let pkgname = model == '2-devices' ? $('#select-app').val() : $('#select-app1').val() + ',' + $('#select-app2').val();
+            collectCpu(device,pkgname);
+            collectMem(device,pkgname);
+            collectNetwork(device,pkgname);
+            collectFps(device,pkgname);
+        }else{
+            SwalFire('error','Execution error','device is empty',2000);
+            $('#run-apm').show();
+            $('#stop-apm').hide();
+        }});
+
+    $('#stop-apm').click(function () {
+        // 防重复提交检查
+        if(window.isStoppingPKTask) {
+            console.log('正在停止PK任务中，忽略重复操作');
+            return;
+        }
+        window.isStoppingPKTask = true;
+        
+        stop = true;
+        let data1 = {
+            platform:'Android',
+            model:model,
+            app:$('#select-app').val(),
+            devices:'['+$('.device1').val()+','+$('.device2').val()+']',
+            wifi_switch:'true',
+            process:'',
+            record_switch:'false'
+        };
+        let data2 = {
+            platform:'Android',
+            model:model,
+            app:'['+$('#select-app1').val()+','+$('#select-app2').val()+']',
+            devices:'['+$('.device1').val()+','+$('.device2').val()+']',
+            wifi_switch:'true',
+            process:'',
+            record_switch:'false'
+        };
+        let data = model == '2-devices' ? data1 : data2;
+        $('#run-apm').show();
+        $('#stop-apm').hide();
+        $.ajax({
+            url: "/apm/create/report",
+            type: "GET",
+            async: true,
+            cache: false,
+            data:data,
+            beforeSend: function () {
+                SwalLoading('Save data','Saving data to generate report, please do not leave.')
+            },
+            success: function (data) {
+                if(data['status']==1){
+                    window.location.href = "/report?lan="+lan
+                }else{
+                    SwalFire('error','Execution error',data['msg'],2000)
+                }
+            },
+            error: function(xhr, status, error) {
+                console.error('Stop PK task error:', error);
+                SwalFire('error','Network Error','请求失败，请重试',3000)
+            },
+            complete: function() {
+                // 无论成功失败都要重置标志位
+                window.isStoppingPKTask = false;
+            }
+        });
+    });
+
+</script>
+{% endblock %}