item.ejs 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <td class="text-center">
  2. <div class="avatar d-block" style="background-image: url(<%- (owner && owner.avatar) || '/images/default-avatar.jpg' %>)" title="Owned by <%- (owner && owner.name) || 'a deleted user' %>">
  3. <span class="avatar-status <%- owner && !owner.is_disabled ? 'bg-green' : 'bg-red' %>"></span>
  4. </div>
  5. </td>
  6. <td>
  7. <div class="text-monospace">
  8. <%- incoming_port %>
  9. </div>
  10. <div class="small text-muted">
  11. <%- i18n('str', 'created-on', {date: formatDbDate(created_on, 'Do MMMM YYYY')}) %>
  12. </div>
  13. </td>
  14. <td>
  15. <div class="text-monospace"><%- forwarding_host %>:<%- forwarding_port %></div>
  16. </td>
  17. <td>
  18. <div>
  19. <% if (certificate) { %>
  20. <span class="tag"><%- i18n('streams', 'tcp+ssl') %></span>
  21. <% }
  22. else if (tcp_forwarding) { %>
  23. <span class="tag"><%- i18n('streams', 'tcp') %></span>
  24. <% }
  25. if (udp_forwarding) { %>
  26. <span class="tag"><%- i18n('streams', 'udp') %></span>
  27. <% } %>
  28. </div>
  29. </td>
  30. <td>
  31. <div><%- certificate && certificate_id ? i18n('ssl', certificate.provider) : i18n('all-hosts', 'none') %></div>
  32. </td>
  33. <td>
  34. <%
  35. var o = isOnline();
  36. if (!enabled) { %>
  37. <span class="status-icon bg-warning"></span> <%- i18n('str', 'disabled') %>
  38. <% } else if (o === true) { %>
  39. <span class="status-icon bg-success"></span> <%- i18n('str', 'online') %>
  40. <% } else if (o === false) { %>
  41. <span title="<%- getOfflineError() %>"><span class="status-icon bg-danger"></span> <%- i18n('str', 'offline') %></span>
  42. <% } else { %>
  43. <span class="status-icon bg-warning"></span> <%- i18n('str', 'unknown') %>
  44. <% } %>
  45. </td>
  46. <% if (canManage) { %>
  47. <td class="text-right">
  48. <div class="item-action dropdown">
  49. <a href="#" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
  50. <div class="dropdown-menu dropdown-menu-right">
  51. <span class="dropdown-header"><%- i18n('audit-log', 'stream') %> #<%- id %></span>
  52. <a href="#" class="edit dropdown-item"><i class="dropdown-icon fe fe-edit"></i> <%- i18n('str', 'edit') %></a>
  53. <a href="#" class="able dropdown-item"><i class="dropdown-icon fe fe-power"></i> <%- i18n('str', enabled ? 'disable' : 'enable') %></a>
  54. <div class="dropdown-divider"></div>
  55. <a href="#" class="delete dropdown-item"><i class="dropdown-icon fe fe-trash-2"></i> <%- i18n('str', 'delete') %></a>
  56. </div>
  57. </div>
  58. </td>
  59. <% } %>