fix: @click.away→@click.outside GLOBAL — 16 instances across 5 templates
Alpine 3.x a renommé .away en .outside. Toutes les occurrences dans: - base.html (3: user menu, context menu, ws ctx) - page_editor.html (5: share, perm, access, more, gsMore) - workspaces.html (1: dialog overlay) - workspace.html (1: modal overlay) - local_workspace.html (6: create, rename, delete modals, context menus) Ces .away cassées empêchaient tous les @click Alpine de fonctionner sur ces pages (Cancel, Delete, et tous les autres boutons modaux).
This commit is contained in:
@@ -77,7 +77,7 @@
|
|||||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="11 17 6 12 11 7"/><polyline points="18 17 13 12 18 7"/></svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.away="workspaceMenuOpen = false" x-transition>
|
<div class="user-menu-dropdown" x-show="workspaceMenuOpen" @click.outside="workspaceMenuOpen = false" x-transition>
|
||||||
<div class="um-user-info">
|
<div class="um-user-info">
|
||||||
<div class="um-avatar" style="{% if avatar_url %}background-image:url('{{ avatar_url }}');background-size:cover;{% else %}background:{{ avatar_color }};{% endif %}">{% if not avatar_url %}{{ user.full_name[:1].upper() if user and user.get('full_name') else workspaceInitial }}{% endif %}</div>
|
<div class="um-avatar" style="{% if avatar_url %}background-image:url('{{ avatar_url }}');background-size:cover;{% else %}background:{{ avatar_color }};{% endif %}">{% if not avatar_url %}{{ user.full_name[:1].upper() if user and user.get('full_name') else workspaceInitial }}{% endif %}</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -393,7 +393,7 @@
|
|||||||
<div class="context-menu" id="context-menu"
|
<div class="context-menu" id="context-menu"
|
||||||
:class="{ visible: contextMenu.visible }"
|
:class="{ visible: contextMenu.visible }"
|
||||||
:style="'left:' + contextMenu.x + 'px; top:' + contextMenu.y + 'px'"
|
:style="'left:' + contextMenu.x + 'px; top:' + contextMenu.y + 'px'"
|
||||||
@click.away="contextMenu.visible = false">
|
@click.outside="contextMenu.visible = false">
|
||||||
<div class="context-menu-section">
|
<div class="context-menu-section">
|
||||||
<div class="context-menu-label">Database</div>
|
<div class="context-menu-label">Database</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -453,7 +453,7 @@
|
|||||||
<div class="context-menu" id="ws-context-menu"
|
<div class="context-menu" id="ws-context-menu"
|
||||||
:class="{ visible: wsCtx.visible }"
|
:class="{ visible: wsCtx.visible }"
|
||||||
:style="'left:' + wsCtx.x + 'px; top:' + wsCtx.y + 'px'"
|
:style="'left:' + wsCtx.x + 'px; top:' + wsCtx.y + 'px'"
|
||||||
@click.away="wsCtx.visible = false">
|
@click.outside="wsCtx.visible = false">
|
||||||
<template x-if="wsCtx.isFolder">
|
<template x-if="wsCtx.isFolder">
|
||||||
<div class="context-menu-section">
|
<div class="context-menu-section">
|
||||||
<div class="context-menu-item" @click="wsCtxAction('new-file')">
|
<div class="context-menu-item" @click="wsCtxAction('new-file')">
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
|||||||
<div
|
<div
|
||||||
class="share-dialog"
|
class="share-dialog"
|
||||||
x-show="shareOpen"
|
x-show="shareOpen"
|
||||||
@click.away="shareOpen = false"
|
@click.outside="shareOpen = false"
|
||||||
x-transition.opacity.scale.origin.top.right
|
x-transition.opacity.scale.origin.top.right
|
||||||
>
|
>
|
||||||
<!-- Header with tabs -->
|
<!-- Header with tabs -->
|
||||||
@@ -121,7 +121,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
|||||||
<div
|
<div
|
||||||
class="sd-perm-menu"
|
class="sd-perm-menu"
|
||||||
x-show="a.permOpen"
|
x-show="a.permOpen"
|
||||||
@click.away="a.permOpen = false"
|
@click.outside="a.permOpen = false"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="sd-perm-option"
|
class="sd-perm-option"
|
||||||
@@ -184,7 +184,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
|||||||
<div
|
<div
|
||||||
class="sd-access-menu"
|
class="sd-access-menu"
|
||||||
x-show="accessMenuOpen"
|
x-show="accessMenuOpen"
|
||||||
@click.away="accessMenuOpen = false"
|
@click.outside="accessMenuOpen = false"
|
||||||
x-transition
|
x-transition
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
@@ -366,7 +366,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
|||||||
<div
|
<div
|
||||||
class="more-menu"
|
class="more-menu"
|
||||||
x-show="moreOpen"
|
x-show="moreOpen"
|
||||||
@click.away="moreOpen = false"
|
@click.outside="moreOpen = false"
|
||||||
x-transition
|
x-transition
|
||||||
>
|
>
|
||||||
<div class="more-menu-item" @click="exportPage">↗ Export</div>
|
<div class="more-menu-item" @click="exportPage">↗ Export</div>
|
||||||
@@ -475,7 +475,7 @@ page_title %}{{ page.title }}{% endblock %} {% block topbar %}
|
|||||||
<div
|
<div
|
||||||
class="gs-more-dropdown"
|
class="gs-more-dropdown"
|
||||||
x-show="gsMoreOpen"
|
x-show="gsMoreOpen"
|
||||||
@click.away="gsMoreOpen = false"
|
@click.outside="gsMoreOpen = false"
|
||||||
x-transition
|
x-transition
|
||||||
>
|
>
|
||||||
<div class="gs-more-item" @click="gsMoreOpen=false">
|
<div class="gs-more-item" @click="gsMoreOpen=false">
|
||||||
|
|||||||
@@ -135,7 +135,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Create Modal -->
|
<!-- Create Modal -->
|
||||||
<div class="modal-overlay" x-show="showCreateModal" @click.away="showCreateModal=false" @keydown.escape="showCreateModal=false">
|
<div class="modal-overlay" x-show="showCreateModal" @click.outside="showCreateModal=false" @keydown.escape="showCreateModal=false">
|
||||||
<div class="modal-box">
|
<div class="modal-box">
|
||||||
<h3>Create New Project</h3>
|
<h3>Create New Project</h3>
|
||||||
<input class="modal-input" x-model="newProjectName" placeholder="Project name" @keydown.enter="createProject">
|
<input class="modal-input" x-model="newProjectName" placeholder="Project name" @keydown.enter="createProject">
|
||||||
|
|||||||
@@ -165,7 +165,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Create/Rename dialog -->
|
<!-- Create/Rename dialog -->
|
||||||
<div class="dialog-overlay" x-show="showCreate||showRename" @click.away="showCreate=false;showRename=false">
|
<div class="dialog-overlay" x-show="showCreate||showRename" @click.outside="showCreate=false;showRename=false">
|
||||||
<div class="dialog-box">
|
<div class="dialog-box">
|
||||||
<h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
|
<h3 x-text="showRename?'Rename Workspace':'New Workspace'"></h3>
|
||||||
<input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">
|
<input class="dialog-input" x-model="wsName" placeholder="Workspace name" @keydown.enter="showRename?doRename():doCreate()">
|
||||||
|
|||||||
Reference in New Issue
Block a user