XF/GIA
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Reimplement compose and add tiling windows

Browse Source
This commit is contained in:
Mark Veidemanis
2026-03-12 22:03:30 +00:00
parent 79766d279d
commit 6ceff63b71
126 changed files with 5111 additions and 10796 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
core/templates/mixins/wm/widget.html
View File

@@ -1,23 +1,62 @@
<div id="widget">
<div
class="js-gia-widget-shell"
data-gia-widget-shell="1"
{% if widget_style_hrefs %}data-gia-style-hrefs="{{ widget_style_hrefs|join:'|' }}"{% endif %}
{% if widget_script_srcs %}data-gia-script-srcs="{{ widget_script_srcs|join:'|' }}"{% endif %}>
<div id="widget-{{ unique }}" class="grid-stack-item" {% block widget_options %}{% if widget_options is None %}gs-w="6" gs-h="1" gs-y="20" gs-x="0"{% else %}{% autoescape off %}{{ widget_options }}{% endautoescape %}{% endif %}{% endblock %}>
<div class="grid-stack-item-content">
<nav class="panel">
<p class="panel-heading" style="padding: .2em; line-height: .5em;">
{% block close_button %}
{% include "mixins/partials/close-widget.html" %}
{% endblock %}
<span class="icon is-small mr-1">
<i class="{{ widget_icon|default:'fa-solid fa-window-maximize' }}"></i>
<nav class="panel gia-widget-panel">
<p class="panel-heading gia-widget-heading">
<span class="gia-widget-heading-main">
<span class="icon is-small gia-widget-heading-icon">
<i class="{{ widget_icon|default:'fa-solid fa-window-maximize' }}"></i>
</span>
<span class="gia-widget-title">
{% block heading %}
{{ title }}
{% endblock %}
</span>
</span>
<span class="buttons are-small has-addons gia-widget-actions">
<button
type="button"
class="button is-light js-gia-widget-action"
data-gia-action="tile"
data-gia-widget-id="widget-{{ unique }}"
aria-label="Tile window">
<span class="icon is-small"><i class="fa-solid fa-border-all"></i></span>
</button>
<button
type="button"
class="button is-light js-gia-widget-action"
data-gia-action="snap-left"
data-gia-widget-id="widget-{{ unique }}"
aria-label="Snap window left">
<span class="icon is-small"><i class="fa-solid fa-arrow-left"></i></span>
</button>
<button
type="button"
class="button is-light js-gia-widget-action"
data-gia-action="snap-right"
data-gia-widget-id="widget-{{ unique }}"
aria-label="Snap window right">
<span class="icon is-small"><i class="fa-solid fa-arrow-right"></i></span>
</button>
<button
type="button"
class="button is-light js-gia-widget-action"
data-gia-action="minimize"
data-gia-widget-id="widget-{{ unique }}"
aria-label="Minimize window">
<span class="icon is-small"><i class="fa-solid fa-window-minimize"></i></span>
</button>
{% block close_button %}
{% include "mixins/partials/close-widget.html" %}
{% endblock %}
</span>
<i
class="fa-solid fa-arrows-minimize has-text-grey-light float-right"
onclick="grid.compact();"></i>
{% block heading %}
{{ title }}
{% endblock %}
</p>
<article class="panel-block is-active">
<div class="control">
<article class="panel-block is-active gia-widget-body">
<div class="control gia-widget-control{% if widget_control_class %} {{ widget_control_class }}{% endif %}">
{% block panel_content %}
{% include window_content %}
{% endblock %}
@@ -27,12 +66,5 @@
</div>
</div>
</div>
<script>
{% block custom_script %}
{% endblock %}
var widget_event = new Event("load-widget");
document.dispatchEvent(widget_event);
</script>
{% block custom_end %}
{% endblock %}