From 7288f13444f77188e50d95c470db4128cf1cac63 Mon Sep 17 00:00:00 2001
From: wangyujie <wangyujie38@huawei.com>
Date: Mon, 16 Oct 2023 16:00:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=BC=80=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E5=8A=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: wangyujie <wangyujie38@huawei.com>
---
 ide/src/base-ui/checkbox/LitCheckBox.ts       | 17 +++-
 ide/src/trace/component/SpRecordTrace.ts      | 30 +++++++
 .../trace/component/setting/SpAllocations.ts  | 28 ++-----
 .../trace/component/setting/SpProbesConfig.ts | 81 ++++++++++++++++++-
 4 files changed, 131 insertions(+), 25 deletions(-)

diff --git a/ide/src/base-ui/checkbox/LitCheckBox.ts b/ide/src/base-ui/checkbox/LitCheckBox.ts
index 757e5642..0e79fea3 100644
--- a/ide/src/base-ui/checkbox/LitCheckBox.ts
+++ b/ide/src/base-ui/checkbox/LitCheckBox.ts
@@ -20,7 +20,19 @@ export class LitCheckBox extends BaseElement {
   private checkbox: HTMLInputElement | undefined;
 
   static get observedAttributes() {
-    return ['checked', 'value'];
+    return ['checked', 'value','disabled'];
+  }
+
+  get disabled() {
+    return this.getAttribute('disabled') !== null;
+  }
+
+  set disabled(value) {
+    if (value === null || value === false) {
+      this.removeAttribute('disabled');
+    } else {
+      this.setAttribute('disabled', '');
+    }
   }
 
   get indeterminate() {
@@ -126,6 +138,9 @@ export class LitCheckBox extends BaseElement {
             height: 94%;
             transform: scale(0);
         }
+        :host([disabled]){
+          pointer-events: none;
+        }
         </style>
         <input type="checkbox" id="checkbox">
         <label for="checkbox">
diff --git a/ide/src/trace/component/SpRecordTrace.ts b/ide/src/trace/component/SpRecordTrace.ts
index 2a5400c7..537cc837 100644
--- a/ide/src/trace/component/SpRecordTrace.ts
+++ b/ide/src/trace/component/SpRecordTrace.ts
@@ -23,6 +23,8 @@ import { LitMainMenu, MenuGroup, MenuItem } from '../../base-ui/menu/LitMainMenu
 import { SpProbesConfig } from './setting/SpProbesConfig.js';
 import { SpTraceCommand } from './setting/SpTraceCommand.js';
 import { FlagsConfig } from './SpFlags.js';
+import LitSwitch from '../../base-ui/switch/lit-switch.js';
+import { LitSlider } from '../../base-ui/slider/LitSlider';
 
 import {
   CpuConfig,
@@ -400,6 +402,8 @@ export class SpRecordTrace extends BaseElement {
   private spArkTs: SpArkTs | undefined;
   private spHilog: SpHilogRecord | undefined;
 
+  private ftraceSlider: LitSlider | undefined | null;
+
   private spWebShell: SpWebHdcShell | undefined;
   private menuGroup: LitMainMenuGroup | undefined | null;
   private appContent: HTMLElement | undefined | null;
@@ -1010,6 +1014,32 @@ export class SpRecordTrace extends BaseElement {
           icon: 'externaltools',
           fileChoose: false,
           clickHandler: function (ev: InputEvent): void {
+            let startNativeSwitch=that.spAllocations?.shadowRoot?.getElementById('switch-disabled')as LitSwitch;
+            let recordModeSwitch=that.probesConfig?.shadowRoot?.querySelector('lit-switch')as LitSwitch;
+            let checkDesBoxDis=that.probesConfig?.shadowRoot?.querySelectorAll('check-des-box')
+            let litCheckBoxDis=that.probesConfig?.shadowRoot?.querySelectorAll('lit-check-box')
+
+            that.ftraceSlider=that.probesConfig?.shadowRoot?.querySelector<LitSlider>('#ftrace-buff-size-slider')
+            startNativeSwitch.addEventListener('change',(event:any)=>{
+              let detail = event.detail;
+              if (detail!.checked) {
+                recordModeSwitch.removeAttribute('checked')
+
+                checkDesBoxDis?.forEach((item:any)=>{
+                  item.setAttribute('disabled','')
+                  item.checked=false
+                })
+    
+                litCheckBoxDis?.forEach((item:any)=>{
+                  item.setAttribute('disabled','')
+                  item.checked=false
+                })
+    
+                that.ftraceSlider!.setAttribute('disabled','')
+              } 
+            })
+
+
             let divConfigs = that.spAllocations?.shadowRoot?.querySelectorAll<HTMLDivElement>('.version-controller');
             if ((!SpRecordTrace.selectVersion || SpRecordTrace.selectVersion === '3.2') && divConfigs) {
               for (let divConfig of divConfigs) {
diff --git a/ide/src/trace/component/setting/SpAllocations.ts b/ide/src/trace/component/setting/SpAllocations.ts
index 4b7f4da7..9b6cf8d6 100644
--- a/ide/src/trace/component/setting/SpAllocations.ts
+++ b/ide/src/trace/component/setting/SpAllocations.ts
@@ -80,7 +80,7 @@ export class SpAllocations extends BaseElement {
     if (value != '') {
       return Number(value);
     }
-    return 4096;
+    return 0;
   }
 
   get fp_unwind(): boolean {
@@ -175,7 +175,7 @@ export class SpAllocations extends BaseElement {
     this.statisticsSlider.sliderStyle = {
       minRange: 0,
       maxRange: 3600,
-      defaultValue: '3600',
+      defaultValue: '900',
       resultUnit: 'S',
       stepSize: 450,
       lineColor: 'var(--dark-color3,#46B1E3)',
@@ -183,7 +183,7 @@ export class SpAllocations extends BaseElement {
     };
     let parentElement = this.statisticsSlider!.parentNode as Element;
     this.intervalResultInput = this.shadowRoot?.querySelector('.interval-result') as HTMLInputElement;
-    this.intervalResultInput.value = this.statisticsSlider.sliderStyle.defaultValue;
+    this.intervalResultInput.value = '10';
     this.statisticsSlider.addEventListener('input', (evt) => {
       this.statisticsSlider!.sliderStyle = {
         minRange: 0,
@@ -562,9 +562,9 @@ export class SpAllocations extends BaseElement {
           </div>
           <div class="allocation-application">
             <span class="allocation-inner-font-style" >Filter Memory Size </span>
-            <span class="value-range">Filter size Range is 0 - 65535 byte, default 4096 byte</span> 
+            <span class="value-range">Filter size Range is 0 - 65535 byte, default 0 byte</span> 
             <div>
-                <input id = "filterSized" class="allocation-inputstyle inputBoxes" type="text" placeholder="Enter the Filter Memory Size" oninput="if(this.value > 65535) this.value = '65535'" onkeyup="this.value=this.value.replace(/\\D/g,'')" value="4096">
+                <input id = "filterSized" class="allocation-inputstyle inputBoxes" type="text" placeholder="Enter the Filter Memory Size" oninput="if(this.value > 65535) this.value = '65535'" onkeyup="this.value=this.value.replace(/\\D/g,'')" value="0">
                  <span>Byte</span>
             </div>
           </div>
@@ -600,22 +600,4 @@ export class SpAllocations extends BaseElement {
         `;
   }
 
-  private convertToValue(input: string, unit: string): number {
-    let value: number;
-    switch (unit) {
-      case 'MB':
-        value = Number(input) * 1024 * 1024;
-        break;
-      case 'KB':
-        value = Number(input) * 1024;
-        break;
-      default:
-        value = 0;
-    }
-    let number = value / 4096;
-    if (number > 0 && number < 1) {
-      return 16384;
-    }
-    return parseInt(String(number));
-  }
 }
diff --git a/ide/src/trace/component/setting/SpProbesConfig.ts b/ide/src/trace/component/setting/SpProbesConfig.ts
index a3c86def..28e19ebb 100644
--- a/ide/src/trace/component/setting/SpProbesConfig.ts
+++ b/ide/src/trace/component/setting/SpProbesConfig.ts
@@ -19,6 +19,7 @@ import { LitCheckBox, LitCheckBoxChangeEvent } from '../../../base-ui/checkbox/L
 import { LitRadioGroup } from '../../../base-ui/radiobox/LitRadioGroup.js';
 import { info, log } from '../../../log/Log.js';
 import { LitSlider } from '../../../base-ui/slider/LitSlider';
+import LitSwitch from '../../../base-ui/switch/lit-switch.js';
 
 @element('probes-config')
 export class SpProbesConfig extends BaseElement {
@@ -32,6 +33,19 @@ export class SpProbesConfig extends BaseElement {
   private _memoryConfig: HTMLElement | undefined | null;
   private _abilityConfig: HTMLElement | undefined | null;
   private ftraceBufferSizeResult: HTMLDivElement | null | undefined;
+  private ftraceSlider: LitSlider | null | undefined;
+
+  set startSamp(allocationStart: boolean) {
+    if (allocationStart) {
+      this.setAttribute('startSamp', '');
+    } else {
+      this.removeAttribute('startSamp');
+    }
+  }
+
+  get startSamp(): boolean {
+    return this.hasAttribute('startSamp');
+  }
 
   get traceConfig() {
     let selectedTrace = this._traceConfig?.querySelectorAll<SpCheckDesBox>(`check-des-box[checked]`) || [];
@@ -270,6 +284,18 @@ export class SpProbesConfig extends BaseElement {
       parent.append(litCheckBox);
     });
     this.bufferSizeSliderInit();
+
+    let litSwitch = this.shadowRoot?.querySelector('lit-switch') as LitSwitch;
+    this.ftraceSlider = this.shadowRoot?.querySelector<LitSlider>('#ftrace-buff-size-slider')
+
+    litSwitch.addEventListener('change', (event: any) => {
+      let detail = event.detail;
+      if (detail!.checked) {
+        this.unDisable();
+      } else {
+        this.disable();
+      }
+    })
   }
 
   private bufferSizeSliderInit() {
@@ -340,10 +366,54 @@ export class SpProbesConfig extends BaseElement {
     });
   }
 
+  private unDisable() {
+    this.startSamp = true;
+    let checkDesBoxDis=this.shadowRoot?.querySelectorAll<SpCheckDesBox>('check-des-box')
+    let litCheckBoxDis=this.shadowRoot?.querySelectorAll<LitCheckBox>('lit-check-box')
+
+    let defaultSelected:any=[]
+    defaultSelected=defaultSelected.concat(this.traceConfigList,this.memoryConfigList,this.abilityConfigList,this.hitraceConfigList)
+
+    this.shadowRoot?.querySelector<SpCheckDesBox>("[value='Hitrace categories']")?.setAttribute('checked','true')
+    this.ftraceSlider!.removeAttribute('disabled')
+    
+    checkDesBoxDis?.forEach((item:any)=>{
+       item.removeAttribute('disabled')
+    })
+
+    litCheckBoxDis?.forEach((item:any)=>{
+      item.removeAttribute('disabled')
+   })
+
+   defaultSelected.filter((item:any)=>{
+      if(item.isSelect) this.shadowRoot?.querySelector<SpCheckDesBox>(`[value='${item.value}']`)?.setAttribute('checked','true')
+   })
+  }
+
+  private disable() {
+    this.startSamp = false;
+    let checkDesBoxDis=this.shadowRoot?.querySelectorAll<SpCheckDesBox>('check-des-box')
+    let litCheckBoxDis=this.shadowRoot?.querySelectorAll<LitCheckBox>('lit-check-box')
+
+    this.ftraceSlider!.setAttribute('disabled','')
+    
+    checkDesBoxDis?.forEach((item:any)=>{
+      item.setAttribute('disabled','')
+       item.checked=false
+    })
+
+    litCheckBoxDis?.forEach((item:any)=>{
+      item.setAttribute('disabled','')
+      item.checked=false
+   })
+
+  }
+
   initHtml(): string {
     return `
         <style>
         .recordText {
+           grid-column:span 2/auto;
            font-family: Helvetica-Bold;
            font-size: 1em;
            color: var(--dark-color1,#000000);
@@ -468,9 +538,18 @@ export class SpProbesConfig extends BaseElement {
         .border-red {
            border:1px solid red;
         }
+        lit-switch {
+          height: 38px;
+          margin-top: 10px;
+          display:inline;
+          float: right;
+        }
         </style>
         <div class="root">
-            <div class="recordText" >Record mode</div>
+            <div class="recordText" >
+              <span class="record-title">Record mode</span>
+              <lit-switch checked="true"></lit-switch>
+           </div>
             <div class="config-page">
                 <div>
                     <div class="trace-config"></div>
-- 
Gitee