1662510 - Add ability to download TBX and TMX files from dashboards

Status: RESOLVED FIXED

(Webtools Graveyard :: Pontoon, enhancement, P3)

Description

[Matjaz Horvat [:mathjazz]]

One can only download Terminology (.tbx) and Translation Memory (.tmx) files from the translation workbench. Let's also make these downloads available on Team (/{locale}/) and Localization (/{locale}/{project}/) dashboards.

I'll attach UI mockups.

Comment 1

[Matjaz Horvat [:mathjazz]]

Attachment: Closed state

Comment 2

[Matjaz Horvat [:mathjazz]]

Attachment: Opened state

Comment 3

[Matjaz Horvat [:mathjazz]]

Please see the attached screenshots for the exact UI.

I'm also adding HTML and CSS.

Note that the class names are generic and should cause the selector to JustWork™, without making any changes to JS.

<div class="download-selector select">
    <div class="button selector">
        <i class="fa fa-cloud-download-alt"></i>
    </div>
    <div class="menu">
        <ul>
            <li>
                <a href="/terminology/de.tbx">Download Terminology</a>
            </li>
            <li>
                <a href="/de/firefox/de.firefox.tmx">Download Translation Memory</a>
            </li>
        </ul>
    </div>
</div>

.download-selector {
    float: right;
}

.download-selector .selector {
    padding-right: 0;
    padding-top: 0;
}

.download-selector .selector .i {
    float: right;
    background: #3f4752;
    border-radius: 2px;
    box-sizing: border-box;
    color: #AAA;"
    font-size: 16px;
    height: 32px;
    width: 32px;
    padding-top: 8px;
    text-align: center;
}

.download-selector.opened .selector .i {
    background: #272a2f;
    border-radius: 2px 2px 0 0;
}

.download-selector.opened .menu {
    display: block;
    top: 32px;
    right: 0px;
    bottom: auto;
    width: 220px;
}

Comment 4

[GitHub Bugzilla PR Linker]

Attachment: Link to GitHub pull-request: https://github.com/mozilla/pontoon/pull/1681