Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 01:18:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 84

Website: (Config builder) Add tooltip to access type dropdown, update remove single payload button (#32877)

Browse source 
Closes: https://github.com/fleetdm/fleet/issues/32184
Closes: https://github.com/fleetdm/fleet/issues/32183

Changes:
- (Config builder) Added a tooltip to the access type dropdown for
Windows settings
- (Config builder) Updated the "Remove" button in the payload builder to
be "Remove payload"
This commit is contained in:
Eric 2025-09-11 13:57:24 -05:00 committed by GitHub
parent 6ebbef874b
commit 8e6150ed26
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
website/assets/js/pages/configuration-builder.page.js vendored
View file

@ -4534,6 +4534,7 @@ parasails.registerPage('configuration-builder', {
this.selectedPayloads = _.uniq(newSelectedPayloads);
this.selectedPayloadsGroupedByCategory = _.groupBy(this.selectedPayloads, 'category');
}
await this._enableToolTips();
await this.forceRender();
},
clickOpenResetFormModal: function() {

18
website/assets/styles/pages/configuration-builder.less vendored
View file

@ -32,6 +32,20 @@
font-weight: 400;
line-height: 150%;
}
.tooltip-inner {
p {
font-size: 12px;
line-height: 150%;
color: #FFF;
margin-bottom: 8px;
}
a {
text-decoration: underline;
color: #FFF;
}
}
[purpose='page-header'] {// Note: this overrides the header styles in layout.less.
max-width: 100%;
height: 64px;
@ -603,7 +617,9 @@
font-style: normal;
font-weight: 400;
line-height: 24px;
// text-transform: uppercase;
text-transform: uppercase;
width: 130px;
cursor: pointer;
}
[purpose='multifield-option'] {
[purpose='option-value'] {

5
website/views/pages/configuration-builder.ejs vendored
View file

@ -183,7 +183,8 @@
<div purpose="payload-option" v-for="option in selectedPayloadsGroupedByCategory[category]">
<div purpose="name-and-access-type" class="d-flex flex-row align-items-center justify-content-between w-100">
<p class="mb-0"><strong>{{option.name}}</strong></p>
<div class="d-flex flex-column" v-if="selectedPlatform === 'windows'">
<div class="d-flex flex-row align-items-center" v-if="selectedPlatform === 'windows'">
<a href="https://learn.microsoft.com/en-us/windows/client-management/mdm/policy-configuration-service-provider" target="_blank" no-icon><img style="margin-right: 6px; height: 14px" class="d-inline" purpose="tooltip-icon" src="/images/icon-more-info-14x14@2x.png" alt="More info" data-html="true" data-toggle="tooltip" tabindex="0" data-placement="top" title="<%= '<p class="text-white">A Windows CSP profile may require the ADD action to work on initial delivery. To modify a previously delivered setting, the REPLACE action may be needed.</p> <p class="d-flex flex-row align-items-center mb-0">Click <img src="/images/icon-more-info-25-14x14@2x.png" class="mx-1" style="height: 12px; display: inline;" alt="more info"> to learn more</p>'%>"></a>
<select :class="[formErrors[option.uniqueSlug+'-access-type'] ? 'is-invalid' : '']" purpose="access-type-select" v-model.trim="configurationBuilderFormData[option.uniqueSlug+'-access-type']" class="form-control" style="width: 120px">
<option selected value="undefined" >Access type</option>
<option :value="accessType" style="text-transform: uppercase;" v-for="accessType in option.supportedAccessTypes">{{accessType}}</option>
@ -292,7 +293,7 @@
</div>
</div>
</div>
<a @click="clickRemovePayloadOption(option)" purpose="remove-button">Remove</a>
<a @click="clickRemovePayloadOption(option)" purpose="remove-button">Remove payload</a>
</div>
</ajax-form>
</div>