JSFiddle - React, Tailwind, and code Playground

by ernestohs

HTML

<script src="https://pa.dev.archivecloud.net/jquery.js"></script>
<link rel="stylesheet" href="https://pa.dev.archivecloud.net/EPA/css/StrucStyles.css">
<link rel="stylesheet" href="https://pa.dev.archivecloud.net/EPA/css/Branding/Default/VisualStyle.css">
<script src="https://pa.dev.archivecloud.net/js/plugins/jquery.menu.js"></script>
<button name="optionsTags" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon ui-button-text-icons ui-roundbutton-middle fg-menu-open" tabindex="0" role="button" aria-disabled="false" aria-haspopup="true" style="" handler="first"><div class="ui-roundbutton-left"></div><span class="ui-button-icon-primary ui-icon ui-icon-circle-check"></span><span class="ui-button-text">Tags</span><span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-smb"></span><div class="ui-roundbutton-right"></div></button>

JavaScript

$('button').menu({
    prebuildHidden: false,
    content: '<div class=".ui-widget" id="saved-tags" style="overflow:hidden"><ul><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-check" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-current">Tag current page</span></a></li><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-check" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-all-mails">Tag all emails</span></a></li><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-check" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px;" id="cmd-tag-all-results">Tag all results</span></a></li><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-check" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-selected">Tag selected Emails</span></a></li><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-zoomin" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-delete">Delete Tag</span></a></li><li><a href="#" class="ui-button ui-button-text-icon" style="display:none;"><span class="ui-icon ui-icon-circle-zoomin" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-delete-selected">Remove Tag from selected message</span></a></li><li><a href="#" class="ui-button ui-button-text-icon"><span class="ui-icon ui-icon-circle-zoomout" style="margin-left:0px;"/><span style="text-align:left; padding-left:23px" id="cmd-tag-update">Update Tag</span></a></li><li><input id="search-saved-tags" type="text" style="width:96%;display:none"/></li><li><span id="loading-saved-tags" class="loading" style="display: block; text-align: left; vertical-align: middle; border: 3px;height:16px"/></li><li><ul...