Skip to content

Instantly share code, notes, and snippets.

@cat-in-136

cat-in-136/view-customize-31989-workaround.html

Last active November 3, 2019 02:10
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save cat-in-136/d7119a6cb521f73956b772095b6db9f4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save cat-in-136/d7119a6cb521f73956b772095b6db9f4 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. cat-in-136 renamed this gist Nov 3, 2019. 1 changed file with 0 additions and 0 deletions.
    0 view-customize.html → view-customize-31989-workaround.html
    View file
    File renamed without changes.
  2. cat-in-136 created this gist Nov 3, 2019.
    63 changes: 63 additions & 0 deletions view-customize.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,63 @@
    <script src="https://unpkg.com/[email protected]/dist/tribute.min.js"></script>
    <link type="text/css" href="https://unpkg.com/[email protected]/dist/tribute.css" rel="stylesheet">
    <script>
    //<![CDATA[
    function inlineAutoComplete(element) {
    'use strict';
    // do not attach if Tribute is already initialized
    if (element.dataset.tribute === 'true') {return;}

    const issuesUrl = element.dataset.issuesUrl;
    const usersUrl = element.dataset.usersUrl;

    const remoteSearch = function(url, cb) {
    const xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function ()
    {
    if (xhr.readyState === 4) {
    if (xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    cb(data);
    } else if (xhr.status === 403) {
    cb([]);
    }
    }
    };
    xhr.open("GET", url, true);
    xhr.send();
    };

    const tribute = new Tribute({
    trigger: '#',
    values: function (text, cb) {
    remoteSearch(issuesUrl + text, function (issues) {
    return cb(issues);
    });
    },
    lookup: 'label',
    fillAttr: 'label',
    requireLeadingSpace: true,
    selectTemplate: function (issue) {
    return '#' + issue.original.id;
    }
    });

    tribute.attach(element);
    }


    $(document).on('focus', '.wiki-edit', function(event) {
    $(this).attr({'data-auto-complete': 'true', 'data-issues-url': '/issues/auto_complete?project_id' + ViewCustomize.context.project.identifier + '&q='});
    inlineAutoComplete(event.target);
    });
    //]]>
    </script>
    <style>
    .tribute-container ul {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    }
    .tribute-container li.highlight {background-color: #759FCF; color:#fff;}
    </style>