├── .gitignore
├── Chrome
├── css
│ ├── count.css
│ ├── numbers.css
│ └── labels.css
├── manifest.json
├── background.js
├── options.html
└── options.js
├── ExampleImage.png
├── FirefoxAddon
├── @cardcolortitles-0.0.1.xpi
├── firefoxAddon.js
├── package.json
└── data
│ └── override.css
├── Safari
└── Color Titles Trello.safariextz
└── README.md
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 |
--------------------------------------------------------------------------------
/Chrome/css/count.css:
--------------------------------------------------------------------------------
1 | .list-header-num-cards {
2 | display: inline-block!important;
3 | }
4 |
--------------------------------------------------------------------------------
/ExampleImage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChuckJHardy/ColorTitlesTrello/HEAD/ExampleImage.png
--------------------------------------------------------------------------------
/Chrome/css/numbers.css:
--------------------------------------------------------------------------------
1 | .card-short-id {
2 | display: inline-block!important;
3 | font-weight: bold;
4 | padding-right: 5px;
5 | }
6 |
--------------------------------------------------------------------------------
/FirefoxAddon/@cardcolortitles-0.0.1.xpi:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChuckJHardy/ColorTitlesTrello/HEAD/FirefoxAddon/@cardcolortitles-0.0.1.xpi
--------------------------------------------------------------------------------
/Safari/Color Titles Trello.safariextz:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ChuckJHardy/ColorTitlesTrello/HEAD/Safari/Color Titles Trello.safariextz
--------------------------------------------------------------------------------
/FirefoxAddon/firefoxAddon.js:
--------------------------------------------------------------------------------
1 | var data = require("sdk/self").data;
2 | var pageMod = require("sdk/page-mod");
3 |
4 | pageMod.PageMod({
5 | attachTo: ["existing", "top"],
6 | include: ["*.trello.com/", "https://trello.com/*"],
7 | contentStyleFile: data.url("override.css"),
8 |
9 | });
--------------------------------------------------------------------------------
/FirefoxAddon/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "Card Color Titles for Trello",
3 | "name": "cardcolortitles",
4 | "version": "0.0.1",
5 | "description": "Show the card label titles on trello.com",
6 | "main": "firefoxAddon.js",
7 | "author": "VisualBean",
8 | "engines": {
9 | "firefox": ">=34.0a1"
10 | },
11 | "license": "MIT"
12 | }
13 |
--------------------------------------------------------------------------------
/Chrome/css/labels.css:
--------------------------------------------------------------------------------
1 | .list-card {
2 | overflow: hidden;
3 | }
4 |
5 | .list-card-labels {
6 | display: block;
7 | margin: 0!important;
8 | }
9 |
10 | .list-card-labels .card-label {
11 | font-size: .7142857142857143rem;
12 | line-height: 1.142857142857143rem!important;
13 | height: inherit!important;
14 | margin-right: 0;
15 | padding: 0 0.5em!important;
16 | text-align: center;
17 | text-shadow: rgba(0, 0, 0, .1) 0 0 5px, rgba(0, 0, 0, .2) 0 0 2px;
18 | width: auto!important;
19 | display: inline!important;
20 | }
21 |
--------------------------------------------------------------------------------
/FirefoxAddon/data/override.css:
--------------------------------------------------------------------------------
1 | .list-card
2 | {
3 | overflow: hidden;
4 | }
5 | .list-card-labels
6 | {
7 | display: block;
8 | margin: 0!important;
9 | }
10 | .list-card-labels .card-label
11 | {
12 | font-size: .7142857142857143rem;
13 | line-height: 1.142857142857143rem!important;
14 | height: inherit!important;
15 | margin-right: 0;
16 | padding: 0 0.5em!important;
17 | text-align: center;
18 | text-shadow: rgba(0, 0, 0, .1) 0 0 5px, rgba(0, 0, 0, .2) 0 0 2px;
19 | width: auto!important;
20 | display: inline!important;
21 | }
--------------------------------------------------------------------------------
/Chrome/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 |
4 | "name": "Card Color Titles for Trello",
5 | "version": "1.0.0",
6 | "description": "Show the Card label titles, column card count and card numbers on trello.com for easier communication in a team",
7 |
8 | "author" : "Chuck J Hardy",
9 |
10 | "permissions": [
11 | "storage",
12 | "tabs",
13 | "https://trello.com/*"
14 | ],
15 |
16 | "background": {
17 | "scripts": [
18 | "background.js"
19 | ]
20 | },
21 |
22 | "options_ui": {
23 | "page": "options.html",
24 | "chrome_style": true
25 | }
26 | }
27 |
28 |
--------------------------------------------------------------------------------
/Chrome/background.js:
--------------------------------------------------------------------------------
1 | chrome.tabs.onCreated.addListener(loadCss);
2 | chrome.tabs.onUpdated.addListener(function(tabId, info, tab) {
3 | if (info.status == 'complete') loadCss(tab);
4 | });
5 |
6 | function loadCss(tab) {
7 | var tabUrl = tab.url;
8 |
9 | if (tabUrl && tabUrl.indexOf("https://trello.com") != -1) {
10 | change(tab.id, "columnCount", "css/count.css");
11 | change(tab.id, "cardId", "css/numbers.css");
12 | change(tab.id, "labelName", "css/labels.css");
13 | }
14 | }
15 |
16 | function change(tabId, key, cssFile) {
17 | chrome.storage.sync.get(key, function(item) {
18 | if (item[key]) {
19 | chrome.tabs.insertCSS(tabId, { file: cssFile });
20 | }
21 | });
22 | }
23 |
--------------------------------------------------------------------------------
/Chrome/options.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Card Color Titles for Trello
5 |
15 |
16 |
17 |
18 |
19 |
23 |
24 |
25 |
26 |
30 |
31 |
32 |
33 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | ## Card Color Titles for Trello
2 |
3 | Show the Card label titles on trello.com for easier communication in a team
4 |
5 | | Browser | Link |
6 | | --- | --- |
7 | | Chrome | [Download Extension](https://chrome.google.com/webstore/detail/card-color-titles-for-tre/hpmobkglehhleflhaefmfajhbdnjmgim?utm_source=chrome-ntp-icon) |
8 | | Safari | [Download Extension](https://github.com/ChuckJHardy/ColorTitlesTrello/blob/master/Safari/Color%20Titles%20Trello.safariextz?raw=true) |
9 | | Firefox | [Download Extension](https://addons.mozilla.org/en-US/firefox/addon/card-color-titles-for-trello) |
10 |
11 | 
12 |
13 | ## Contributing
14 |
15 | $ git clone git@github.com:ChuckJHardy/CardTitlesTrello.git ~/Downloads/CardTitlesTrello
16 |
17 | 1. Fork it
18 | 2. Create your feature branch (`git checkout -b my-new-feature`)
19 | 3. Commit your changes (`git commit -am 'Add some feature'`)
20 | 4. Push to the branch (`git push origin my-new-feature`)
21 | 5. Create new Pull Request`
22 |
--------------------------------------------------------------------------------
/Chrome/options.js:
--------------------------------------------------------------------------------
1 | function save_options() {
2 | var columnCount = document.getElementById('columnCount').checked;
3 | var cardId = document.getElementById('cardId').checked;
4 | var labelName = document.getElementById('labelName').checked;
5 |
6 | chrome.storage.sync.set({
7 | columnCount: columnCount,
8 | cardId: cardId,
9 | labelName: labelName
10 | }, function() {
11 | var status = document.getElementById('status');
12 | status.textContent = 'Options saved.';
13 | setTimeout(function() {
14 | status.textContent = '';
15 | }, 750);
16 | });
17 | }
18 |
19 | function restore_options() {
20 | chrome.storage.sync.get({
21 | columnCount: false,
22 | cardId: false,
23 | labelName: true
24 | }, function(items) {
25 | document.getElementById('columnCount').checked = items.columnCount;
26 | document.getElementById('cardId').checked = items.cardId;
27 | document.getElementById('labelName').checked = items.labelName;
28 | });
29 | }
30 |
31 | document.addEventListener('DOMContentLoaded', restore_options);
32 | document.getElementById('save').addEventListener('click', save_options);
33 |
--------------------------------------------------------------------------------