support.tpl 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. {include file='admin/tabler_header.tpl'}
  2. <div class="page-wrapper">
  3. <div class="container-xl">
  4. <div class="page-header d-print-none text-white">
  5. <div class="row align-items-center">
  6. <div class="col">
  7. <h2 class="page-title">
  8. <span class="home-title">客服设置</span>
  9. </h2>
  10. <div class="page-pretitle my-3">
  11. <span class="home-subtitle">设置站点的客服系统</span>
  12. </div>
  13. </div>
  14. <div class="col-auto ms-auto d-print-none">
  15. <div class="btn-list">
  16. <a id="save-setting" href="#" class="btn btn-primary">
  17. <i class="icon ti ti-device-floppy"></i>
  18. 保存
  19. </a>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="page-body">
  26. <div class="container-xl">
  27. <div class="row row-deck row-cards">
  28. <div class="col-md-12">
  29. <div class="card">
  30. <div class="card-header">
  31. <ul class="nav nav-tabs card-header-tabs" data-bs-toggle="tabs">
  32. <li class="nav-item">
  33. <a href="#support" class="nav-link active" data-bs-toggle="tab">网页客服系统</a>
  34. </li>
  35. </ul>
  36. </div>
  37. <div class="card-body">
  38. <div class="tab-content">
  39. <div class="tab-pane active show" id="support">
  40. <div class="card-body">
  41. <div class="form-group mb-3 row">
  42. <label class="form-label col-3 col-form-label">客服系统提供商</label>
  43. <div class="col">
  44. <select id="live_chat" class="col form-select" value="{$settings['live_chat']}">
  45. <option value="none" {if $settings['live_chat'] == "none"}selected{/if}>无</option>
  46. <option value="tawk" {if $settings['live_chat'] == "tawk"}selected{/if}>Tawk</option>
  47. <option value="crisp" {if $settings['live_chat'] == "crisp"}selected{/if}>Crisp</option>
  48. <option value="livechat" {if $settings['live_chat'] == "livechat"}selected{/if}>LiveChat</option>
  49. <option value="mylivechat" {if $settings['live_chat'] == "mylivechat"}selected{/if}>MyLiveChat</option>
  50. </select>
  51. </div>
  52. </div>
  53. <div class="form-group mb-3 row">
  54. <label class="form-label col-3 col-form-label">Tawk ID</label>
  55. <div class="col">
  56. <input id="tawk_id" type="text" class="form-control" value="{$settings['tawk_id']}">
  57. </div>
  58. </div>
  59. <div class="form-group mb-3 row">
  60. <label class="form-label col-3 col-form-label">Crisp ID</label>
  61. <div class="col">
  62. <input id="crisp_id" type="text" class="form-control" value="{$settings['crisp_id']}">
  63. </div>
  64. </div>
  65. <div class="form-group mb-3 row">
  66. <label class="form-label col-3 col-form-label">LiveChat ID</label>
  67. <div class="col">
  68. <input id="livechat_id" type="text" class="form-control" value="{$settings['livechat_id']}">
  69. </div>
  70. </div>
  71. <div class="form-group mb-3 row">
  72. <label class="form-label col-3 col-form-label">MyLiveChat ID</label>
  73. <div class="col">
  74. <input id="mylivechat_id" type="text" class="form-control" value="{$settings['mylivechat_id']}">
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. <script>
  86. $("#save-setting").click(function() {
  87. $.ajax({
  88. url: '/admin/setting/support',
  89. type: 'POST',
  90. dataType: "json",
  91. data: {
  92. {foreach $update_field as $key}
  93. {$key}: $('#{$key}').val(),
  94. {/foreach}
  95. },
  96. success: function(data) {
  97. if (data.ret == 1) {
  98. $('#success-message').text(data.msg);
  99. $('#success-dialog').modal('show');
  100. } else {
  101. $('#fail-message').text(data.msg);
  102. $('#fail-dialog').modal('show');
  103. }
  104. }
  105. })
  106. });
  107. </script>
  108. {include file='admin/tabler_footer.tpl'}