2023-06-02 02:05:34 +03:00
|
|
|
// Copyright 2023 The Grim Developers
|
|
|
|
//
|
|
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
// you may not use this file except in compliance with the License.
|
|
|
|
// You may obtain a copy of the License at
|
|
|
|
//
|
|
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
//
|
|
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
// See the License for the specific language governing permissions and
|
|
|
|
// limitations under the License.
|
|
|
|
|
|
|
|
use std::cmp::min;
|
|
|
|
use std::sync::atomic::{AtomicBool, Ordering};
|
|
|
|
|
2023-06-15 23:54:41 +03:00
|
|
|
use egui::{Align2, RichText, Rounding, Sense, Stroke, Vec2};
|
2023-06-02 02:05:34 +03:00
|
|
|
use egui::epaint::RectShape;
|
|
|
|
|
2023-06-15 23:54:41 +03:00
|
|
|
use crate::gui::Colors;
|
2023-06-02 02:05:34 +03:00
|
|
|
use crate::gui::views::View;
|
|
|
|
|
|
|
|
/// Identifier for [`Modal`] content to draw at [`Modal::ui`].
|
|
|
|
pub enum ModalId {
|
|
|
|
Exit
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Location for [`Modal`] at application UI.
|
|
|
|
pub enum ModalLocation {
|
|
|
|
/// To draw globally above side panel and screen.
|
|
|
|
Global,
|
|
|
|
/// To draw on the side panel.
|
|
|
|
SidePanel,
|
|
|
|
/// To draw on the screen.
|
|
|
|
Screen
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Position of [`Modal`] on the screen at provided [`ModalLocation`].
|
|
|
|
pub enum ModalPosition {
|
|
|
|
/// Center-top position.
|
|
|
|
CenterTop,
|
|
|
|
/// Center of the location.
|
|
|
|
Center
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Stores data to draw dialog box/popup at UI, powered by [`egui::Window`].
|
|
|
|
pub struct Modal {
|
|
|
|
/// Identifier for content.
|
|
|
|
pub(crate) id: ModalId,
|
|
|
|
/// Location at UI.
|
|
|
|
pub(crate) location: ModalLocation,
|
|
|
|
/// Position on the screen.
|
|
|
|
position: ModalPosition,
|
|
|
|
/// Flag to show the content.
|
|
|
|
open: AtomicBool,
|
|
|
|
/// To check if it can be closed.
|
|
|
|
closeable: AtomicBool,
|
|
|
|
/// Title text
|
|
|
|
title: Option<String>
|
|
|
|
}
|
|
|
|
|
|
|
|
impl Modal {
|
|
|
|
/// Default width of the content.
|
|
|
|
const DEFAULT_WIDTH: i64 = 380;
|
|
|
|
|
|
|
|
/// Create open and closeable [`Modal`] with center position.
|
|
|
|
pub fn new(id: ModalId, location: ModalLocation) -> Self {
|
|
|
|
Self {
|
|
|
|
id,
|
|
|
|
location,
|
|
|
|
position: ModalPosition::Center,
|
|
|
|
open: AtomicBool::new(true),
|
|
|
|
closeable: AtomicBool::new(true),
|
|
|
|
title: None
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Setup position of [`Modal`] on the screen.
|
|
|
|
pub fn position(mut self, position: ModalPosition) -> Self {
|
|
|
|
self.position = position;
|
|
|
|
self
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Check if [`Modal`] is open.
|
|
|
|
pub fn is_open(&self) -> bool {
|
|
|
|
self.open.load(Ordering::Relaxed)
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Mark [`Modal`] closed.
|
|
|
|
pub fn close(&self) {
|
|
|
|
self.open.store(false, Ordering::Relaxed);
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Setup possibility to close [`Modal`].
|
|
|
|
pub fn closeable(self, closeable: bool) -> Self {
|
|
|
|
self.closeable.store(closeable, Ordering::Relaxed);
|
|
|
|
self
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Disable possibility to close [`Modal`].
|
|
|
|
pub fn disable_closing(&self) {
|
|
|
|
self.closeable.store(false, Ordering::Relaxed);
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Check if [`Modal`] is closeable.
|
|
|
|
pub fn is_closeable(&self) -> bool {
|
|
|
|
self.closeable.load(Ordering::Relaxed)
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Set title text.
|
|
|
|
pub fn title(mut self, title: String) -> Self {
|
|
|
|
self.title = Some(title.to_uppercase());
|
|
|
|
self
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Show [`Modal`] with provided content.
|
2023-06-02 10:04:54 +03:00
|
|
|
pub fn ui(&self, ui: &mut egui::Ui, add_content: impl FnOnce(&mut egui::Ui, &Modal)) {
|
|
|
|
let width = min(ui.available_width() as i64 - 20, Self::DEFAULT_WIDTH) as f32;
|
2023-06-02 02:05:34 +03:00
|
|
|
|
|
|
|
// Show background Window at full available size
|
|
|
|
egui::Window::new(self.window_id(true))
|
|
|
|
.title_bar(false)
|
|
|
|
.resizable(false)
|
|
|
|
.collapsible(false)
|
|
|
|
.fixed_pos(ui.next_widget_position())
|
|
|
|
.fixed_size(ui.available_size())
|
|
|
|
.frame(egui::Frame {
|
2023-06-03 11:22:51 +03:00
|
|
|
fill: Colors::SEMI_TRANSPARENT,
|
2023-06-02 02:05:34 +03:00
|
|
|
..Default::default()
|
|
|
|
})
|
|
|
|
.show(ui.ctx(), |ui| {
|
|
|
|
ui.set_min_size(ui.available_size());
|
|
|
|
});
|
|
|
|
|
2023-06-17 13:23:31 +03:00
|
|
|
// Show main content Window at given position
|
2023-06-02 02:05:34 +03:00
|
|
|
let layer_id = egui::Window::new(self.window_id(false))
|
|
|
|
.title_bar(false)
|
|
|
|
.resizable(false)
|
|
|
|
.collapsible(false)
|
2023-06-02 10:04:54 +03:00
|
|
|
.default_width(width)
|
2023-06-02 02:05:34 +03:00
|
|
|
.anchor(self.modal_position(), Vec2::default())
|
|
|
|
.frame(egui::Frame {
|
|
|
|
rounding: Rounding::same(8.0),
|
2023-06-03 11:22:51 +03:00
|
|
|
fill: Colors::YELLOW,
|
2023-06-02 02:05:34 +03:00
|
|
|
..Default::default()
|
|
|
|
})
|
|
|
|
.show(ui.ctx(), |ui| {
|
|
|
|
if self.title.is_some() {
|
|
|
|
self.draw_title(ui);
|
|
|
|
}
|
2023-06-02 10:04:54 +03:00
|
|
|
self.draw_content(ui, add_content);
|
2023-06-02 02:05:34 +03:00
|
|
|
}).unwrap().response.layer_id;
|
|
|
|
|
|
|
|
// Always show main content Window above background Window
|
|
|
|
ui.ctx().move_to_top(layer_id);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Generate identifier for inner [`egui::Window`] parts based on [`ModalLocation`].
|
|
|
|
fn window_id(&self, background: bool) -> &'static str {
|
|
|
|
match self.location {
|
|
|
|
ModalLocation::Global => {
|
|
|
|
if background { "global.bg" } else { "global" }
|
|
|
|
}
|
|
|
|
ModalLocation::SidePanel => {
|
|
|
|
if background { "side_panel.bg" } else { "side_panel" }
|
|
|
|
}
|
|
|
|
ModalLocation::Screen => {
|
|
|
|
if background { "global.bg" } else { "global" }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Get [`egui::Window`] position based on [`ModalPosition`].
|
|
|
|
fn modal_position(&self) -> Align2 {
|
|
|
|
match self.position {
|
|
|
|
ModalPosition::CenterTop => { Align2::CENTER_TOP }
|
|
|
|
ModalPosition::Center => { Align2::CENTER_CENTER }
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Draw provided content.
|
2023-06-02 10:04:54 +03:00
|
|
|
fn draw_content(&self, ui: &mut egui::Ui, add_content: impl FnOnce(&mut egui::Ui, &Modal)) {
|
2023-06-02 02:05:34 +03:00
|
|
|
let mut rect = ui.available_rect_before_wrap();
|
|
|
|
rect.min += egui::emath::vec2(6.0, 0.0);
|
|
|
|
rect.max -= egui::emath::vec2(6.0, 0.0);
|
|
|
|
|
|
|
|
// Create background shape.
|
|
|
|
let rounding = if self.title.is_some() {
|
|
|
|
Rounding {
|
|
|
|
nw: 0.0,
|
|
|
|
ne: 0.0,
|
|
|
|
sw: 8.0,
|
|
|
|
se: 8.0,
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
Rounding::same(8.0)
|
|
|
|
};
|
|
|
|
let mut bg_shape = RectShape {
|
|
|
|
rect,
|
|
|
|
rounding,
|
2023-06-03 11:22:51 +03:00
|
|
|
fill: Colors::FILL,
|
2023-06-02 21:19:34 +03:00
|
|
|
stroke: Stroke::NONE,
|
2023-06-02 02:05:34 +03:00
|
|
|
};
|
|
|
|
let bg_idx = ui.painter().add(bg_shape);
|
|
|
|
|
|
|
|
// Draw main content.
|
2023-06-02 02:16:41 +03:00
|
|
|
let mut content_rect = ui.allocate_ui_at_rect(rect, |ui| {
|
2023-06-02 10:04:54 +03:00
|
|
|
(add_content)(ui, self);
|
2023-06-02 02:05:34 +03:00
|
|
|
}).response.rect;
|
|
|
|
|
|
|
|
// Setup background shape to be painted behind main content.
|
2023-06-02 02:16:41 +03:00
|
|
|
content_rect.min -= egui::emath::vec2(6.0, 0.0);
|
|
|
|
content_rect.max += egui::emath::vec2(6.0, 0.0);
|
|
|
|
bg_shape.rect = content_rect;
|
2023-06-02 02:05:34 +03:00
|
|
|
ui.painter().set(bg_idx, bg_shape);
|
|
|
|
}
|
|
|
|
|
|
|
|
/// Draw the title.
|
|
|
|
fn draw_title(&self, ui: &mut egui::Ui) {
|
|
|
|
let rect = ui.available_rect_before_wrap();
|
|
|
|
|
|
|
|
// Create background shape.
|
|
|
|
let mut bg_shape = RectShape {
|
|
|
|
rect,
|
|
|
|
rounding: Rounding {
|
|
|
|
nw: 8.0,
|
|
|
|
ne: 8.0,
|
|
|
|
sw: 0.0,
|
|
|
|
se: 0.0,
|
|
|
|
},
|
2023-06-03 11:22:51 +03:00
|
|
|
fill: Colors::YELLOW,
|
2023-06-02 02:05:34 +03:00
|
|
|
stroke: Stroke::NONE,
|
|
|
|
};
|
|
|
|
let bg_idx = ui.painter().add(bg_shape);
|
|
|
|
|
|
|
|
// Draw title content.
|
|
|
|
let title_resp = ui.allocate_ui_at_rect(rect, |ui| {
|
|
|
|
ui.vertical_centered_justified(|ui| {
|
|
|
|
ui.add_space(8.0);
|
2023-06-03 11:22:51 +03:00
|
|
|
ui.label(RichText::new(self.title.as_ref().unwrap())
|
|
|
|
.size(20.0)
|
|
|
|
.color(Colors::TITLE)
|
|
|
|
);
|
2023-06-02 02:05:34 +03:00
|
|
|
ui.add_space(8.0);
|
|
|
|
});
|
|
|
|
}).response;
|
|
|
|
|
|
|
|
// Setup background shape to be painted behind title content.
|
|
|
|
bg_shape.rect = title_resp.rect;
|
|
|
|
ui.painter().set(bg_idx, bg_shape);
|
2023-06-02 21:19:34 +03:00
|
|
|
|
2023-06-03 11:22:51 +03:00
|
|
|
// Draw line below title.
|
|
|
|
let line_size = Vec2::new(ui.available_width(), 1.0);
|
|
|
|
let (line_rect, _) = ui.allocate_exact_size(line_size, Sense::hover());
|
2023-06-02 21:19:34 +03:00
|
|
|
let painter = ui.painter();
|
2023-06-03 11:22:51 +03:00
|
|
|
painter.hline(line_rect.x_range(),
|
|
|
|
painter.round_to_pixel(line_rect.center().y),
|
|
|
|
View::DEFAULT_STROKE);
|
2023-06-02 02:05:34 +03:00
|
|
|
}
|
|
|
|
}
|