ds_http_settings.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <div class="gf-form-group">
  2. <h3 class="page-heading">Http settings</h3>
  3. <div class="gf-form-inline">
  4. <div class="gf-form max-width-30">
  5. <span class="gf-form-label width-7">Url</span>
  6. <input class="gf-form-input" type="text"
  7. ng-model='current.url' placeholder="{{suggestUrl}}"
  8. bs-typeahead="getSuggestUrls" min-length="0"
  9. ng-pattern="/^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/" required></input>
  10. <info-popover mode="right-absolute">
  11. <p>Specify a complete HTTP url (for example http://your_server:8080)</p>
  12. <span ng-show="current.access === 'direct'">
  13. Your access method is <em>Direct</em>, this means the url
  14. needs to be accessable from the browser.
  15. </span>
  16. <span ng-show="current.access === 'proxy'">
  17. Your access method is currently <em>Proxy</em>, this means the url
  18. needs to be accessable from the grafana backend.
  19. </span>
  20. </info-popover>
  21. </div>
  22. </div>
  23. <div class="gf-form-inline">
  24. <div class="gf-form max-width-30">
  25. <span class="gf-form-label width-7">Access</span>
  26. <div class="gf-form-select-wrapper gf-form-select-wrapper--has-help-icon max-width-24">
  27. <select class="gf-form-input" ng-model="current.access" ng-options="f for f in ['direct', 'proxy']"></select>
  28. <info-popover mode="right-absolute">
  29. Direct = url is used directly from browser<br>
  30. Proxy = Grafana backend will proxy the request
  31. </info-popover>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="gf-form-inline">
  36. <div class="gf-form">
  37. <label class="gf-form-label width-7">Http Auth</label>
  38. </div>
  39. <gf-form-switch class="gf-form"
  40. label="Basic Auth"
  41. checked="current.basicAuth" switch-class="max-width-6">
  42. </gf-form-switch>
  43. <gf-form-switch class="gf-form"
  44. label="With Credentials"
  45. checked="current.withCredentials" switch-class="max-width-6">
  46. </gf-form-switch>
  47. </div>
  48. <div class="gf-form" ng-if="current.basicAuth">
  49. <span class="gf-form-label width-7">
  50. User
  51. </span>
  52. <input class="gf-form-input max-width-21" type="text" ng-model='current.basicAuthUser' placeholder="user" required></input>
  53. </div>
  54. <div class="gf-form" ng-if="current.basicAuth">
  55. <span class="gf-form-label width-7">
  56. Password
  57. </span>
  58. <input class="gf-form-input max-width-21" type="password" ng-model='current.basicAuthPassword' placeholder="password" required></input>
  59. </div>
  60. </div>