src/Translator.php
public function getEditableLinksOnly()
    {
        $inplaceEditMode = $this->manager->config('inplace_edit_mode');
        if ($this->inPlaceEditing() && $inplaceEditMode == 2) {
            $keyDiv = '<div id="keys" style="padding:5px; padding-top:0; white-space: nowrap;">' . PHP_EOL . '<b>Keys</b><br>' . PHP_EOL;
            $textDiv = '<div id="keytexts" style="padding:5px; padding-top:0; white-space: nowrap;">' . PHP_EOL . '<b>Translations</b><br>' . PHP_EOL;

            $sorted = $this->usedKeys;
            sort($sorted);
            foreach ($sorted as $key) {
                $keyDiv .= $key . '<br>' . PHP_EOL;
                $textDiv .= $this->getInPlaceEditLink($key, [], $this->locale, $this->useDB) . '<br>' . PHP_EOL;
            }

            $keyDiv .= '</div>' . PHP_EOL;
            $textDiv .= '</div>' . PHP_EOL;

            // Top right corner button
            $translateButton = '<a href="#"><i class="fa fa-language" style="position: fixed; right: 5px; top: 5px; z-index:99999;"' . ' onclick="document.getElementById(\'transcontainer\').style.display = \'flex\';"></i></a>' . PHP_EOL;

            // Buttons
            $buttons = '<div style="display:flex; justify-content: flex-end;">' . PHP_EOL;
            $buttons .= '<div style="margin: 5px;"><a href="#" style="text-decoration: none;" onclick="window.location.reload(true);">' . '<i class="fa fa-btn fa-refresh" style="margin-right: 4px;"></i>' . $this->trans($this->package . '::messages.reload-page') . '</a></div>' . PHP_EOL;
            $buttons .= '<div style="margin: 5px;"><a href="#" style="text-decoration: none;"' . ' onClick="document.getElementById(\'transcontainer\').style.display = \'none\';"><i class="fa fa-btn fa-times" style="margin-right: 4px;"></i>' . $this->trans($this->package . '::messages.close') . '</a></div>' . PHP_EOL;
            $buttons .= '</div>' . PHP_EOL;

            // Translations
            $translations = '<div style="display:flex;">' . PHP_EOL;
            $translations .= $keyDiv . $textDiv;
            $translations .= '</div>' . PHP_EOL;

            $result = '<div id="transcontainer" style="display: none; position:fixed; top:0; height: 100%; width: 100%; align-items: center; justify-content:center; overflow: auto; z-index: 5" ><div id="transkeylist" class="transpopup">' . PHP_EOL . $buttons . $translations . '</div>' . PHP_EOL . '</div>' . PHP_EOL;
            return $result;
        }
        return null;
    }
public function getEditableLinksOnly()
    {
        $inplaceEditMode = $this->manager->config('inplace_edit_mode');
        if ($this->inPlaceEditing() && $inplaceEditMode == 2) {
            $keyDiv = '<div id="keys" style="padding:5px; padding-top:0; white-space: nowrap;">' . PHP_EOL . '<b>Keys</b><br>' . PHP_EOL;
            $textDiv = '<div id="keytexts" style="padding:5px; padding-top:0; white-space: nowrap;">' . PHP_EOL . '<b>Translations</b><br>' . PHP_EOL;

            $sorted = $this->usedKeys;
            sort($sorted);
            foreach ($sorted as $key) {
                $keyDiv .= $key . '<br>' . PHP_EOL;
                $textDiv .= $this->getInPlaceEditLink($key, [], $this->locale, $this->useDB) . '<br>' . PHP_EOL;
            }

            $keyDiv .= '</div>' . PHP_EOL;
            $textDiv .= '</div>' . PHP_EOL;

            // Top right corner button
            $translateButton = '<a href="#"><i class="fa fa-language" style="position: fixed; right: 5px; top: 5px; z-index:99999;"' . ' onclick="document.getElementById(\'transcontainer\').style.display = \'flex\';"></i></a>' . PHP_EOL;

            // Buttons
            $buttons = '<div style="display:flex; justify-content: flex-end;">' . PHP_EOL;
            $buttons .= '<div style="margin: 5px;"><a href="#" style="text-decoration: none;" onclick="window.location.reload(true);">' . '<i class="fa fa-btn fa-refresh" style="margin-right: 4px;"></i>' . $this->trans($this->package . '::messages.reload-page') . '</a></div>' . PHP_EOL;
            $buttons .= '<div style="margin: 5px;"><a href="#" style="text-decoration: none;"' . ' onClick="document.getElementById(\'transcontainer\').style.display = \'none\';"><i class="fa fa-btn fa-times" style="margin-right: 4px;"></i>' . $this->trans($this->package . '::messages.close') . '</a></div>' . PHP_EOL;
            $buttons .= '</div>' . PHP_EOL;

            // Translations
            $translations = '<div style="display:flex;">' . PHP_EOL;
            $translations .= $keyDiv . $textDiv;
            $translations .= '</div>' . PHP_EOL;

            $result = '<div id="transcontainer" style="display: none; position:fixed; top:0; height: 100%; width: 100%; align-items: center; justify-content:center; overflow: auto; z-index: 5" ><div id="transkeylist" class="transpopup">' . PHP_EOL . $buttons . $translations . '</div>' . PHP_EOL . '</div>' . PHP_EOL;
            return $result;
        }
        return null;
    }
Make the translation popup from used keys when rendering a page

@return string