Gmail-2-Trello Chrome Extension

Gmail+Trello integration. add google mail to Trello cards with text, backlinks, and attachments..
A free tool that provides an extra button on the gmail ui to add the current google mail you're reading to a Trello card with text, backlinks and attachments.

Was previously published as "Gmail-to-Trello" in the chrome web store.

Was rated 4.8+ stars out of 5!

Had over 40,000+ daily active users!

This is the exact same codebase and support board—and we've been able to post some new features you've needed!

=== Development and Support Board here for feature/bug submitting and voting: https://g2t.support ===

=== New features! ===

* Now adds gmail recipients (To/CC) to card data

* Now remembers 100 board, list, and cards you last added an email to!

=== main features ===

* Add a button "add new card" into Gmail's toolbar

* handles uploading images and Attachments!

* detect email opening mode, also the most visible email in current thread

* Extract email's title, body, timestamp, also reduce text's complexity

* User can choose which list, board or organization will contain the new card

* User can assign him/herself to the new card

* Current email can be easily looked up later via a direct link, or searching (useful for group collaboration)

* Can set labels

* Can set due date

* authorized via trello account

* Support both simple and split layout ("Preview Panel" in lab/Outlook-like)

* User can pick up another emails in thread while popup is opening, or reopen popup again to detect and extract email's content again

* Popup is resizable, draggable

* "Report" button automates posting issues to community board at https://g2t.support

=== 2.8.7.001@2021-12-05 ===

* got new api key with allowed origins.

=== 2.8.6.006@2021-06-15 ===

* mouseDown for main version getselectedtext works instead of click

=== 2.8.6.004@2021-05-11 ===

* g2t main button not popping. Stricter adherence to styles required.

=== 2.8.6.004@2021-03-04 ===

* Doesn't respect crlfs in email

=== 2.8.6.003@2021-02-22 ===

* Extra logic to process "me" name (still won't work first time due to when we refresh trello username on popup first reveal)

* due date pull-down doesn't populate fields (need to use $(event.target) not $(this))

=== 2.8.6.002@2021-02-22 ===

* update hover text

* Body in cards not coming over

* Updated selectors and selector logic to reference within context of code

=== 2.8.6.001@2021-02-08 ===

* make spacebar also highlight/deselect Labels and Assign

* automatically select attachments, when present (but not Images)

* Allow submitting to Trello with no Body (title still required)

* Use off("change") trick to keep script from getting called twice

=== 2.8.5.018@2021-01-29 ===

* user reports clicking markdown/Gmail-links/recipients clears body and doesn't return - confirmed, found really good bug, fixed

=== 2.8.5.017@2021-01-04 ===

* update formatting of backlinks

* iterate fields instead of setting directly

* Change To: me to Trello ID name

=== 2.8.5.016@2020-12-29 ===

* Return CCs from gmailview via body_raw, body_md

* ccs checkbox respected

* "Recipients" used instead of To/CC

=== 2.8.5.015@2020-12-02 ===

* Collect CCs

* Convert CCs to md

=== 2.8.5.014@2020-11-18 ===

* Use more calculated .ui-autocomplete value

* fix highlighting of labels with mouseover--typo: g2tLabel ≠ g2tLabels

=== 2.8.5.013@2020-10-25 ===

* Where/List/Card overflow: auto to show scrollbar when long list set .ui-autocomplete max-height to 60% screen

=== 2.8.5.012@2020-10-18 ===

* gmail changed class for mail body from '.a3s.aXjCH' to '.a3s.aiL'

=== 2.8.5.011@2020-09-04 ===

* add 33px margin to the popupMsg so it will not appear over the popup titlebar.

=== 2.8.5.010@2020-09-03 ===

* Fix for buttons highlighting outward instead of inward from @KS-CleverCopter

=== 2.8.5.009@2020-08-12 ===

* add base64 default image if avatarUrl is missing

* Add avatar_generic_30x30.png if avatarUrl is missing

* Updates to minimizing and resizing from @KS-CleverCopter

=== 2.8.5.008@2020-07-18 ===

* make due shortcuts reset when picking "--" even when it's selected

* Change manifest to '*.trello.com' to support api.trello.com, api-gateway.trello.com

* Add '*.gstatic.com' to manifest for googleusercontent

=== 2.8.5.007@2020-07-15 ===

* @KS-CleverCopter fix for images hover clipping, Where: a few pixels misaligned

* Change "+Trello!" to "-> Trello"

* Notice that Labels and Assign draw off to the right and then snap to the left

=== 2.8.5.006@2020-06-30 ===

* add icon files

* remove unused files from main bundle

* Remove dependency on old datejs.com code

* Bump version and notes

=== 2.8.5.005@2020-06-27 ===

* Update description

* Call ForceSetVersion if periodicchecks proves different versions or unset

=== 2.8.5.004@2020-06-27 ===

* Accessibility improvements: tabbing and enter key from @KS-CleverCopter

=== 2.8.5.003@2020-06-18 ===

* More UI cleanup from @KS-CleverCopter

* Fix for bug where on Windows 10, Boards popup appears behind

=== 2.8.5.002@2020-05-25 ===

* Ton of ui work from @KS-CleverCopter

* Change board alphabetization formatting

=== 2.8.5.001@2020-05-24 ===

* First cut at remembering what message was stored with what card

* Move to safer "g2t_" instead of "g2t:" for variable names stored in hashes

* reduce log lines circular queue to 100 lines

* Set "remembered" to 100 emails

* First version of restoring settings based on email, had to add ability to cache list updates til list refreshed

* This history available at: https://g2t.pub/changes

=== 2.8.0.013@2020-05-22 ===

* Fix validHash to work correctly - was always taking the req = [] path. This was causing empty data to be sent to Trello, causing a 400 error

=== 2.8.0.012@2020-05-15 ===

* Update icons for correct classes for Gmail with highlighting css

=== 2.8.0.011@2020-05-07 ===

* use avatarurl instead of id + '/' + avatarHash in case it moves in the future

* Update http:// to https://

* remove unused chrome.identity

=== 2.8.0.009@2020-05-03 ===

* Update text-only from "GtT" to "G2T"

* Update these notes references from "GtT" to "G2T"

* More trials for better resizing (failed)

* replace 403'ing "https://trello-avatars.s3.amazonaws.com/{avatarHash}/30.png" with "https://trello-members.s3.amazonaws.com/{id}/{avatarHash}/30.png"

=== 2.8.0.007@2020-04-21 ===

* Update links from Trello to http://g2t.support

* update name to include "Gmail-to-Trello"

=== 2.8.0.006@2020-04-20 ===

* Had to publish as new extension "Gmail-2-Trello" due to old extension updates being disallowed.

* Change "Arrows" to a pop-up for "Add below:" and "Add to:"

* Try AspectRatio on for more reasonable resize experience [nope, doesn't work for what we'd want]

* Posted in new github repo: https://github.com/appliedmedia/gmail-2-trello

=== 2.8.0.003@2020-03-04 ===

* Now uses background script for retrieval and upload of all attachments/images/embedded images, should resolve CORS/corb new higher level of chrome security.

* Standardize on selectors for embedded titles

* Reduce scopes of domains in manifest

* update descriptive text in manifest

* Update to jQuery 3.4.1.slim

* Add option/shift-click to "Attach" or "Images" will select-all/deselect-all based on first checkbox's state

* Remove in-app purchases

* output jquery object when body can't be found

=== [email protected] ===

* Try some changes to grow boxes (unsuccessfully)

* update file naming upload code to gleen filename from aria-label text

* gmail ui class names changed again, in gmailView we now use a single viewport: '.aia:first'. It was '.aeJ:first'. We no longer explicitly try to detect splitlayout, which may or may not work. Will need to test with folks.

* initial error message when retrieving attachment content fails with 0 length. Probably CORS/corb new chrome security model, need to retrieve data from background script. Fix in progress but will take a while to refactor uploading code.

* Deeper highlighting for Labels and Assign, use gradient to indicate selected

* Remove trash can from GtT pull down

* move popup location of GtT pull down to under icon

* use new === of Trello Client.js

* make sure ui, Sign-out works (enough) when trello authenticate fails.

* Look for old legacy classname m{UNIQUEID} only if other emailId tags aren't present

* Iterate differently

* Use data-thread-id if present

* get legacy gmail thread id for backlink on new gmail

* find new gmail views

* make getmanifest === check more robust error-handling-wise

* Fix calculation for pop-up when button position has changed

* new hd toolbar icon & sketch version

* attachment image previews are now scale-to-fit

* attachment file and image sections are hidden when there is no attachment

* [dev] change form markups from dl/dt/dd to regular divs

* Fix bug on the new Gmail that cause toolbar buttons failed to work properly

* remove overlapping intervals, thanks to Travis Hardman.

* Up debug log

* Silence logging of button positioner [still need to fix]

* Gmails coming up blank content in GtT - Change .adP:first to use more deterministic tag

* Check for ASL or ASF div for Refresh icon.

* Only call detach if more than one button/popup

* Use '0' for unknown === in === check

* More debugging logs for adding button / popup

* Only show === update if previous === > 0

* Remove toolBarHolder

* debug multiple inboxes - more to do

* circular log wasn't - hogged memory

* inline image now should upload to Trello correctly

* Restrict log from 1000 to 100 lines.

* Call browsingData from background to clear extension data.

* Show message to reload when === changes.

* Fix $button[0] -> $button.first().

* fix missing views/options.html.

* detecttoolbar return true if detected.

* .detach button and popup and then only append one.

* Make sign out an explicit button on the page.

* fix resize via jquery ui, needed clearfix at popup level for jquery ui added elements

* Call pre-init after button disappear

* Semi-final jquery ui resizing (not quite right for normal state, works okay for list state)

* show === number in options panel (prep for noticing === change and prompting to reload)

* Remove G-Ni from GtT icon

* add timer to check every 2 seconds for gtt button showing

* Use gh='mtb' to find toolbar

* Add G-Ni to GtT icon

* Remove :first from G-atb

* additional debugging code in toolbar and labels code

* Report of GtT button not appearing when Streak and RightInbox, some tweaks to button positioning code to hopefully circumvent problem.

* add info message to options screen

* Initial cut at button for chrome.browsingData.remove

* Update manifest with 64 and 128 icons

* Icon not showing up in toolbar due to other extension icons in toolbar

* Update gtt_log to have timestamp

* move email search hyperlinks to top of content

* Parse "29. mai 2017 um 15:18" correctly

* (Until I have a better idea, have to decode the dateTime by hand and do some month comparisons)

* And then after doing that ton of work and realizing this will be horrific to maintain, I ripped it all out

* Check for 401 more leniently, add target to error

* lists without organizations were being filtered out! Fixed.

* change features/Bugs to 'Help'

* Created 'Report' feature, which will put latest error and last 1000 log items into card to post to gtt trello board

* 400 invalid id on attachment upload: use pos === 'at' to indicate path to attach

* Track mouseUp and mouseDown in same external-to-window container

* make positioning logic more robust for Upload to combat trello post pos 404 error

* click outside window closes window

* focus outside window closes window

* Error in attachments processing fixed to produce correct filename

* install keyboard trap to Show Popup, Remove keyboard trap on Hide Popup

* Clean up consts for keyboard trap

* First cut at image with larger tooltip on hover

* load jquery ui css before our CSS so we can override it

* add named function gtt_keydown to prevent duplicate listeners

* Bump === to work around google problem

* remove gmail load wait timer now that GtT button is more robust on no-data

* Move keyboard trap to bindEvents

* Dirty centering when no data so popup will move as appropriate

* fix error with "bottom" should be "below"

* refactor upload code to pull it all into model work, add model.Uploader class

* move attach code back into our code since trello doesn't want it

* Fix error where attachment url was click link instead of updated card

* fixed long untruncated image/attachment string

* First cut at having gtt button always show, even when there is no data to populate - this may reduce the "where's my button?" support issues

* Have images bottom grow when you grab the window grow handle in the lower right corner

* Fix bug in creating new card

* Simplify UI for adding to a card vs. adding new card below

* Add to an existing card!

* Had to change ui a little to account for card selection and "where" to put the card

=== 2.6.0.0...2.5.0.1 ===

* make minimum width bigger for popup

* create shortcut dropdown for due date

* create option entry to add more to shortcut dropdown

* persist previous due date and time

* Attachments and Images now are transferred completely to trello instead of lodging as links back to Gmail

* Attachments downloaded to memory and uploaded to Trello instead of just providing links

* support keyboard shortcuts: Alt/Opt+Shift+G is the default to show the popup (once in Gmail and the button is visible)

* While the Popup is showing, hitting ESCAPE or CTRL+. or CMD+. will dismiss the popup.

* CTRL/CMD+ENTER will Add to Trello.

* change stray bullets to asterisks but not stray hyphens

* fix member assignment buttons to persist across board changes

* Shift-click "Labels:" or "Members:" to clear

* Fix typos GMail -> Gmail

* layout changes to accomodate smaller screens

* Can now assign other users

* Your id should always be first in Assign list

* Remove "Assign to me" button

* Move signout and error to chrome extension loaded html files

* Make label and member msg boxes same height as label and member chicklets so things don't "jump" up and down when picking new boards

* fix pinterest loads with white overlay on top of first 20 pinned items -- was conflicting with jQuery UI CSS

* Moved jQuery-ui-css loading to top of popup

* Changed matches to mail.google.com instead of all urls.

* fix problem of email with no body

* Try to fix parseData to always return a valid data block (even if empty data)

* update board changed to clear out list/labels when settings boardId is different than boardId

* gray box around imgs in image list to show "spacer" images

* use window.location.pathname to provide "/mail/u/0/" or "/mail/u/1/" etc. for different gmail accounts

* Add support to attach images from Gmail

* Fix typo with missing brace for uriForDisplay

* To handle jquery ui looking to Gmail for UI icons, must replace url("images... with url("chrome-extension://__MSG_@@extension_id__/images...

...read entire history at https://g2t.pub/changes and interact with this community at https://g2t.support.

How to install Gmail-2-Trello chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Gmail-2-Trello Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Gmail-2-Trello Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Gmail-2-Trello in Chrome Webstore Search and click on the search button.
• Step 3: click on the Gmail-2-Trello Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Gmail-2-Trello extension for your Chrome Web browser .