aa5f18b234
* schema file undelete description * update with main * update with origin * update * create controller; hook up to badge_achievements * almost done with implementation * push up what I have * complete implementation; generalize snackbar usage * start writing tests * add confirmation text entry step to test * Fix delete via JS * implement danger notice for errors * complete cypress test * create ErrorAlert CustomEvent and implement * fix failing badge_achievements spec * start applying PR review changes * hook up Preact Modal * fix cypress tests * remove old comment Co-authored-by: Nick Taylor <nick@forem.com> * consolidate messaging functions Co-authored-by: Michael Kohl <citizen428@forem.com> Co-authored-by: Nick Taylor <nick@forem.com>
34 lines
1 KiB
JavaScript
34 lines
1 KiB
JavaScript
import { Controller } from 'stimulus';
|
|
|
|
export default class ErrorController extends Controller {
|
|
static targets = ['errorZone'];
|
|
|
|
closeErrorAlert() {
|
|
this.errorZoneTarget.innerHTML = '';
|
|
}
|
|
|
|
generateErrorAlert(event) {
|
|
const { errMsg } = event.detail;
|
|
|
|
this.errorZoneTarget.innerHTML = `
|
|
<div
|
|
class="crayons-notice crayons-notice--danger mb-3"
|
|
style="display:flex; justify-content:space-between;">
|
|
<div>${errMsg}</div>
|
|
<svg
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
className="crayons-icon"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
role="img"
|
|
aria-labelledby="714d29e78a3867c79b07f310e075e824"
|
|
data-action="click->error#closeErrorAlert"
|
|
>
|
|
<title id="714d29e78a3867c79b07f310e075e824">Close</title>
|
|
<path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z" />
|
|
</svg>
|
|
</div>
|
|
`;
|
|
}
|
|
}
|