goals.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <div class="bx-analytics-goals">
  2. <bx_if:goals>
  3. <ul class="bx-analytics-cards">
  4. <bx_repeat:goals>
  5. <li class="bx-analytics-card">
  6. <div class="bx-analytics-card-head">
  7. <span class="bx-analytics-card-title">__name__</span>
  8. <span class="bx-analytics-badge">__type__</span>
  9. </div>
  10. <span class="bx-analytics-card-sub">__pattern__</span>
  11. <div class="bx-analytics-card-figures">
  12. <span class="bx-analytics-kpi-value">__rate__</span>
  13. <span class="bx-analytics-kpi-change bx-analytics-trend-__trend__">__change__</span>
  14. </div>
  15. <span class="bx-analytics-card-sub">__conversions__</span>
  16. <div class="bx-analytics-meter" aria-hidden="true"><span style="width: __bar__%"></span></div>
  17. <bx_if:actions>
  18. <div class="bx-analytics-card-actions">
  19. <button type="button" class="bx-analytics-link-btn" data-bx-analytics-open="edit_goal" data-bx-analytics-value="__id__">__edit__</button>
  20. <button type="button" class="bx-analytics-link-btn bx-analytics-danger" data-bx-analytics-action="goal" data-bx-analytics-op="delete" data-bx-analytics-id="__id__" data-bx-analytics-confirm="__confirm__" data-bx-analytics-csrf="__csrf__">__delete__</button>
  21. </div>
  22. </bx_if:actions>
  23. </li>
  24. </bx_repeat:goals>
  25. </ul>
  26. </bx_if:goals>
  27. <bx_if:empty>
  28. <div class="bx-analytics-empty">__empty__</div>
  29. </bx_if:empty>
  30. <bx_if:add>
  31. <button type="button" class="bx-analytics-add-btn" data-bx-analytics-open="edit_goal" data-bx-analytics-value="new">__add__</button>
  32. </bx_if:add>
  33. <bx_if:form>
  34. <form class="bx-analytics-form" data-bx-analytics-form="goal" novalidate>
  35. <h3 class="bx-analytics-subtitle">__form_title__</h3>
  36. <input type="hidden" name="id" value="__form_id__" />
  37. <input type="hidden" name="csrf_token" value="__form_csrf__" />
  38. <label class="bx-analytics-field">
  39. <span class="bx-analytics-control-label">__label_name__</span>
  40. <input type="text" name="name" value="__form_name__" maxlength="128" required class="bx-def-font-inputs bx-form-input-text" />
  41. </label>
  42. <label class="bx-analytics-field">
  43. <span class="bx-analytics-control-label">__label_type__</span>
  44. <select name="type" class="bx-def-font-inputs bx-form-input-select">
  45. <option value="page" __page_selected__>__type_page__</option>
  46. <option value="event" __event_selected__>__type_event__</option>
  47. </select>
  48. </label>
  49. <label class="bx-analytics-field bx-analytics-field-wide">
  50. <span class="bx-analytics-control-label">__label_pattern__</span>
  51. <input type="text" name="pattern" value="__form_pattern__" maxlength="255" required class="bx-def-font-inputs bx-form-input-text" />
  52. <span class="bx-analytics-hint">__hint__</span>
  53. </label>
  54. <p class="bx-analytics-form-error" role="alert" hidden></p>
  55. <div class="bx-analytics-form-actions">
  56. <button type="submit" class="bx-btn bx-btn-primary bx-btn-small">__save__</button>
  57. <button type="button" class="bx-btn bx-btn-small" data-bx-analytics-open="edit_goal" data-bx-analytics-value="">__cancel__</button>
  58. </div>
  59. </form>
  60. </bx_if:form>
  61. </div>