JiRa web components

Project Select 

<jira-project-select selected="OLP" id="jira-project-select">

    <hr>
    <jira-project-card key="OLP"></jira-project-card>

    <hr>
    <jira-board-select project="" selected="" id="jira-board-select">

        <hr>
        <jira-board-panel bid="" id="jira-board-panel"></jira-board-panel>

    </jira-board-select>

    <script>
        addEventListener('DOMContentLoaded', function() {
            var boardSelect = document.getElementById('jira-board-select');
            boardSelect.$on('jira-board-selected', function(e) {
                console.log(e.detail);
                console.log(boardSelect.getBoard());
            });
        });
    </script>

</jira-project-select>

<script>
    addEventListener('DOMContentLoaded', function() {
        var projectSelect = document.getElementById('jira-project-select');
        projectSelect.$on('jira-project-selected', function(e) {
            console.log(e.detail);
            console.log(projectSelect.getProject());
        });
    });
</script>
 
<jira-project-select selected="{{selected}}" id="jira-project-select">
  {% if hasCard %}
    <hr>
    {%render "@project-card", {key: selected, id: false} %}
  {% endif %}
  {% if hasBoard %}
    <hr>
    {% render '@board-select', { project: '', hasPanel: true } %}
  {% endif %}
</jira-project-select>

<script>
  addEventListener('DOMContentLoaded', function() {
    var projectSelect = document.getElementById('jira-project-select');
    projectSelect.$on('jira-project-selected', function (e) {
      console.log(e.detail);
      console.log(projectSelect.getProject());
    });
  });
</script>
 
{
  "selected": "OLP",
  "hasCard": true,
  "hasBoard": true
}

There are no notes for this item.