<head>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/searchpanes/1.0.1/css/searchPanes.bootstrap4.min.css">
<link rel="stylesheet" href="//cdn.datatables.net/select/1.3.1/css/select.bootstrap4.min.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>
<script src="//cdn.datatables.net/responsive/2.2.3/js/responsive.bootstrap4.min.js"></script>
<script src="//cdn.datatables.net/searchpanes/1.0.1/js/dataTables.searchPanes.min.js"></script>
<script src="//cdn.datatables.net/searchpanes/1.0.1/js/searchPanes.bootstrap4.min.js"></script>
<script src="//cdn.datatables.net/select/1.3.1/js/dataTables.select.min.js"></script>
<script src="//cdn.datatables.net/buttons/1.6.1/js/dataTables.buttons.min.js"></script>
</head>
<table id="ResultsTable" class="table table-striped table-bordered dataTable no-footer" role="grid" aria-describedby="ResultsTable_info">
<thead>
<tr role="row"><th class="sorting_asc" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Project Name: activate to sort column descending" style="width: 313px;">Project Name</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Type: activate to sort column ascending" style="width: 80px;">Type</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Component Name(s): activate to sort column ascending" style="width: 253px;">Component Name(s)</th><th class="sorting" tabindex="0" aria-controls="ResultsTable" rowspan="1" colspan="1" aria-label="Tags: activate to sort column ascending" style="width: 782px;">Tags</th></tr>
</thead>
<tbody>
<tr role="row" class="odd">
<td class="sorting_1">AutoSubmit</td>
<td>
<div class="badge badge-success">DLL</div> </td>
<td>AutoSubmit</td>
<td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Push">
<i class="fa fa-tag"></i> Push
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Submit">
<i class="fa fa-tag"></i> Submit
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Reassign">
<i class="fa fa-tag"></i> Reassign
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Notify">
<i class="fa fa-tag"></i> Notify
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Expiry">
<i class="fa fa-tag"></i> Expiry
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Scheduled">
<i class="fa fa-tag"></i> Scheduled
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Timed">
<i class="fa fa-tag"></i> Timed
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Terminate">
<i class="fa fa-tag"></i> Terminate
</a></td>
</tr><tr role="row" class="even">
<td class="sorting_1">FolderMonitor</td>
<td>
<div class="badge badge-success">EXE</div> </td>
<td>Folder asdd</td>
<td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Ftp">
<i class="fa fa-tag"></i> Ftp
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=folder">
<i class="fa fa-tag"></i> folder
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=monitoring">
<i class="fa fa-tag"></i> monitoring
</a></td>
</tr>
<tr role="row" class="even">
<td class="sorting_1">FolderMonitor</td>
<td>
<div class="badge badge-success">AXE</div> </td>
<td>Folder asdd</td>
<td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Ftp">
<i class="fa fa-tag"></i> Ftp
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=folder">
<i class="fa fa-tag"></i> folder
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=monitoring">
<i class="fa fa-tag"></i> monitoring
</a></td>
</tr>
<tr role="row" class="even">
<td class="sorting_1">FolderMonitor</td>
<td>
<div class="badge badge-success">AXE</div> </td>
<td>Folder asdd</td>
<td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Ftp">
<i class="fa fa-tag"></i> Ftp
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=folder">
<i class="fa fa-tag"></i> folder
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=monitoring">
<i class="fa fa-tag"></i> monitoring
</a></td>
</tr><tr role="row" class="even">
<td class="sorting_1">FolderMonitor</td>
<td>
<div class="badge badge-success">EXE</div> </td>
<td>Folder asdd</td>
<td><a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=Ftp">
<i class="fa fa-tag"></i> Ftp
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=folder">
<i class="fa fa-tag"></i> folder
</a>
<a class="badge badge-tag tag" data-toggle="tooltip" data-placement="top" title="Search for this tag in PS - PS TFS Current" data-delay="{"show":"500"}" href="/Search/Result?org=PS&repo=PS TFS Current&query=monitoring">
<i class="fa fa-tag"></i> monitoring
</a></td>
</tr></tbody>
</table>
body {
font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #333;
background-color: #fff;
}
.tag a{
color: #000;
font-weight: normal;
text-decoration: none;
}
.badge-tag {
background-color: #ffc107 !important;
color: #23282c !important;
}
$(document).ready( function () {
var table = $('#ResultsTable').DataTable({
searchPanes: {
layout: "columns-4",
columns: [ 0,1],
cascadePanes: true,
dataLength: 45,
dtOpts:{
order:[[0,'desc'],[1,'asc']]
}
},
"columns": [
null,
null,
null,
null,
],
dom: 'Pfrtip',
});
} );
You can jump to the latest bin by adding /latest
to your URL
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + [ | Indents selected lines |
ctrl + ] | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Clone Bin |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |