JSFiddle - React, Tailwind, and code Playground
by igor_nov
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="content">
test
</div>
JavaScript
var jobDetailsMap ={};
jobDetailsMap.id = 5;
var href_resubmit = '/vector/submission?ecosystem='+jobDetailsMap['ecosystem']+'&build_from_job=' + jobDetailsMap['id'];
var href_restart = '/vector/restartDriver?job_id=' + jobDetailsMap['id'];
var href_restart_images = '/vector/restartImages?job_id=' + jobDetailsMap['id'];
var href_stop = '/vector/stopJob?job_id=' + jobDetailsMap['id'];
var href_rip = '/vector/shutdownJob?job_id=' + jobDetailsMap['id'];
var drop_down = $('<div class="btn-group">\
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">\
<span class="glyphicon glyphicon-cog"></span>\
</button>\
<ul class="dropdown-menu" role="menu">\
<li class="resubmit_btn">\
<a href="'+href_resubmit+'"><span class="glyphicon glyphicon-repeat"></span> Resubmit</a>\
</li>\
<li class="restart_btn">\
<a href="'+href_restart+'" target="_blank"><span class="glyphicon glyphicon-refresh"></span> Restart Driver</a>\
</li>\
<li class="restart_images_btn">\
<a href="'+href_restart_images+'" target="_blank"><span class="glyphicon glyphicon-refresh"></span> Restart Images</a>\
</li>\
<li class="stop_btn">\
<a href="'+href_stop+'"><span class="glyphicon glyphicon-stop"></span> Stop</a>\
</li>\
<li class="rip_btn">\
<a href="'+href_rip+'" target="_blank"><span class="glyphicon glyphicon-stop"></span> R.I.P.</a>\
...