JavaScript How can I switch out the content area on a page on a button click in the same area with Aurelia?

What do I need to add so that when a user clicks on the Current Period button, the entire area (which is shaded in the second image for clarity) is replaced with the content of the page controlled by periods.js and periods.html? I have already tried click.delegate (shown in second block of code below) and made other futile attempts. Any hints would be greatly appreciated. Feel free to tell me if more code needs shown. Thank you!

Here is the first image: How the page looks

Here is the second image: Area shaded

System.register([], function (_export) {
  'use strict';

  var History;

  var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();

  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }

  return {
    setters: [],
    execute: function () {
      History = (function () {
        function History() {
          _classCallCheck(this, History);

          this.heading = 'History';
        };

        return History;
      })();

      _export('History', History);
    }
  };
});
<template>
  <section class="au-animate">
    <h2>${heading}</h2>
    <br>
    <ul style="list-style-type:none">
      <li><button type="button" class="btn btn-info" style="margin:1px" click.delegate="dist/periods.js">Current Period</button></li>
    <br>
    <li><button type="button" class="btn btn-info" style="margin:1px">Past Period Mango</button></li>
    <li><button type="button" class="btn btn-info" style="margin:1px">Past Period Pommelo</button></li>
    <li><button type="button" class="btn btn-info" style="margin:1px">Past Period Kiwi</button></li>
    <li><button type="button" class="btn btn-info" style="margin:1px">Past Period Clementine</button></li>
    </ul>
  </section>
</template>
Answer:1

I'm using dynamodb npm to query dynamodb When I query as below, though I set limit as 12 items, It always returns 10 items TableDB .query(lang) .filter('users').in(['case1','case2']) ....

I'm using dynamodb npm to query dynamodb When I query as below, though I set limit as 12 items, It always returns 10 items TableDB .query(lang) .filter('users').in(['case1','case2']) ....

I have java script function which gives current lat long inside that function making an http post call like this "this.http.post" but the value of this null inside the function My code ngOnInit()...

I have java script function which gives current lat long inside that function making an http post call like this "this.http.post" but the value of this null inside the function My code ngOnInit()...

  1. c++ this pointer becomes null

I am trying to combine two queries in Mongoose into one. Right now, I'm doing this: User.find({ _id: req.body.userId }, (err, user) => { User.find({ username: decodedUser.username }, (err, ...

I am trying to combine two queries in Mongoose into one. Right now, I'm doing this: User.find({ _id: req.body.userId }, (err, user) => { User.find({ username: decodedUser.username }, (err, ...

  1. execute multiple queries in dbeaver
  2. execute multiple queries in python
  3. execute multiple queries in stored procedure
  4. execute multiple queries in mysql
  5. execute multiple queries in mysql php
  6. execute multiple queries in mysql python
  7. execute multiple queries in java
  8. execute multiple queries postgres
  9. execute multiple queries in oracle
  10. execute multiple queries in sqlite
  11. execute multiple queries in sql server
  12. execute multiple queries in c#
  13. execute multiple queries in hibernate
  14. execute multiple queries in one statement
  15. execute multiple queries in jdbc java
  16. execute multiple queries in php
  17. execute multiple queries in toad
  18. execute multiple queries in access
  19. execute multiple queries on a single connection c#
  20. execute multiple queries in talend

I used this script on Github and edited it a bit: https://gist.github.com/k0nsl/733955a3c3093832de49 Added a ping function over PHP which works fine. I also wanted to split my Servers into 2 tables, ...

I used this script on Github and edited it a bit: https://gist.github.com/k0nsl/733955a3c3093832de49 Added a ping function over PHP which works fine. I also wanted to split my Servers into 2 tables, ...