confirm_modal.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <div class="modal-body" ng-cloak>
  2. <div class="modal-header">
  3. <h2 class="modal-header-title">
  4. <icon name="'{{icon}}'" size="'lg'"></icon>
  5. <span class="p-l-1">
  6. {{title}}
  7. </span>
  8. </h2>
  9. <a class="modal-header-close" ng-click="dismiss();">
  10. <icon name="'times'"></icon>
  11. </a>
  12. </div>
  13. <div class="modal-content text-center">
  14. <div class="confirm-modal-text">
  15. {{text}}
  16. <div ng-if="text2 && text2htmlBind" class="confirm-modal-text2" ng-bind-html="text2"></div>
  17. <div ng-if="text2 && !text2htmlBind" class="confirm-modal-text2">{{text2}}</div>
  18. </div>
  19. <div class="modal-content-confirm-text" ng-if="confirmText">
  20. <input
  21. type="text"
  22. class="gf-form-input width-16"
  23. style="display: inline-block;"
  24. placeholder="Type {{confirmText}} to confirm"
  25. ng-model="confirmInput"
  26. ng-change="updateConfirmText(confirmInput)"
  27. />
  28. </div>
  29. <div class="confirm-modal-buttons">
  30. <button ng-show="onAltAction" type="button" class="btn btn-primary" ng-click="dismiss();onAltAction();">
  31. {{altActionText}}
  32. </button>
  33. <button
  34. ng-show="onConfirm"
  35. type="button"
  36. class="btn btn-danger"
  37. ng-click="onConfirm();dismiss();"
  38. ng-disabled="!confirmTextValid"
  39. give-focus="true"
  40. aria-label="{{selectors.delete}}"
  41. >
  42. {{yesText}}
  43. </button>
  44. <button type="button" class="btn btn-inverse" ng-click="dismiss()">{{noText}}</button>
  45. </div>
  46. </div>
  47. </div>