Skip to content

Commit

Permalink
chore: run Prettier on html files as well (#1783)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ghiscoding
ghiscoding authored Dec 20, 2024
1 parent 132baf6 commit f2c273b
Show file tree
Hide file tree
Showing 38 changed files with 803 additions and 654 deletions.
3 changes: 1 addition & 2 deletions .github/workflows/main.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,6 @@ jobs:
- name: ESLint
run: pnpm lint

# only covering frameworks/demos folders for now
- name: Prettier
run: pnpm prettier:check

Expand Down Expand Up @@ -95,4 +94,4 @@ jobs:
with:
token: ${{ secrets.CODECOV_TOKEN }}
directory: test/vitest-coverage
verbose: true
verbose: true
4 changes: 3 additions & 1 deletion .prettierignore
View file
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
*.md
*.md

**/test/vitest-coverage/*.*
9 changes: 6 additions & 3 deletions examples/vite-demo-vanilla-bundle/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,21 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<meta http-equiv="Content-Security-Policy" content="
<meta
http-equiv="Content-Security-Policy"
content="
default-src 'self';
img-src 'self' data: https://img.shields.io/github/stars/ https://flags.fmcdn.net/data/flags/mini/;
script-src 'self' 'unsafe-inline';
script-src-elem 'self' gd.geobytes.com/AutoCompleteCity;
style-src 'self' 'unsafe-inline';
worker-src 'self' blob:;
">
"
/>
</head>
<body data-theme="light">
<div id="app"></div>
Expand Down
126 changes: 32 additions & 94 deletions examples/vite-demo-vanilla-bundle/src/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,8 @@
<span>
<h4 class="is-size-4 has-text-white">Slickgrid-Universal</h4>
</span>

</a>
<div class="github-button-container">
</div>
<div class="github-button-container"></div>

<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
Expand All @@ -22,121 +20,61 @@ <h4 class="is-size-4 has-text-white">Slickgrid-Universal</h4>

<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a class="navbar-item" onclick.delegate="loadRoute('example01')">
Home
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example01')"> Home </a>

<a class="navbar-item has-text-white" href="https://ghiscoding.gitbook.io/slickgrid-universal/" target="_blank">
Documentation
</a>
<a class="navbar-item" onclick.delegate="loadRoute('icons')">
SlickGrid Icons
</a>
<a class="navbar-item" onclick.delegate="loadRoute('icons')"> SlickGrid Icons </a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
Examples 1-15
</a>
<a class="navbar-link"> Examples 1-15 </a>

<div class="navbar-dropdown">
<a class="navbar-item" onclick.delegate="loadRoute('example01')">Example01 - Basic Grids</a>
<a class="navbar-item" onclick.delegate="loadRoute('example02')">Example02 - Grouping &amp; Aggregators</a>
<a class="navbar-item" onclick.delegate="loadRoute('example03')">Example03 - Draggable Grouping</a>
<a class="navbar-item" onclick.delegate="loadRoute('example04')">Example04 - Pinned (frozen) Columns/Rows</a>
<a class="navbar-item" onclick.delegate="loadRoute('example05')">
Example05 - Tree Data with Parent/Child refs
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example05')"> Example05 - Tree Data with Parent/Child refs </a>
<a class="navbar-item" onclick.delegate="loadRoute('example06')">
Example06 - Tree Data from Hierarchical View Dataset
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example07')">Example07 - Row Move &amp; Row Selections</a>
<a class="navbar-item" onclick.delegate="loadRoute('example08')">
Example08 - Column Span &amp; Header Grouping
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example09')">
Example09 - Grid with OData Backend Service
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example10')">
Example10 - Grid with GraphQL Backend Service
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example11')">
Example11 - Batch Editing
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example12')">
Example12 - Item Editor Modal
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example13')">
Example13 - Header Button Plugin
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example14')">
Example14 - Columns Resize by Content
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example15')">
Example15 - OData Backend Service with RxJS
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example08')"> Example08 - Column Span &amp; Header Grouping </a>
<a class="navbar-item" onclick.delegate="loadRoute('example09')"> Example09 - Grid with OData Backend Service </a>
<a class="navbar-item" onclick.delegate="loadRoute('example10')"> Example10 - Grid with GraphQL Backend Service </a>
<a class="navbar-item" onclick.delegate="loadRoute('example11')"> Example11 - Batch Editing </a>
<a class="navbar-item" onclick.delegate="loadRoute('example12')"> Example12 - Item Editor Modal </a>
<a class="navbar-item" onclick.delegate="loadRoute('example13')"> Example13 - Header Button Plugin </a>
<a class="navbar-item" onclick.delegate="loadRoute('example14')"> Example14 - Columns Resize by Content </a>
<a class="navbar-item" onclick.delegate="loadRoute('example15')"> Example15 - OData Backend Service with RxJS </a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
16-30
</a>
<a class="navbar-link"> 16-30 </a>

<div class="navbar-dropdown">
<a class="navbar-item" onclick.delegate="loadRoute('example16')">
Example16 - Regular & Custom Tooltips
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example17')">
Example17 - Auto-Scroll for Selector
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example18')">
Example18 - Real-Time Trading Platform
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example19')">
Example19 - ExcelCopyBuffer with Cell Selection
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example20')">
Example20 - Basic grid inside a Shadow DOM
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example21')">
Example21 - Row Detail View
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example22')">
Example22 - Row Based Editing
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example23')">
Example23 - Excel Export Formulas
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example24')">
Example24 - Footer Totals Row
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example25')">
Example25 - Range Filters
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example26')">
Example26 - OData with Infinite Scroll
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example27')">
Example27 - GraphQL with Infinite Scroll
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example28')">
Example28 - Infinite Scroll from JSON data
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example29')">
Example29 - Drag & Drop
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example30')">
Example30 - Custom Pagination
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example16')"> Example16 - Regular & Custom Tooltips </a>
<a class="navbar-item" onclick.delegate="loadRoute('example17')"> Example17 - Auto-Scroll for Selector </a>
<a class="navbar-item" onclick.delegate="loadRoute('example18')"> Example18 - Real-Time Trading Platform </a>
<a class="navbar-item" onclick.delegate="loadRoute('example19')"> Example19 - ExcelCopyBuffer with Cell Selection </a>
<a class="navbar-item" onclick.delegate="loadRoute('example20')"> Example20 - Basic grid inside a Shadow DOM </a>
<a class="navbar-item" onclick.delegate="loadRoute('example21')"> Example21 - Row Detail View </a>
<a class="navbar-item" onclick.delegate="loadRoute('example22')"> Example22 - Row Based Editing </a>
<a class="navbar-item" onclick.delegate="loadRoute('example23')"> Example23 - Excel Export Formulas </a>
<a class="navbar-item" onclick.delegate="loadRoute('example24')"> Example24 - Footer Totals Row </a>
<a class="navbar-item" onclick.delegate="loadRoute('example25')"> Example25 - Range Filters </a>
<a class="navbar-item" onclick.delegate="loadRoute('example26')"> Example26 - OData with Infinite Scroll </a>
<a class="navbar-item" onclick.delegate="loadRoute('example27')"> Example27 - GraphQL with Infinite Scroll </a>
<a class="navbar-item" onclick.delegate="loadRoute('example28')"> Example28 - Infinite Scroll from JSON data </a>
<a class="navbar-item" onclick.delegate="loadRoute('example29')"> Example29 - Drag & Drop </a>
<a class="navbar-item" onclick.delegate="loadRoute('example30')"> Example30 - Custom Pagination </a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
31-45
</a>
<a class="navbar-link"> 31-45 </a>

<div class="navbar-dropdown">
<a class="navbar-item" onclick.delegate="loadRoute('example31')">
Example31 - Create Grid from CSV
</a>
<a class="navbar-item" onclick.delegate="loadRoute('example31')"> Example31 - Create Grid from CSV </a>
</div>
</div>
</div>
Expand All @@ -145,4 +83,4 @@ <h4 class="is-size-4 has-text-white">Slickgrid-Universal</h4>

<div class="demo-container container is-fluid">
<view-route></view-route>
</div>
</div>
23 changes: 11 additions & 12 deletions examples/vite-demo-vanilla-bundle/src/examples/example01.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,13 @@
<h3 class="title is-3">Example 01 - Basic Grids
<h3 class="title is-3">
Example 01 - Basic Grids
<span class="subtitle">(with Salesforce Theme)</span>
<div class="subtitle code-link">
<span class="is-size-6">see</span>
<a class="is-size-5"
target="_blank"
href="https://github.com/ghiscoding/slickgrid-universal/blob/master/examples/vite-demo-vanilla-bundle/src/examples/example01.ts">
<a
class="is-size-5"
target="_blank"
href="https://github.com/ghiscoding/slickgrid-universal/blob/master/examples/vite-demo-vanilla-bundle/src/examples/example01.ts"
>
<span class="mdi mdi-link-variant"></span> code
</a>
</div>
Expand All @@ -24,8 +27,7 @@ <h5 class="title is-5">Grid 1</h5>
</div>
</div>

<div class="grid1">
</div>
<div class="grid1"></div>

<div class="column is-half">
<hr class="my-4" />
Expand All @@ -37,19 +39,16 @@ <h5 class="title is-5">Grid 2</h5>
</div>
<div class="column field has-addons is-narrow">
<p class="control">
<button class="button is-small" onclick.delegate="togglePaginationGrid2()"
data-text="toggle-pagination-btn">
<button class="button is-small" onclick.delegate="togglePaginationGrid2()" data-text="toggle-pagination-btn">
<span class="mdi mdi-swap-vertical"></span>
<span>Toggle Pagination</span>
</button>
<button class="button is-small " data-test="external-gridmenu2-btn"
onclick.delegate="toggleGridMenu(event)">
<button class="button is-small" data-test="external-gridmenu2-btn" onclick.delegate="toggleGridMenu(event)">
<span class="mdi mdi-menu"></span>
<span>Grid Menu</span>
</button>
</p>
</div>
</div>

<div class="grid2">
</div>
<div class="grid2"></div>
46 changes: 25 additions & 21 deletions examples/vite-demo-vanilla-bundle/src/examples/example02.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,22 +3,20 @@ <h3 class="title is-3">
<span class="subtitle">(with Material Theme)</span>
<div class="subtitle code-link">
<span class="is-size-6">see</span>
<a class="is-size-5"
target="_blank"
href="https://github.com/ghiscoding/slickgrid-universal/blob/master/examples/vite-demo-vanilla-bundle/src/examples/example02.ts">
<a
class="is-size-5"
target="_blank"
href="https://github.com/ghiscoding/slickgrid-universal/blob/master/examples/vite-demo-vanilla-bundle/src/examples/example02.ts"
>
<span class="mdi mdi-link-variant"></span> code
</a>
</div>
</h3>

<section class="mb-2">
<div class="row mb-1">
<button class="button is-small" data-test="add-500-rows-btn" onclick.delegate="loadData(500)">
500 rows
</button>
<button class="button is-small" data-test="add-50k-rows-btn" onclick.delegate="loadData(50000)">
50k rows
</button>
<button class="button is-small" data-test="add-500-rows-btn" onclick.delegate="loadData(500)">500 rows</button>
<button class="button is-small" data-test="add-50k-rows-btn" onclick.delegate="loadData(50000)">50k rows</button>
<button class="button is-small" data-test="clear-grouping-btn" onclick.delegate="clearGrouping()">
<span class="mdi mdi-playlist-remove"></span>
<span>Clear grouping</span>
Expand All @@ -41,29 +39,35 @@ <h3 class="title is-3">
</div>

<div class="row">
<button class="button is-small" data-test="group-duration-sort-value-btn"
onclick.delegate="groupByDuration()">
<button class="button is-small" data-test="group-duration-sort-value-btn" onclick.delegate="groupByDuration()">
Group by Duration &amp; sort groups by value
</button>
<button class="button is-small" data-test="group-duration-sort-count-btn"
onclick.delegate="groupByDurationOrderByCount(false)">
<button
class="button is-small"
data-test="group-duration-sort-count-btn"
onclick.delegate="groupByDurationOrderByCount(false)"
>
Group by Duration &amp; sort groups by count
</button>
<button class="button is-small" data-test="group-duration-sort-count-collapse-btn"
onclick.delegate="groupByDurationOrderByCount(true)">
<button
class="button is-small"
data-test="group-duration-sort-count-collapse-btn"
onclick.delegate="groupByDurationOrderByCount(true)"
>
Group by Duration &amp; sort groups by count, aggregate collapsed
</button>
<button class="button is-small" data-test="group-duration-effort-btn"
onclick.delegate="groupByDurationEffortDriven()">
<button class="button is-small" data-test="group-duration-effort-btn" onclick.delegate="groupByDurationEffortDriven()">
Group by Duration then Effort-Driven
</button>
<button class="button is-small" data-test="group-duration-effort-percent-btn"
onclick.delegate="groupByDurationEffortDrivenPercent()">
<button
class="button is-small"
data-test="group-duration-effort-percent-btn"
onclick.delegate="groupByDurationEffortDrivenPercent()"
>
Group by Duration then Effort-Driven then Percent.
</button>
<span class.bind="loadingClass"></span>
</div>
</section>

<div class="grid2">
</div>
<div class="grid2"></div>
Loading

0 comments on commit f2c273b

Please sign in to comment.