Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • W whats-open-web
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 11
    • Issues 11
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • SRCT
  • whats-open-web
  • Issues
  • #10

Closed
Open
Created Mar 19, 2017 by David Haynes@dhaynes3🙆Owner

Custom Alert Banner

Summary

Ideally we would like a system where we could publish an alert banner to display at the top of the page in the event of some major alert. This could be during special schedules, or a snow day, or when the JC closes 3/4 of all their restaurants. There should be a template of some kind that you can quickly modify and publish with potentially an expiration date attached. The alert could have an option on whether it should be collapsible by the user or not.

Helpful Links

I know nothing about Angular 2 that could help. But here's an example in from Bookshare kindly shared by Mark:

{% if messages %}
  {% for message in messages %}
  <div class="row">
    <div class="col-md-12">
      <div class="alert alert-{{ message.tags }} alert-dismissable text-center" style='font-size:14px' role="alert">
      <button type="button" class="close" data-dismiss="alert" aria-label="close"><span aria-hidden="true">&times;</span></button>
      <strong>{{ message }}</strong>
      </div>
    </div>
  </div>
  {% endfor %}
{% endif %}
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
Time tracking