Oreon-Lime-R2/arcmenu/arc-menu-27/menulayouts/windows.js

466 lines
19 KiB
JavaScript
Raw Normal View History

/*
* ArcMenu - A traditional application menu for GNOME 3
*
* ArcMenu Lead Developer and Maintainer
* Andrew Zaech https://gitlab.com/AndrewZaech
*
* ArcMenu Founder, Former Maintainer, and Former Graphic Designer
* LinxGem33 https://gitlab.com/LinxGem33 - (No Longer Active)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 2 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
const Me = imports.misc.extensionUtils.getCurrentExtension();
const {Clutter, GLib, Gio, Gtk, Shell, St} = imports.gi;
const BaseMenuLayout = Me.imports.menulayouts.baseMenuLayout;
const Constants = Me.imports.constants;
const Gettext = imports.gettext.domain(Me.metadata['gettext-domain']);
const Main = imports.ui.main;
const MW = Me.imports.menuWidgets;
const PlaceDisplay = Me.imports.placeDisplay;
const PopupMenu = imports.ui.popupMenu;
const Utils = Me.imports.utils;
const _ = Gettext.gettext;
var createMenu = class extends BaseMenuLayout.BaseLayout{
constructor(menuButton) {
super(menuButton, {
Search: true,
SearchDisplayType: Constants.DisplayType.LIST,
DisplayType: Constants.DisplayType.LIST,
ColumnSpacing: 0,
RowSpacing: 0,
DefaultMenuWidth: 300,
DefaultIconGridStyle: "SmallIconGrid",
VerticalMainBox: false,
DefaultCategoryIconSize: Constants.LARGE_ICON_SIZE,
DefaultApplicationIconSize: Constants.LARGE_ICON_SIZE,
DefaultQuickLinksIconSize: Constants.EXTRA_SMALL_ICON_SIZE,
DefaultButtonsIconSize: Constants.EXTRA_SMALL_ICON_SIZE,
DefaultPinnedIconSize: Constants.LARGE_ICON_SIZE,
});
}
createLayout(){
super.createLayout();
this.actionsBox = new St.BoxLayout({
x_expand: true,
y_expand: true,
x_align: Clutter.ActorAlign.START,
y_align: Clutter.ActorAlign.FILL,
vertical: true
});
this.actionsBox.style = "margin: 0px 5px 0px 10px; spacing: 10px;";
this.mainBox.add_child(this.actionsBox);
this.extrasButton = new MW.ExtrasButton(this);
this.extrasButton.actor.y_expand = true;
this.extrasButton.actor.y_align= Clutter.ActorAlign.START;
this.actionsBox.add_child(this.extrasButton.actor);
let userButton = new MW.UserMenuItem(this, Constants.DisplayType.BUTTON);
this.actionsBox.add_child(userButton.actor);
let path = GLib.get_user_special_dir(imports.gi.GLib.UserDirectory.DIRECTORY_DOCUMENTS);
if (path != null){
let placeInfo = new MW.PlaceInfo(Gio.File.new_for_path(path), _("Documents"));
let isContainedInCategory = false;
let placeMenuItem = new MW.PlaceMenuItem(this, placeInfo, Constants.DisplayType.BUTTON, isContainedInCategory);
this.actionsBox.add_child(placeMenuItem.actor);
}
let settingsButton = new MW.SettingsButton(this);
this.actionsBox.add_child(settingsButton.actor);
this.leaveButton = new MW.LeaveButton(this);
this.actionsBox.add_child(this.leaveButton.actor);
this.subMainBox = new St.BoxLayout({
x_expand: true,
y_expand: true,
y_align: Clutter.ActorAlign.FILL,
vertical: true,
style_class: 'margin-box'
});
this.mainBox.add_child(this.subMainBox);
this.pinnedAppsScrollBox = this._createScrollBox({
x_expand: true,
y_expand: true,
y_align: Clutter.ActorAlign.START,
overlay_scrollbars: true,
style_class: this.disableFadeEffect ? '' : 'vfade'
});
this.pinnedAppsBox = new St.BoxLayout({
vertical: true,
x_expand: true
});
this.pinnedAppsScrollBox.add_actor(this.pinnedAppsBox);
let layout = new Clutter.GridLayout({
orientation: Clutter.Orientation.VERTICAL,
column_spacing: 10,
row_spacing: 10
});
this.pinnedAppsGrid = new St.Widget({
x_expand: true,
x_align: Clutter.ActorAlign.CENTER,
layout_manager: layout
});
layout.hookup_style(this.pinnedAppsGrid);
this.searchBox.name = "ArcSearchEntryRound";
this.searchBox.style = "margin: 15px 10px 0px 10px;";
this.applicationsBox = new St.BoxLayout({
vertical: true
});
this.applicationsScrollBox = this._createScrollBox({
x_expand: false,
y_expand: false,
x_align: Clutter.ActorAlign.START,
y_align: Clutter.ActorAlign.START,
overlay_scrollbars: true,
style_class: 'left-panel ' + (this.disableFadeEffect ? '' : 'small-vfade'),
});
this.applicationsScrollBox.add_actor(this.applicationsBox);
this.subMainBox.add_child(this.applicationsScrollBox);
this.subMainBox.add_child(this.searchBox.actor);
this.activeCategoryType = Constants.CategoryType.HOME_SCREEN;
let SOFTWARE_TRANSLATIONS = [_("Software"), _("Settings"), _("Tweaks"), _("Terminal"), _("Activities Overview"), _("ArcMenu Settings")];
let applicationShortcutsList = this._settings.get_value('application-shortcuts-list').deep_unpack();
this.applicationShortcuts = [];
for(let i = 0; i < applicationShortcutsList.length; i++){
let applicationName = applicationShortcutsList[i][0];
let shortcutMenuItem = new MW.ShortcutMenuItem(this, _(applicationName), applicationShortcutsList[i][1], applicationShortcutsList[i][2], Constants.DisplayType.LIST);
if(shortcutMenuItem.shouldShow)
this.applicationShortcuts.push(shortcutMenuItem.actor);
}
let directoryShortcutsList = this._settings.get_value('directory-shortcuts-list').deep_unpack();
this._loadPlaces(directoryShortcutsList);
this.externalDevicesBox = new St.BoxLayout({
vertical: true,
x_expand: true,
y_expand: true
});
this._sections = { };
this.placesManager = new PlaceDisplay.PlacesManager();
for (let i = 0; i < Constants.SECTIONS.length; i++) {
let id = Constants.SECTIONS[i];
this._sections[id] = new St.BoxLayout({
vertical: true
});
this.placeManagerUpdatedID = this.placesManager.connect(`${id}-updated`, () => {
this._redisplayPlaces(id);
});
this._createPlaces(id);
this.externalDevicesBox.add_child(this._sections[id]);
}
this.updateWidth();
this.loadCategories();
this.loadPinnedApps();
this._createExtrasMenu();
this.setDefaultMenuView();
}
updateWidth(setDefaultMenuView){
const widthAdjustment = this._settings.get_int("menu-width-adjustment");
let menuWidth = this.layoutProperties.DefaultMenuWidth + widthAdjustment;
//Set a 300px minimum limit for the menu width
menuWidth = Math.max(300, menuWidth);
this.pinnedAppsScrollBox.style = `width: ${menuWidth}px;`;
this.layoutProperties.MenuWidth = menuWidth;
if(setDefaultMenuView){
this.loadPinnedApps();
this.setDefaultMenuView();
}
}
loadPinnedApps(){
this.layoutProperties.DisplayType = Constants.DisplayType.GRID;
super.loadPinnedApps();
this.pinnedAppsGrid.layout_manager.forceGridColumns = this.getColumnsFromGridIconSizeSetting();
this.layoutProperties.DisplayType = Constants.DisplayType.LIST;
}
_createPlaces(id) {
let places = this.placesManager.get(id);
if(id === 'bookmarks' && places.length > 0){
this._sections[id].add_child(this.createLabelRow(_("Bookmarks")));
for (let i = 0; i < places.length; i++){
let item = new PlaceDisplay.PlaceMenuItem(this, places[i], Constants.DisplayType.LIST);
this._sections[id].add_child(item);
}
}
if(id === 'devices' && places.length > 0){
this._sections[id].add_child(this.createLabelRow(_("Devices")));
for (let i = 0; i < places.length; i++){
let item = new PlaceDisplay.PlaceMenuItem(this, places[i], Constants.DisplayType.LIST);
this._sections[id].add_child(item);
}
}
if(id === 'network' && places.length > 0){
this._sections[id].add_child(this.createLabelRow(_("Network")));
for (let i = 0; i < places.length; i++){
let item = new PlaceDisplay.PlaceMenuItem(this, places[i], Constants.DisplayType.LIST);
this._sections[id].add_child(item);
}
}
}
_loadPlaces(directoryShortcutsList) {
this.directoryShortcuts = [];
for (let i = 0; i < directoryShortcutsList.length; i++) {
let directory = directoryShortcutsList[i];
let isContainedInCategory = false;
let placeMenuItem = this.createMenuItem(directory, Constants.DisplayType.LIST, isContainedInCategory);
this.directoryShortcuts.push(placeMenuItem);
}
}
_createExtrasMenu(){
this.dummyCursor = new St.Widget({ width: 0, height: 0, opacity: 0 });
Main.uiGroup.add_child(this.dummyCursor);
this.extrasMenu = new PopupMenu.PopupMenu(this.dummyCursor, 0, St.Side.TOP);
this.section = new PopupMenu.PopupMenuSection();
this.extrasMenu.addMenuItem(this.section);
this.leftPanelPopup = new St.BoxLayout({
vertical: true,
style_class: 'margin-box'
});
this.leftPanelPopup._delegate = this.leftPanelPopup;
let headerBox = new St.BoxLayout({
x_expand: false,
y_expand: false,
x_align: Clutter.ActorAlign.FILL,
y_align: Clutter.ActorAlign.START,
vertical: true
});
this.leftPanelPopup.add_child(headerBox);
this.backButton = new MW.BackMenuItem(this);
this.backButton.connect("activate", () => this.toggleExtrasMenu());
headerBox.add_child(this.backButton.actor);
let separator = new MW.ArcMenuSeparator(Constants.SeparatorStyle.MEDIUM, Constants.SeparatorAlignment.HORIZONTAL);
headerBox.add_child(separator);
this.computerScrollBox = this._createScrollBox({
x_expand: true,
y_expand: true,
y_align: Clutter.ActorAlign.START,
overlay_scrollbars: true,
reactive:true,
style_class: this.disableFadeEffect ? '' : 'small-vfade',
});
this.leftPanelPopup.add_child(this.computerScrollBox);
this.computerBox = new St.BoxLayout({
vertical: true
});
this.computerScrollBox.add_actor(this.computerBox);
this.computerBox.add_child(this.createLabelRow(_("Application Shortcuts")));
for(let i = 0; i < this.applicationShortcuts.length; i++){
this.computerBox.add_child(this.applicationShortcuts[i]);
}
this.computerBox.add_child(this.createLabelRow(_("Places")));
for(let i = 0; i < this.directoryShortcuts.length; i++){
this.computerBox.add_child(this.directoryShortcuts[i]);
}
this.computerBox.add_child(this.externalDevicesBox);
let themeContext = St.ThemeContext.get_for_stage(global.stage);
let scaleFactor = themeContext.scale_factor;
let height = Math.round(this._settings.get_int('menu-height') / scaleFactor) - 1;
this.leftPanelPopup.style = `height: ${height}px`;
this.section.actor.add_child(this.leftPanelPopup);
this.subMenuManager.addMenu(this.extrasMenu);
this.extrasMenu.actor.hide();
Main.uiGroup.add_child(this.extrasMenu.actor);
this.extrasMenu.connect('open-state-changed', (menu, open) => {
if(!open){
this.extrasButton.active = false;
this.extrasButton.sync_hover();
this.extrasButton.hovered = this.extrasButton.hover;
}
else{
if(this.menuButton.tooltipShowingID){
GLib.source_remove(this.menuButton.tooltipShowingID);
this.menuButton.tooltipShowingID = null;
this.menuButton.tooltipShowing = false;
}
if(this.extrasButton.tooltip){
this.extrasButton.tooltip.hide();
this.menuButton.tooltipShowing = false;
}
}
});
}
toggleExtrasMenu(){
let appsScrollBoxAdj = this.pinnedAppsScrollBox.get_vscroll_bar().get_adjustment();
appsScrollBoxAdj.set_value(0);
let customStyle = this._settings.get_boolean('enable-custom-arc-menu');
this.extrasMenu.actor.style_class = customStyle ? 'arc-menu-boxpointer': 'popup-menu-boxpointer';
this.extrasMenu.actor.add_style_class_name(customStyle ? 'arc-menu' : 'popup-menu');
this.extrasButton.tooltip.hide();
let themeNode = this.arcMenu.actor.get_theme_node();
let backgroundColor = themeNode.get_color('-arrow-background-color');
let borderWidth = themeNode.get_length('-arrow-border-width');
let borderRadius = themeNode.get_length('-arrow-border-radius');
let monitorIndex = Main.layoutManager.findIndexForActor(this.menuButton);
let scaleFactor = Main.layoutManager.monitors[monitorIndex].geometry_scale;
borderRadius = borderRadius / scaleFactor;
let drawBoxShadow = true;
if(backgroundColor?.alpha === 0){
backgroundColor = themeNode.get_color('background-color');
if(backgroundColor?.alpha === 0){
drawBoxShadow = false;
}
}
let styleProperties, shadowColor;
if(drawBoxShadow){
shadowColor = backgroundColor.shade(.35);
backgroundColor = Utils.clutterColorToRGBA(backgroundColor);
shadowColor = Utils.clutterColorToRGBA(shadowColor);
styleProperties = "box-shadow: 3px 0px 2px " + shadowColor + "; background-color: " + backgroundColor + ";";
}
this.extrasMenu.actor.style = "-boxpointer-gap: 0px; -arrow-border-color: transparent; -arrow-border-width: 0px; width: 250px;"
+"-arrow-base:0px; -arrow-rise: 0px; -arrow-background-color: transparent;"
+"border-radius: " + borderRadius + "px;" + styleProperties;
this.arcMenu.actor.get_allocation_box();
let [x, y] = this.arcMenu.actor.get_transformed_position();
let rise = themeNode.get_length('-arrow-rise');
if(this.arcMenu._arrowSide === St.Side.TOP)
y += rise + 1;
else
y += 1;
if(this.arcMenu._arrowSide === St.Side.LEFT)
x = x + (borderRadius * 2) + rise + 1;
else
x = x + (borderRadius * 2);
this.dummyCursor.set_position(Math.round(x + borderWidth), Math.round(y + borderWidth));
this.extrasMenu.toggle();
if(this.extrasMenu.isOpen){
this.activeMenuItem = this.backButton;
this.backButton.grab_key_focus();
}
}
setDefaultMenuView(){
super.setDefaultMenuView();
this.displayAllApps();
if(!this._settings.get_boolean('windows-disable-pinned-apps')){
if(!this.mainBox.contains(this.pinnedAppsScrollBox))
this.mainBox.add_child(this.pinnedAppsScrollBox);
this.displayPinnedApps();
}
let appsScrollBoxAdj = this.pinnedAppsScrollBox.get_vscroll_bar().get_adjustment();
appsScrollBoxAdj.set_value(0);
}
displayAllApps(){
this._clearActorsFromBox();
let label = this._createLabelWithSeparator(_("Frequent"));
this.activeMenuItemSet = false;
if(!this._settings.get_boolean('windows-disable-frequent-apps')){
let mostUsed = Shell.AppUsage.get_default().get_most_used();
this.frequentAppsList = [];
for (let i = 0; i < mostUsed.length; i++) {
if (mostUsed[i] && mostUsed[i].get_app_info().should_show()){
let item = new MW.ApplicationMenuItem(this, mostUsed[i], Constants.DisplayType.LIST);
this.frequentAppsList.push(item);
}
}
const MaxItems = 8;
if(this.frequentAppsList.length > 0){
this.applicationsBox.add_child(label.actor);
for (let i = 0; i < this.frequentAppsList.length && i < MaxItems; i++) {
let item = this.frequentAppsList[i];
if(item.actor.get_parent())
item.actor.get_parent().remove_child(item.actor);
if (!item.actor.get_parent())
this.applicationsBox.add_child(item.actor);
if(!this.activeMenuItemSet){
this._frequentActiveItem = item;
this.activeMenuItemSet = true;
}
}
}
}
let appList = [];
this.applicationsMap.forEach((value,key,map) => {
appList.push(key);
});
appList.sort((a, b) => {
return a.get_name().toLowerCase() > b.get_name().toLowerCase();
});
this.layoutProperties.DisplayType = Constants.DisplayType.LIST;
this._displayAppList(appList, Constants.CategoryType.ALL_PROGRAMS, this.applicationsGrid);
if(this.activeMenuItemSet)
this.activeMenuItem = this._frequentActiveItem;
}
loadCategories() {
this.categoryDirectories = null;
this.categoryDirectories = new Map();
this.hasPinnedApps = true;
super.loadCategories();
}
_clearActorsFromBox(box){
super._clearActorsFromBox(box);
this.activeCategoryType = Constants.CategoryType.HOME_SCREEN;
}
displayPinnedApps() {
super._clearActorsFromBox(this.pinnedAppsBox);
this.pinnedAppsGrid.remove_all_children();
let label = this.createLabelRow(_("Pinned Apps"));
label.remove_child(label._ornamentLabel);
this.pinnedAppsBox.add_child(label);
this._displayAppList(this.pinnedAppsArray, Constants.CategoryType.HOME_SCREEN, this.pinnedAppsGrid);
if(!this.pinnedAppsBox.contains(this.pinnedAppsGrid))
this.pinnedAppsBox.add_child(this.pinnedAppsGrid);
if(this.activeMenuItemSet)
this.activeMenuItem = this._frequentActiveItem;
}
}