kazurayam / VisualInspectionOfExcelAndPDF

A sort of page scraping tool that is capable of detecting changes in the attached Excel / PDF files
0 stars 0 forks source link

want to distinguish .xlsx and .pdf files out of the report produced by `Test Cases/NISA/main_Chronos` #13

Closed kazurayam closed 1 year ago

kazurayam commented 1 year ago

Using https://github.com/kazurayam/VisualInspectionOfExcelAndPDF/tree/issue13 I could produce the following report

NISA_Chronos

This report includes many file types. There are 4 FileTypes: .xlsx, .pdf, .csv, .png. The Excel .xlsx files were converted into CSV files. The PDF .pdf files were converted into PNG files.

Once converted, I am not interested the original Excel files and PDF files. I would rather like to exclude them out of the report. I would like to see only CSV and PNG files. Then the report will become concise; easier to read.

kazurayam commented 1 year ago

How about this?

スクリーンショット 2023-05-02 17 34 22

Users can switch each FileTypes to be displayed or not.

I used Bootstrap 5.0 Switches

The code is like this.


      <div style="display: flex;">
          <div class="form-check form-switch" style="padding-right: 20px;">
              <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault1" checked>
              <label class="form-check-label" for="flexSwitchCheckDefault">csv</label>
          </div>
          <div class="form-check form-switch" style="padding-right: 20px;">
              <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault2" checked>
              <label class="form-check-label" for="flexSwitchCheckDefault">pdf</label>
          </div>
          <div class="form-check form-switch" style="padding-right: 20px;">
              <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault3" checked>
              <label class="form-check-label" for="flexSwitchCheckDefault">png</label>
          </div>
          <div class="form-check form-switch" style="padding-right: 20px;">
              <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault4" checked>
              <label class="form-check-label" for="flexSwitchCheckDefault">xlsx</label>
          </div>
      </div>
kazurayam commented 1 year ago

done at the v0.14.4 as follows

NISA_Chronos (1)