https://mobifonts.org/assets/js/generator-names.js

1    $(document).ready(function() {
2        initGeneratorSymbols();
3        ////////////////////////////
4        $(".symbolBox").on("click",function(e){
5          e.preventDefault();
6          var putid = $(this).closest(".input-group").find("input.form-control").attr("id");
7          var puttext = $(this).closest(".input-group").find("input.form-control").attr("placeholder");
8          $('#symbolTextModal').modal('show');
9          $("#symbolTextModal").attr("data-putid",putid);
10          $("#symbolTextModal").find(".modal-title").text(puttext);
11          buildSelectBoxSymbol("#boxSymbol","symboltext");
12        });
13        ////////////////////////////////////////////////
14        if (window.history && window.history.pushState) {
15          $('#symbolTextModal').on('show.bs.modal', function (e) {
16              window.history.pushState('forward', null, '#symbols');
17          });
18
19          $(window).on('popstate', function () {
20              $('#symbolTextModal').modal('hide');
21          });
22        }
23    });
24
25    function buildSelectBoxSymbol(element,sid){
26        if ($("div#" + sid).length === 0){
27            $.getJSON( "/assets/json/textsymbols.json?v=25102024", function( data ) {
28                var $select = $('<div id="'+sid+'">');
29                $(element).html($select);
30                $.each(data, function(i, optgroups) {
31                  $.each(optgroups, function(groupName, options) {
32                      var $optgroup = $("<div>", {html: "<span class=\"btn btn-success d-block\">" + groupName + "</span>","level": i,"class":"dbox box-"+i+""});
33                      $optgroup.appendTo($select);
34
35                      $.each(options, function(j, option) {
36                          var $option = $("<div>", {html: option.name, "data-value": option.id, "class": "one_generated_variant"});
37                          $optgroup.append($option);
38                      });
39                  });
40                });
41            });
42        }
43        $(document).on("click","#boxSymbol div.one_generated_variant", function(event){
44            event.preventDefault();
45            var putid = $("#symbolTextModal").attr("data-putid");
46            var symboltext = $(this).attr("data-value");
47            $("#"+putid).val(symboltext);
48            $('#symbolTextModal').modal('hide');
49        });
50    }