mirrors
/
forgejo
mirror of
1
Fork 0
Code Issues Releases Activity

[UI] Fix scoped-access-token 

- Regression of #4571
- Refactor to not use the component API of Vue. The root cause is still
unknown.

(cherry picked from commit aa5163d5c4)
This commit is contained in:
Gusted 2024-07-24 21:48:51 +02:00 committed by GitHub
parent d7686aabee
commit 88426b578f
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
templates/user/settings/applications.tmpl
View File

@ -77,14 +77,12 @@
<p class="activity meta"> <p class="activity meta">
<i>{{ctx.Locale.Tr "settings.access_token_desc" (HTMLFormat `href="%s/api/swagger" target="_blank"` AppSubUrl) (`href="https://forgejo.org/docs/latest/user/token-scope/" target="_blank"`|SafeHTML)}}</i> <i>{{ctx.Locale.Tr "settings.access_token_desc" (HTMLFormat `href="%s/api/swagger" target="_blank"` AppSubUrl) (`href="https://forgejo.org/docs/latest/user/token-scope/" target="_blank"`|SafeHTML)}}</i>
</p> </p>
<div class="scoped-access-token-mount"> <div class="scoped-access-token"
<scoped-access-token-selector data-is-admin="{{if .IsAdmin}}true{{else}}false{{end}}"
:is-admin="{{if .IsAdmin}}true{{else}}false{{end}}" data-no-access-label="{{ctx.Locale.Tr "settings.permission_no_access"}}"
no-access-label="{{ctx.Locale.Tr "settings.permission_no_access"}}" data-read-label="{{ctx.Locale.Tr "settings.permission_read"}}"
read-label="{{ctx.Locale.Tr "settings.permission_read"}}" data-write-label="{{ctx.Locale.Tr "settings.permission_write"}}"
write-label="{{ctx.Locale.Tr "settings.permission_write"}}" ></div>
></scoped-access-token-selector>
</div>
</details> </details>
<button id="scoped-access-submit" class="ui primary button"> <button id="scoped-access-submit" class="ui primary button">
{{ctx.Locale.Tr "settings.generate_token"}} {{ctx.Locale.Tr "settings.generate_token"}}

11
web_src/js/components/ScopedAccessTokenSelector.vue
View File

@ -78,10 +78,13 @@ export default sfc;
* Initialize category toggle sections * Initialize category toggle sections
*/ */
export function initScopedAccessTokenCategories() { export function initScopedAccessTokenCategories() {
for (const el of document.getElementsByClassName('scoped-access-token-mount')) { for (const el of document.getElementsByClassName('scoped-access-token')) {
createApp({}) createApp(sfc, {
.component('scoped-access-token-selector', sfc) isAdmin: el.getAttribute('data-is-admin') === 'true',
.mount(el); noAccessLabel: el.getAttribute('data-no-access-label'),
readLabel: el.getAttribute('data-read-label'),
writeLabel: el.getAttribute('data-write-label'),
}).mount(el);
} }
} }