MCM Alerts

by jeffgw

HTML

<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/[email protected]/dist/bootstrap-vue.css">
<script src="//unpkg.com/babel-polyfill/dist/polyfill.min.js"></script>
<script src="//unpkg.com/[email protected]/dist/vue.min.js"></script>
<script src="//unpkg.com/[email protected]/dist/bootstrap-vue.js"></script>
<div id="app">

<b-card-group deck>

  
  <b-card :header="alert.name" v-for="alert in alerts">
    <b-list-group>
      <b-list-group-item href="#"v-for="a in alert.data">{{a}}</b-list-group-item>

    </b-list-group>

  </b-card>
 

 
</b-card-group>



</div>

CSS

body { padding: 1rem; }

JavaScript

window.onload = () => {
  new Vue({
    el: '#app',
    data() {
      return {
        alerts:[{'name': 'ES Globex Sentiment', 'data': ['FAST Globex Sentiment Index potentially bouncing from extreme pessimism at 3278.50']}, {'name': 'INDU Cycles', 'data': ['CONFIRMED Cycle Support triggered on 16PtRange chart at 28806', 'CONFIRMED Cycle Resistance triggered on 16PtRange chart at 28906', 'bearish cycle impulse would be CANCELLED on 16PtRange chart with a breakout ABOVE 28855', 'CONFIRMED Sub cycle Support triggered on 16PtRange chart at 28736']}, {'name': 'NDX Cycles', 'data': ['bullish lower probability cycle impulse confirming on 18PtRange chart ABOVE 9076.50', 'bullish lower probability cycle impulse confirming on 18PtRange chart ABOVE 9076.50', 'bullish cycle impulse confirming on 18PtRange chart ABOVE 9076.50', 'potential bullish cycle impulse could trigger on 18PtRange chart ABOVE 9076.50', 'CONFIRMED Cycle Resistance  triggered on 18PtRange chart at 9076.50', 'CONFIRMED END Cycle Support  triggered on 18PtRange chart at 9061.25', 'bullish cycle impulse would be CANCELED on 18PtRange chart with a breakdown BELOW 9088.75', 'bullish cycle impulse confirming on 18PtRange chart ABOVE 9088.75', 'bullish cycle impulse confirming on 18PtRange chart ABOVE 9088.75', 'potential bullish cycle impulse could trigger on 18PtRange chart ABOVE 9088.75', 'CONFIRMED Bearish Retracement Cycle Resistance  triggered on 18PtRange chart at 9088.75']}, {'name': 'S&P500 Cycles', 'data': ['CONFIRMED Cycle Support  triggered on 6PtRange chart at 3281', 'CONFIRMED 3rd END Cycle Resistance  triggered on 6PtRange chart at 3292.75', 'bearish cycle impulse would be CANCELLED on 6PtRange chart with a breakout ABOVE 3287.25']}, {'name': 'TickTools S&P500', 'data': ['Yellow Seller Capitulation Bar triggered 1 min chart at 3275.25']}]
      }
    },
    watch: {
    },
    methods: {
      toggle() {
        console.log('Toggle button clicked')
        this.show = !this.show
      },
     ...