Skip to content

8 point filtering #39

Merged
merged 11 commits into from
Oct 24, 2025
+741 −141
Merged

8 point filtering #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
e2b778c
feat(#8): :sparkles: Made functionaliry for Accepted filtering
Oct 13, 2025
eae6463
perf(#8): :zap: Optimize elevation control and accepted filtering
Oct 13, 2025
3b79c44
style(#8): :bulb: Update the comments and clean the code
Oct 14, 2025
76a18d8
test(#8): :test_tube: Made tests for elevation control and accepted f…
Oct 14, 2025
7fcbf1e
fix(#8): :bug: Elevation needs to be activated upon initiation
Oct 14, 2025
9ef64a3
feat(#8): :sparkles: Filter based on acceted/not accepted
Oct 22, 2025
82aed3a
chore:
Oct 23, 2025
2ea2c33
revert(#8): :fire: Remove elevation control and accepted filtering fi…
Oct 23, 2025
8b54df5
refactor(#8): :adhesive_bandage: Adjusted to PR comments
Oct 24, 2025
c7c56a4
refactor: :twisted_rightwards_arrows: Resolve mergeconflict with dev …
Oct 24, 2025
c8e0895
refactor: :bug: One missing import fixed from the merge in the prev c…
Oct 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions cypress/e2e/filtering.cy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
/**Testing whether the Accepted components excists or not */
describe('Accepted filtering', () => {
it('test accepted filter button', function () {
cy.visit('http://localhost:5173/#')
cy.get('#doAcceptedFilter').click()
})
})

/**Testing whether the Elevation components excists or not */
describe('Elevation Control', () => {
it('test elevation control', function () {
cy.visit('http://localhost:5173/#')
cy.get('#btnDoElevationControl').click()

cy.get(
'#elevation_gradient_scheme_selection span:nth-child(8) rect'
).click()
cy.get(
'#elevation_gradient_scheme_selection span:nth-child(3) rect'
).click()

cy.get('#sldHeightRange').click()
})
})
1 change: 1 addition & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
href="/src/MeasurementControl/measurementsPanel.css"
/>
<link rel="stylesheet" href="/src/AnnotationControl/annotationPanel.css" />
<link rel="stylesheet" href="src/AcceptedFiltering/threePanels.css" />
</head>

<body>
Expand Down
149 changes: 149 additions & 0 deletions src/AcceptedFiltering/threePanels.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
/* ---------- Buttons (shared look) ---------- */
/* Reuse your accepted button style for all four */
#btnDoElevationControl,
#doAcceptedFiltering,
#btnTHU,
#btnTVU,
#btnTHUFilter {
display: flex;
width: 100%;
margin: 6px 0 10px;
padding: 10px 10px;
font-size: 13px;
font-weight: 500;
background-color: #636262;
color: #ffffff;
border: 1px solid #555;
border-radius: 4px;
cursor: pointer;
transition:
background-color 0.2s ease,
transform 0.1s ease;
}

#btnDoElevationControl:hover,
#doAcceptedFiltering:hover,
#btnTHU:hover,
#btnTVU:hover,
#btnTHUFilter:hover {
background-color: #8f8f8f;
}

#btnDoElevationControl:active,
#doAcceptedFiltering:active,
#btnTHU:active,
#btnTVU:active,
#btnTHUFilter:active {
transform: scale(0.97);
background-color: #a8a6a6;
}

/* Optional: “active mode” outline if you toggle a class via JS */
#btnDoElevationControl.active,
#doAcceptedFiltering.active,
#btnTHU.active,
#btnTVU.active,
#btnTHUFilter:active {
outline: 2px solid #7ba8ff;
outline-offset: 1px;
}

/* THU/TVU side-by-side */
#thu_tvu_list .thu-tvu-row {
display: flex;
gap: 6px;
}
#thu_tvu_list .thu-tvu-row > button {
flex: 1 1 50%;
margin: 0;
}

/* ---------- Panels / moved containers ---------- */
/* Keep Potree’s moved subtrees neat and full-width inside our panels */
#elevation2_list [id='materials.elevation_container'],
#thu_tvu_list [id='materials.extra_container'] {
width: 100%;
box-sizing: border-box;
padding: 6px 8px; /* small breathing room since we moved it out of Appearance */
}

/* Slight spacing inside our panel lists (under the button) */
#elevation2_list,
#accepted_list_host,
#thu_tvu_list {
display: block;
padding: 4px 0;
}

/* A small notice style used when an attribute/panel isn’t available */
.panel-notice {
font-size: 13px;
color: #ddd;
background: rgba(255, 255, 255, 0.04);
border: 1px dashed #666;
border-radius: 4px;
padding: 8px;
margin: 6px 0;
}

/* ---------- Elevation label + slider tweaks ---------- */
#lblHeightRange {
display: inline-block;
font-size: 12px;
color: #ddd;
margin: 4px 0 6px 2px;
}

/* Make sure the jQuery-UI slider has a little vertical room */
#sldHeightRange {
margin: 6px 4px 10px 4px;
}

/* ---------- Accordions / headers (light touch) ---------- */
/* Don’t fight jQuery-UI’s theme. Just small spacing adjustments. */
#menu_elevation2 + .pv-menu-list,
#menu_accepted + .pv-menu-list,
#menu_thu_tvu + .pv-menu-list {
padding-top: 6px;
}

/* Optional: header label color alignment with dark UI */
#menu_elevation2 span,
#menu_accepted span,
#menu_thu_tvu span {
color: #e6e6e6;
font-weight: 600;
letter-spacing: 0.2px;
}

/* Legend container */
#accepted_legend {
margin-top: 10px;
padding-left: 4px;
}

/* Legend rows */
#accepted_legend .legend-row {
display: flex;
align-items: center;
margin: 3px 0;
font-size: 13px;
color: #ddd; /* visible text */
}

/* Color boxes */
#accepted_legend .legend-color {
width: 16px;
height: 16px;
border: 1px solid #777;
margin-right: 8px;
border-radius: 2px;
}

#accepted_legend .legend-color.accepted {
background-color: #fff;
}

#accepted_legend .legend-color.not-accepted {
background-color: #000;
}
Loading