Add support for links in text with drop-down menus

Author: tseykovets

CHANGELOG.md

@@ -6,6 +6,7 @@
 
 * URQL interpreter:
 	+ Added: UTF-8 encoding support for games and plugins.
+	+ Added: Ability to add a drop-down menu with a list of actions to links in the text and hide individual menu items depending on the values ??of special variables.
 	+ Added: Ability to execute JavaScript code from URQL code and retrieve its result using the javascript system variable.
 	+ Added: Ability to read any file from the game package and get its contents as text using the fileread system variable.
 	+ Added: System variables image_caption, time, date (only when urq_mode specific rules are absent), urqw_title, urqw_game_ifid, urqw_game_lang, urqw_version.

css/style.css

@@ -54,7 +54,7 @@ div.clearfix + div,
     margin: 5px 0;
     max-width: 100%;
     box-sizing: border-box;
-    border: 1px solid currentColor; /* Рамка цвета текста */
+    border: 1px solid currentColor; /* Text color frame */
     padding: 10px;
     border-radius: 5px;
 }
@@ -128,6 +128,18 @@ div.clearfix + div,
 }
 
 
+/* Drop-down menu links */
+
+.dropdownmenulinks > ul.dropdown-menu > li {
+    padding: 3px 20px;
+    color: #939191;
+}
+
+.dropdownmenulinks > ul.dropdown-menu > li > a {
+    padding: 0;
+}
+
+
 /** footer */
 
 html {

js/Client.js

@@ -392,7 +392,7 @@ var ul = $('<ul role="presentation" class="dropdown-menu">');
  * @param {int} action
  */
 Client.prototype.convertToLink = function(text, action) {
-    return "<a data-action='" + action + "' class='button' href='#'>" + text + "</a>";
+    return '<a data-action="' + action + '" class="button" href="#">' + text + '</a>';
 };
 
 /**

js/Parser.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (C) 2015, 2018 Akela <akela88@bk.ru>
+ * Copyright (C) 2015, 2017, 2018 Akela <akela88@bk.ru>
  * Copyright (C) 2025 Nikita Tseykovets <tseikovets@rambler.ru>
  * This file is part of UrqW.
  * SPDX-License-Identifier: GPL-2.0-or-later
@@ -245,8 +245,47 @@ Parser.prototype.openLinks = function(line) {
 
             if (exp.indexOf('|') > 0) {
                 var exptmp = exp.split('|');
-                command = exptmp.slice(1).join('|').trim();
+                command = exptmp[1].trim();
                 text = exptmp[0].trim();
+
+                // Link with drop-down menu
+                if ((exp.match(/\|/g) || []).length > 1) {
+                    var command2 = exptmp[2].split(',');
+
+                    var links = [];
+                    var action = '';
+                    var label;
+                    for (var i = 0; i < command2.length; i++) {
+                        label = command + '_' + command2[i].trim();
+                        if (Game.getVar('hide_' + label) > 0) {
+                            continue;
+                        }
+                        if (Game.getLabel(label)) {
+                            action = label;
+                        } else {
+                            action = '';
+                            // The label was not found, so there is no such action.
+                            // You can execute something here, for example:
+                            // action = `pln You cannot ${command2[i].trim()} ${command}!`;
+                        }
+
+                        var actionNum = GlobalPlayer.link(action);
+                        links.push(`<li><a data-action="${actionNum}" class="button" href="#">${command2[i].replace(/_/g, ' ').trim()}</a></li>`);
+                    }
+
+                    if (links.length == 0) {
+                        return text;
+                    } else {
+                        return '<span class="dropdown dropdownmenulinks">' +
+                            '<a href="#" class="dropdown dropdown-toggle" type="button" id="dropdownMenu' + actionNum + '" data-toggle="dropdown">' +
+                            text +
+                            '</a>' +
+                            '<ul class="dropdown-menu">' +
+                            links.join('') +
+                            '</ul>' +
+                            '</span>';
+                    }
+                }
             } else {
                 command = exp.trim();
                 text = exp;

md/ru/other/changelog.md

@@ -6,6 +6,7 @@
 
 * Интерпретатор URQL:
 	+ Добавлено: Поддержка кодировки UTF-8 для игр и плагинов.
+	+ Добавлено: Возможность добавить ссылкам в тексте выпадающее меню со списком действий и скрывать отдельные пункты меню в зависимости от значений специальных переменных.
 	+ Добавлено: Возможность выполнить код JavaScript из кода URQL и получить его результат с помощью системной переменной javascript.
 	+ Добавлено: Возможность прочитать любой файл из пакета игры и получить его содержимое как текст с помощью системной переменной fileread.
 	+ Добавлено: Системные переменные image_caption, time, date (только при отсутствии специальных правил urq_mode), urqw_title, urqw_game_ifid, urqw_game_lang, urqw_version.